:root{--bg:#07090c;--bg-glow:#14110a;--surface:#11151b;--surface-2:#181d25;--line:#232a34;--text:#f4f6f9;--muted:#8d97a7;--faint:#5b6574;--accent:#ffc23d;--accent-ink:#1b1400;--accent-soft:#ffc23d24;--live:#3ddc84;--warn:#ffb547;--bad:#ff6b6b;--radius:26px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:radial-gradient(120% 60% at 50% -10%, var(--bg-glow) 0%, transparent 60%), var(--bg);min-height:100dvh}button{font:inherit;color:inherit;touch-action:manipulation}h1,h2{margin:0}.app{max-width:560px;min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:18px;margin:0 auto;display:flex}.app-center{justify-content:center;align-items:center}.loading{flex-direction:column;align-items:center;gap:28px;display:flex}.hint{color:var(--muted);margin:0;font-size:1rem;line-height:1.45}.topbar{justify-content:space-between;align-items:center;min-height:52px;display:flex}.topbar-brand{color:var(--muted);letter-spacing:.01em;font-weight:700}.topbar-actions{gap:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:52px;height:52px;color:var(--text);cursor:pointer;border-radius:16px;place-items:center;transition:background .15s;display:grid;position:relative}.icon-btn:active{background:var(--surface-2)}.badge{background:var(--accent);min-width:22px;height:22px;color:var(--accent-ink);text-align:center;border-radius:11px;padding:0 6px;font-size:.75rem;font-weight:800;line-height:22px;position:absolute;top:-5px;right:-5px}.pill{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:10px 16px 10px 14px;font-size:1rem;font-weight:700;display:inline-flex}.pill-dot{background:var(--muted);border-radius:50%;width:10px;height:10px}.pill-live .pill-dot{background:var(--live);animation:2s infinite ping;box-shadow:0 0 #3ddc8499}.pill-wait .pill-dot{background:var(--warn);animation:1.2s infinite blink}.pill-bad{color:var(--bad)}.pill-bad .pill-dot{background:var(--bad)}.pill-sim{color:var(--warn);border-style:dashed;border-color:var(--warn)}.pill-sim .pill-dot{background:var(--warn)}.banner{color:var(--warn);background:#ffb5471a;border:1px solid #ffb5474d;border-radius:16px;padding:14px 16px;font-weight:600;line-height:1.35}.banner-bad{color:var(--bad);background:#ff6b6b1a;border-color:#ff6b6b4d}.btn{cursor:pointer;min-height:60px;transition:transform .12s var(--ease), opacity .15s;border:none;border-radius:20px;justify-content:center;align-items:center;gap:12px;padding:0 22px;font-size:1.15rem;font-weight:700;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 30px -10px #ffc23d8c}.btn-huge{border-radius:26px;min-height:88px;font-size:1.6rem;font-weight:800}.btn-ghost{border:1px solid var(--line);color:var(--muted);background:0 0}.welcome{flex-direction:column;flex:1;justify-content:space-between;gap:32px;display:flex}.welcome-hero{flex-direction:column;align-items:flex-start;gap:18px;margin-top:6vh;display:flex}.brand-mark{border-radius:20px;box-shadow:0 16px 40px -14px #ffc23d99}.welcome-title{letter-spacing:-.035em;font-size:clamp(2.4rem,11vw,3.4rem);font-weight:850;line-height:1}.welcome-tagline{color:var(--muted);max-width:26ch;margin:0;font-size:1.3rem;line-height:1.4}.features{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.features li{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:14px 0;font-size:1.08rem;line-height:1.35;display:flex}.features li:last-child{border-bottom:none}.feature-icon{background:var(--accent-soft);height:44px;color:var(--accent);border-radius:14px;flex:0 0 44px;place-items:center;display:grid}.welcome-actions{flex-direction:column;gap:14px;display:flex}.field{border:2px solid var(--line);background:var(--surface);min-height:72px;color:var(--muted);border-radius:22px;align-items:center;gap:14px;padding:0 20px;transition:border-color .15s;display:flex}.field:focus-within{border-color:var(--accent);color:var(--accent)}.field input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:1.35rem}.drive{flex-direction:column;flex:1;gap:18px;display:flex}.panel{border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);flex-direction:column;gap:12px;padding:22px;display:flex}.panel-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.locate-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.street-sign{flex-direction:column;gap:2px;display:flex}.street-type{color:var(--accent);font-size:1.1rem;font-weight:700}.street-name{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(2rem,9.5vw,2.7rem);font-weight:850;line-height:1.05}.street-sign-empty{color:var(--muted);font-size:1.6rem;font-weight:700}.panel-divider{background:var(--line);height:1px;margin:6px 0}.story{flex-direction:column;gap:10px;min-height:150px;display:flex}.story-empty{min-height:0}.story-eyebrow{color:var(--accent);align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.story-for{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.story-title{letter-spacing:-.02em;font-size:clamp(1.7rem,7.5vw,2.2rem);font-weight:800;line-height:1.12}.story-title-dim{color:var(--muted)}.story-meta{color:var(--muted);margin:0;font-size:1.15rem;line-height:1.4}.progress{margin-top:8px}.progress-track{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .5s linear}.progress-times{color:var(--faint);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:.9rem;display:flex}.wave{align-items:center;gap:3px;height:18px;display:inline-flex}.wave span{background:currentColor;border-radius:2px;width:3px;height:6px}.wave-on span{animation:.9s ease-in-out infinite wave}.skeleton{background:linear-gradient(90deg, var(--line) 0%, #2d3542 50%, var(--line) 100%);background-size:200% 100%;border-radius:10px;animation:1.4s linear infinite shimmer}.skeleton-title{width:75%;height:34px}.skeleton-line{width:50%;height:18px}.spinner{border:2.5px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.loading .spinner{width:28px;height:28px}.controls{grid-template-columns:1fr auto 1fr;place-items:center;margin-top:auto;padding:4px 0;display:grid}.ctl{cursor:pointer;transition:transform .12s var(--ease), opacity .15s, background .15s;border:none;place-items:center;display:grid}.ctl:active{transform:scale(.94)}.ctl:disabled{opacity:.3;cursor:default}.ctl-main{background:var(--accent);width:112px;height:112px;color:var(--accent-ink);border-radius:50%;box-shadow:0 14px 40px -12px #ffc23db3}.ctl-main:disabled{background:var(--surface-2);color:var(--muted);box-shadow:none}.ctl-side{background:var(--surface);border:1px solid var(--line);width:76px;height:76px;color:var(--text);border-radius:50%}.upnext{border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:2px;padding:16px 20px;display:flex}.upnext .panel-label{margin-bottom:6px}.upnext-item{justify-content:space-between;gap:12px;padding:8px 0;font-size:1.05rem;display:flex}.upnext-title{font-weight:700}.upnext-street{color:var(--muted);text-align:right}.sheet-backdrop{z-index:1000;animation:fade .2s var(--ease);background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;max-height:calc(100dvh - max(24px, env(safe-area-inset-top)));background:var(--surface);border:1px solid var(--line);animation:slide-up .28s var(--ease);border-bottom:none;border-radius:28px 28px 0 0;flex-direction:column;display:flex}.sheet-header{justify-content:space-between;align-items:center;padding:18px 16px 12px 22px;display:flex}.sheet-header h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.sheet-body{padding:4px 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.sheet-empty{padding:24px 6px}.history{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history-item{background:var(--surface-2);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:18px;align-items:center;gap:14px;width:100%;padding:14px;display:flex}.history-item:active{border-color:var(--line)}.history-current{border-color:var(--accent)}.history-play{background:var(--accent-soft);height:44px;color:var(--accent);border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.history-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.history-title{font-size:1.1rem;font-weight:700}.history-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.history-time{color:var(--faint);font-variant-numeric:tabular-nums;align-self:flex-start;font-size:.85rem}.settings{flex-direction:column;gap:16px;display:flex}.settings-version{text-align:center;color:var(--faint);font-size:.85rem}.sim{border:2px dashed var(--warn);border-radius:18px;flex-direction:column;gap:8px;padding:14px;display:flex}.sim-off{border-style:solid;border-color:var(--line)}.sim-header{color:var(--warn);justify-content:space-between;align-items:center;gap:8px;display:flex}.sim-map{border-radius:12px;height:260px}.sim-hint{font-size:.9rem}.sim-pin{background:var(--accent);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--accent);border-radius:50%}.muted{color:var(--muted);font-size:1rem}.debug{border:1px solid var(--line);color:var(--muted);border-radius:18px;padding:10px 14px;font-size:.85rem}.debug summary{cursor:pointer;color:var(--text);font-weight:700}.debug-section{color:var(--accent);margin-top:10px;margin-bottom:2px;font-weight:700}.debug-row{gap:8px;display:flex}.debug-label{flex:0 0 96px}.debug-value{overflow-wrap:anywhere;min-width:0;color:var(--text);font-variant-numeric:tabular-nums}.debug-log-header{justify-content:space-between;align-items:center;display:flex}.btn-small{border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;padding:6px 12px;font-size:.85rem}.debug-log{overflow-wrap:anywhere;max-height:320px;margin:4px 0 0;padding:0;list-style:none;overflow-y:auto}.debug-log li{border-bottom:1px solid #1a1f27;padding:2px 0}.debug-time{color:var(--muted);font-variant-numeric:tabular-nums}@keyframes ping{0%{box-shadow:0 0 #3ddc8499}80%,to{box-shadow:0 0 0 9px #3ddc8400}}@keyframes blink{50%{opacity:.35}}@keyframes wave{0%,to{height:5px}50%{height:18px}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.banner-update{background:var(--accent-soft);color:var(--text);border-color:#ffc23d59;flex-direction:column;gap:12px;display:flex}.btn-update{min-height:48px;font-size:1rem}.update-progress{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.update-progress>div{background:var(--accent);height:100%;transition:width .3s var(--ease)}