:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef5f5;background:#0a1115;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 25% 15%,#1e3840 0,#0a1115 58%)}#district-canvas{width:100vw;height:100vh;display:block}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#081115d6;border:1px solid #a8e3dc3d;border-radius:14px;width:min(390px,100vw - 36px);padding:16px;position:fixed;top:18px;left:18px;box-shadow:0 18px 60px #0000005c}h1{letter-spacing:.01em;margin:0 0 4px;font-size:18px}.subtitle{color:#9fb9bd;margin:0 0 12px;font-size:12px;line-height:1.45}#status{color:#7ee4c5;margin:8px 0 12px;font-size:12px}#controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}label{color:#9fb9bd;gap:4px;font-size:11px;display:grid}select,button{color:#edf8f6;background:#132126;border:1px solid #a8e3dc33;border-radius:8px;width:100%;padding:7px 9px}button{cursor:pointer;align-self:end}#metrics{color:#b8d1d3;background:#00000042;border-radius:8px;max-height:220px;margin:12px 0 0;padding:10px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}