:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#070707;background:#f5f5f2;font-synthesis:none;text-rendering:optimizeLegibility;--u-black:#000;--u-ink:#0b0b0b;--u-graphite:#171717;--u-line:#deded8;--u-paper:#fff;--u-warm:#f5f5f2;--u-muted:#6f6f6a;--u-signal:#dfff45}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--u-warm)}button,input{font:inherit}.u-app{min-height:100dvh;display:flex;flex-direction:column;background:var(--u-warm)}.u-topbar{height:72px;padding:0 clamp(18px,4vw,34px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#f5f5f2eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:10}.u-topbar__title{font-size:13px;font-weight:760;letter-spacing:-.01em}.u-topbar__action{justify-self:end}.u-mark{display:flex;align-items:baseline;letter-spacing:-.07em;font-size:28px;font-weight:850;width:max-content}.u-mark span{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--u-black);color:#fff;letter-spacing:-.08em;margin-right:2px;line-height:1}.u-mark b{font-weight:850}.u-mark--light{color:#fff}.u-mark--light span{background:#fff;color:#000}.u-iconButton{height:42px;min-width:42px;border:0;border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 1px #0000000f}.u-primaryButton{width:100%;min-height:58px;border:0;border-radius:18px;background:#000;color:#fff;padding:0 22px;font-weight:800;font-size:15px;letter-spacing:-.01em;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .18s}.u-primaryButton:active{transform:scale(.985)}.u-primaryButton:focus-visible,.u-iconButton:focus-visible,.u-bottomNav button:focus-visible{outline:3px solid #000;outline-offset:3px}.u-bottomNav{position:sticky;bottom:0;z-index:20;margin-top:auto;padding:10px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(0,0,0,.07)}.u-bottomNav button{border:0;background:none;display:grid;gap:7px;place-items:center;font-size:10px;color:#74746f;min-height:48px}.u-bottomNav button.is-active{color:#000;font-weight:760}.u-navDot{width:18px;height:4px;border-radius:99px;background:transparent}.is-active .u-navDot{background:#000}.u-map{position:relative;min-height:360px;overflow:hidden;background:#e9e9e4}.u-map__roads{position:absolute;inset:-15%;opacity:.86;background-image:linear-gradient(28deg,transparent 47%,#fff 48%,#fff 51%,transparent 52%),linear-gradient(104deg,transparent 48%,#fff 49%,#fff 51%,transparent 52%),linear-gradient(158deg,transparent 48%,#d2d2cc 49%,#d2d2cc 51%,transparent 52%);background-size:180px 160px,220px 210px,320px 260px}.u-map:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 45%,transparent 0 28%,rgba(245,245,242,.72) 76%)}.u-map--dark{background:#101010}.u-map--dark .u-map__roads{filter:invert(1);opacity:.11}.u-map--dark:after{background:radial-gradient(circle at 50% 44%,transparent 0 28%,rgba(0,0,0,.68) 80%)}.u-map__pin{position:absolute;z-index:3;left:50%;top:43%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:14px;background:#000;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 28px #00000040}.u-map--dark .u-map__pin{background:#fff;color:#000}.u-map__pulse{position:absolute;z-index:2;left:50%;top:43%;width:94px;height:94px;border-radius:50%;transform:translate(-50%,-50%);background:#00000014;animation:uPulse 2.4s ease-out infinite}.u-map--dark .u-map__pulse{background:#ffffff14}@keyframes uPulse{0%{transform:translate(-50%,-50%) scale(.45);opacity:1}90%,to{transform:translate(-50%,-50%) scale(1.15);opacity:0}}.u-sheet{background:#fff;border-radius:28px 28px 0 0;padding:26px 22px}.u-sheet--elevated{box-shadow:0 -18px 50px #00000014}.u-metric{display:grid;gap:4px}.u-metric strong{font-size:clamp(28px,5vw,44px);letter-spacing:-.055em}.u-metric span{font-size:11px;color:var(--u-muted)}@media(prefers-reduced-motion:reduce){.u-map__pulse{animation:none}.u-primaryButton{transition:none}}@media(min-width:900px){.u-app{min-height:100vh}.u-bottomNav{max-width:520px;margin-left:auto;margin-right:auto;border:1px solid rgba(0,0,0,.08);border-bottom:0;border-radius:20px 20px 0 0}.u-map{min-height:540px}}.control{background:#0b0b0b}.control .u-topbar{background:#0b0b0b;color:#fff;border-bottom:1px solid #202020}.control .u-mark span{background:#fff;color:#000}.control .u-iconButton{background:#1b1b1b;color:#fff}.control main{display:grid;grid-template-columns:minmax(340px,460px) 1fr;min-height:calc(100vh - 72px)}.control aside{background:#0b0b0b;color:#fff;padding:38px}.control-kicker{font-size:9px;letter-spacing:.18em;color:#777;font-weight:850}.control h1{font-size:56px;line-height:.92;letter-spacing:-.065em;margin:14px 0 40px}.control-metrics{display:grid;grid-template-columns:1fr 1fr;gap:24px}.control .u-metric strong{font-size:34px}.control .u-metric span{color:#858580}.incidents{margin-top:42px;border-top:1px solid #292929}.incidents header{display:flex;justify-content:space-between;padding:16px 0;font-size:9px;letter-spacing:.12em;color:#777}.incidents header b{color:#fff}.incidents article{border-top:1px solid #202020;padding:15px 0;display:grid;grid-template-columns:9px 1fr auto;gap:12px;align-items:center}.incidents i{width:7px;height:7px;border-radius:50%;background:var(--u-signal)}.incidents i.warn{background:#ffba47}.incidents article div{display:grid;gap:4px}.incidents article strong{font-size:11px}.incidents article span{font-size:9px;color:#71716c}.map-overlay{position:absolute;z-index:5;top:24px;left:24px;background:#000000b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:16px;padding:14px;display:grid;gap:3px}.map-overlay span{font-size:8px;color:var(--u-signal);font-weight:900;letter-spacing:.16em}.map-overlay strong{font-size:12px}.map-overlay small{font-size:9px;color:#777}@media(max-width:820px){.control main{grid-template-columns:1fr}.control aside{padding:26px 20px}.control h1{font-size:46px}.control .u-map{min-height:52dvh}.control-metrics{grid-template-columns:repeat(4,1fr);gap:12px}.control .u-metric strong{font-size:24px}.control .u-metric span{font-size:9px}}@media(max-width:560px){.control-metrics{grid-template-columns:1fr 1fr}}
