:root{color-scheme:light dark;--ink:#e4eee9;--paper:#0c171f;--surface:#14252f;--teal:#9bdac5;--muted:#a3b6bb;--line:#2a4049;--unknown-bg:#253338;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--map-height:350px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;min-height:44px;border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #edb18c;outline-offset:3px}a{color:inherit;text-underline-offset:4px}[hidden]{display:none!important}h1,h2,p{margin:0}.app-shell{max-width:660px;margin:auto;padding:env(safe-area-inset-top) 20px 0}header{height:56px;display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:750;letter-spacing:.13em;text-decoration:none}.wordmark svg{width:23px;height:26px;fill:none;stroke:var(--teal);stroke-width:2.4}.wordmark circle{fill:var(--paper)}.icon-button{width:44px;height:44px;border-radius:50%;background:transparent;display:grid;place-items:center;font-size:25px}.icon-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.intro{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 10px;padding:9px 0 14px}.eyebrow{font-size:9px;letter-spacing:.12em;font-weight:650;color:var(--muted)}.intro>.eyebrow{grid-column:1;line-height:1.5}.intro h1{grid-column:1;font-size:22px;line-height:1.25;font-weight:650;letter-spacing:-.04em}.direction-tabs{grid-column:2;grid-row:1/3;display:flex;background:#172b35;border:1px solid var(--line);border-radius:12px;padding:3px;gap:3px}.direction-tabs button{background:transparent;color:#9bb3b9;border-radius:9px;padding:6px 10px;font-size:12px;font-weight:600}.direction-tabs button[aria-pressed=true]{background:#36564f;color:#e3f5eb}.assessment{padding:16px 18px;border:1px solid #47575b;border-radius:16px;background:linear-gradient(110deg,#29383b,#1b2b32)}.assessment h2{font-size:30px;letter-spacing:-.04em;line-height:1.15;margin:5px 0 7px;font-weight:700}.assessment p{font-size:12px;line-height:1.4;color:#bdc9c7;max-width:40ch}.route-panel{margin-top:12px;background:#13232d;border:1px solid var(--line);border-radius:16px;overflow:hidden}.route-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 0}.route-heading h2{font-size:13px;font-weight:600;color:#c7d7d6}.freshness{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.freshness:before{content:'';height:5px;width:5px;flex-shrink:0;border-radius:100%;background:#8b948e}.freshness.fresh:before{background:#8bceb7}.route-subtitle{padding:5px 16px 0;font-size:11px;color:#829fa8}.road-scene{position:relative;margin-top:6px;isolation:isolate}.road-canvas{display:block;width:100%;height:var(--map-height)}.corridor-upstream{padding:10px 14px;background:#1b3039;color:#c6dbd7;font-size:12px;text-align:center;border-top:1px solid #30464e;min-height:36px}.corridor-key{display:flex;justify-content:space-between;gap:8px;padding:10px 13px;font-size:9px;color:#94abb0}.corridor-key>span:first-child{display:flex;align-items:center;gap:6px}.corridor-key i{width:9px;height:12px;display:inline-block;background:#8fbcac;border-radius:2px}.road-pause{position:absolute;top:3px;left:10px;font-size:9px;color:#d4b694;pointer-events:none;background:#13232ded;padding:3px 6px;border-radius:4px}.road-placeholder{padding:130px 15px;text-align:center;font-size:13px;color:var(--muted)}.before-trip{margin-top:8px}.before-trip>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;list-style:none;border-bottom:1px solid var(--line);padding:12px 2px;min-height:48px}.before-trip>summary:after{content:'＋';font-size:19px;color:var(--muted)}.before-trip[open]>summary:after{content:'−'}.before-trip>summary>span{font-size:10px;color:var(--muted);margin-left:auto}summary{cursor:pointer;min-height:44px;line-height:1.4}.planning-panel{padding:18px 0}.planning-panel h2{font-size:15px;line-height:1.4}.arrival-options{display:flex;gap:8px;margin-top:14px}.arrival-options button{flex:1;border:1px solid var(--line);background:transparent;border-radius:10px;font-size:13px}.arrival-options button[aria-pressed=true]{background:#36564f;color:#e2f5e9;font-weight:650}.location-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.location-button{background:none;text-align:left;font-size:13px;color:var(--teal);padding:8px 0}.location-button>span:first-child{font-size:20px;vertical-align:-2px;margin-right:3px}.optional{font-size:10px;color:var(--muted)}.location-status,.arrival-summary{font-size:12px;line-height:1.6;margin-top:9px;color:#c2d2cf}.location-status{padding:10px;background:#243c43;border-radius:8px}.planning-note{font-size:11px;line-height:1.5;color:var(--muted);margin-top:8px}.diagnostics{border-top:1px solid var(--line);padding:4px 0 18px}.limitations>summary,.speed-details>summary{font-size:12px;font-weight:600;padding:13px 0}.limitations ul{padding-left:18px;margin:5px 0 10px;font-size:12px;line-height:1.7;color:var(--muted)}.limitations p,.speed-details>p{font-size:12px;line-height:1.65;color:var(--muted)}.forecast-panel{padding:19px 0;border-top:1px solid var(--line);margin-top:10px}.forecast-panel h2{font-size:22px;line-height:1.25;margin:9px 0}.forecast-panel>p{font-size:12px;line-height:1.65;color:var(--muted);margin-top:9px}.forecast-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0;padding:14px 0;border-block:1px solid var(--line)}.forecast-metrics span{display:block;font-size:10px;color:var(--muted)}.forecast-metrics strong{display:block;font-size:18px;margin-top:6px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th,td{padding:12px 7px;border-bottom:1px solid var(--line);line-height:1.5}thead th{font-size:10px;color:var(--muted)}tbody th{white-space:nowrap}.base-speed{background:#23393d}.road-traffic:empty{display:none}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 calc(12px + env(safe-area-inset-bottom));font-size:10px;color:var(--muted)}.attribution{display:flex;gap:6px;align-items:center;text-decoration:none}.attribution img{width:74px;height:24px;object-fit:contain}.brand-light{display:none}.text-button{background:none;color:var(--muted);font-size:10px;padding:9px 0;text-align:right}dialog{border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);padding:24px;max-width:500px;width:calc(100% - 28px);max-height:85dvh}dialog::backdrop{background:#051019b3;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}dialog h2{font-size:28px;line-height:1.2;margin-top:18px}dialog h3{font-size:14px;margin-top:25px}dialog p{font-size:13px;line-height:1.7;margin-top:18px;color:var(--muted)}.install-note{border-top:1px solid var(--line);padding-top:20px}.toast{position:fixed;bottom:calc(25px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#d9eee4;color:#152e28;padding:14px 24px;border-radius:20px;font-size:13px;z-index:5;max-width:calc(100% - 24px)}.skip{position:fixed;top:-100px;background:var(--surface);padding:12px;z-index:10}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:650px){:root{--map-height:400px}.app-shell{padding-inline:30px}.intro{padding-top:18px}.intro h1{font-size:28px}.assessment h2{font-size:35px}.route-heading{padding-top:16px}.direction-tabs button{font-size:13px;padding-inline:14px}}
@media(max-width:355px){:root{--map-height:330px}.app-shell{padding-inline:12px}.intro h1{font-size:20px}.direction-tabs button{font-size:11px;padding-inline:8px}.route-heading{padding-inline:12px}.freshness{font-size:9px}.assessment h2{font-size:27px}.assessment p{font-size:11px}.before-trip>summary>span{font-size:9px}.corridor-key{font-size:8px;padding-inline:10px}}
@media(prefers-color-scheme:light){:root{--paper:#f3f4ef;--ink:#172d35;--surface:#fffefa;--muted:#566b70;--line:#ccd7d5;--teal:#176c5c}.wordmark circle{fill:var(--paper)}.assessment{color:#eff4f0}.intro .direction-tabs{border-color:#cbd7d1;background:#e2e9e2}.direction-tabs button{color:#516a66}.direction-tabs button[aria-pressed=true]{background:#315d50;color:#effaf2}.brand-light{display:block}.brand-dark{display:none}.location-status{background:#e2e9e2;color:#213e38}.arrival-summary{color:#314e49}.arrival-options button[aria-pressed=true]{background:#315d50;color:#effaf2}.base-speed{background:#e2e9e2}.route-panel .freshness{color:#a3b6bb}dialog p{color:var(--muted)}.dialog-head .eyebrow{color:#9db6ba}dialog{background:#14252f;color:#e4eee9}dialog p{color:#a3b6bb}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Glance view refined after Opus 5.5 review. */
header{gap:8px;height:62px}.direction-tabs{margin-left:auto;flex-shrink:0}.direction-tabs button{font-size:12px;padding-inline:9px}.wordmark{font-size:18px}.wordmark svg{width:21px;height:24px}header>.icon-button{flex-shrink:0;width:34px}.assessment{padding:11px 15px 13px;margin-top:3px}.advice-state{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b5c7c9}.advice-state>span{font-size:9px;letter-spacing:.08em}.assessment .advice-state h2{font-size:12px;letter-spacing:0;line-height:1.4;margin:0;padding:3px 7px;border:1px solid #597071;border-radius:6px;white-space:nowrap}.assessment p{font-size:20px;line-height:1.25;font-weight:600;color:#e3eee8;margin-top:9px;max-width:none;letter-spacing:-.02em}.route-panel{margin-top:10px}.route-heading{padding-top:12px}.route-heading h2{font-size:12px}.route-subtitle{font-size:10px}.road-canvas{height:clamp(340px,calc(100dvh - 340px),600px)}.corridor-upstream{display:flex;align-items:center;justify-content:center;gap:14px;background:#172b35;min-height:42px;padding:6px 12px;font-size:11px}.approach-symbol{display:block;position:relative;border:1.5px dashed #a0c5bc;border-radius:4px;width:13px;height:23px;background:transparent;margin-right:17px}.approach-symbol:before{content:'';display:block;border:1px solid #92b9b2;width:7px;height:5px;margin:3px auto}.approach-symbol b{position:absolute;left:8px;top:-4px;color:#d3e6df;font-size:11px;background:#24413f;border-radius:5px;padding:2px 4px;line-height:1.3;min-height:0}.approach-symbol b:empty{display:none}.road-pause{font-size:10px;top:0}.road-traffic{font-size:12px;color:var(--muted)}.road-traffic h3{font-size:13px;margin-top:20px}.road-traffic ol{line-height:1.9;padding-left:20px}.before-trip{margin-top:5px}.corridor-key{font-size:9px}.brand-dark{display:block}
@media(max-width:355px){header{gap:4px}.wordmark{font-size:16px}.wordmark svg{display:none}.direction-tabs button{font-size:11px;padding-inline:8px}.assessment p{font-size:18px}.road-canvas{height:clamp(330px,calc(100dvh - 340px),600px)}.corridor-key{font-size:8px}.assessment .advice-state h2{font-size:11px}}
@media(min-width:650px){.road-canvas{height:clamp(380px,calc(100dvh - 340px),600px)}}
@media(prefers-color-scheme:light){.advice-state>span{color:#b5c7c9}.brand-dark{display:none}}