:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--surface:#121b2e;--surface-2:#1a2540;--line:#24314f;--text:#f1f5f9;--muted:#94a3b8;--accent:#22d3ee;--accent-ink:#062a33;--ok:#34d399;--warn:#fbbf24;--bad:#f87171;--shadow:0 8px 24px #00000059}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f7;--surface:#fff;--surface-2:#f3f6fa;--line:#d5dde8;--text:#0b1220;--muted:#475569;--accent:#0e7490;--accent-ink:#fff;--ok:#047857;--warn:#b45309;--bad:#b91c1c;--shadow:0 6px 18px #0f172a1f}:root{--radius:16px;--radius-sm:10px;--gap:12px;--nav-h:64px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:16px/1.4 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.35rem}h2{font-size:1.05rem}p{margin:0}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.shell{flex-direction:column;height:100%;display:flex}.shell__top{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--bg);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:10px;display:flex;position:sticky;top:0}.shell__title{letter-spacing:.02em;align-items:center;gap:8px;font-weight:700;display:flex}.shell__title img{border-radius:7px;width:26px;height:26px}.shell__spacer{flex:1}.shell__main{padding:16px 16px calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.shell__main--flush{padding:0;overflow:hidden}.nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);z-index:10;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav__item{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:44px;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}.nav__item svg{width:24px;height:24px}.nav__item[data-status=active]{color:var(--accent)}.stack{gap:var(--gap);flex-direction:column;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid2{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.card--tap{color:inherit;text-decoration:none;display:block}.card--tap:active{background:var(--surface-2)}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:var(--mono)}.num{font-variant-numeric:tabular-nums}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:6px 2px 0;font-size:.78rem;font-weight:700}.btn{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;min-height:44px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:650;text-decoration:none;display:inline-flex}.btn svg{width:20px;height:20px}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--danger{color:var(--bad)}.btn--block{width:100%}.btn--icon{width:44px;padding:0}.btn:disabled{opacity:.45;cursor:not-allowed}.pill{border:1px solid var(--line);background:var(--surface-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.pill--ok{color:var(--ok)}.pill--warn{color:var(--warn)}.pill--bad{color:var(--bad)}.pill--muted{color:var(--muted)}.pill--plain:before{display:none}.banner{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px 14px;font-weight:600;display:flex}.banner--bad{background:color-mix(in srgb, var(--bad) 18%, var(--surface));color:var(--bad)}.banner--warn{background:color-mix(in srgb, var(--warn) 16%, var(--surface));color:var(--warn)}.banner--info{background:color-mix(in srgb, var(--accent) 14%, var(--surface));color:var(--text)}.progress{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.progress>span{background:var(--accent);border-radius:inherit;height:100%;transition:width .3s;display:block}.field{flex-direction:column;gap:6px;display:flex}.field input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);min-height:44px;padding:0 12px}.speed{text-align:center;padding:18px 16px 14px}.speed__value{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(4.5rem,26vw,8rem);font-weight:800;line-height:1}.speed__unit{color:var(--muted);font-weight:700}.speed--stale .speed__value{color:var(--muted)}.metric__label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.metric__value{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:750}.metric__value small{color:var(--muted);margin-left:3px;font-size:.9rem;font-weight:650}.arrow{flex:none;width:44px;height:44px}.map{background:var(--surface-2);width:100%;height:100%;min-height:240px;position:relative}.map--card{border-radius:var(--radius);border:1px solid var(--line);height:260px;overflow:hidden}.map__overlay{pointer-events:none;z-index:2;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.map__overlay>*{pointer-events:auto;box-shadow:var(--shadow)}.map__fab{right:12px;bottom:calc(var(--nav-h) + 20px + env(safe-area-inset-bottom));z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute}.map__fab .btn{box-shadow:var(--shadow);background:var(--surface)}.maplibregl-ctrl-attrib{font-size:11px}.toast{left:16px;right:16px;bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom));z-index:20;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:12px 16px;font-weight:600;position:fixed}.toast--error{border-color:var(--bad);color:var(--bad)}.toast--ok{border-color:var(--ok)}.empty{text-align:center;color:var(--muted);padding:28px 12px}.empty svg{width:40px;height:40px;margin-bottom:8px}@media (min-width:720px){.shell__main{width:100%;max-width:720px;margin:0 auto}.nav{border:1px solid var(--line);border-radius:18px 18px 0 0;max-width:720px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.progress>span{transition:none}}