:root{color-scheme:light dark;--no-exit:#b5572f;--sea:#dce8e9;--sea-ink:#557a82;--paper:#f6f4ed;--surface:#fffdf7;--ink:#24392f;--muted:#586c63;--line:#d8dfd4;--accent:#356957;--bus:#edf1e7;--road-bg:#f6f4ed;--road-halo:#e9ece2;--road-edge:#9baea0;--road-fill:#d2dcd0;--map-guide:#c7d1c5;--route-badge:#315f4c;--route-ink:#fffdf7;--map-unavailable:#f6f4edcc;--sans:'Avenir Next',Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}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 var(--accent);outline-offset:4px}a{color:inherit;text-underline-offset:4px}[hidden]{display:none!important}
.app-shell{max-width:620px;margin:auto;padding:env(safe-area-inset-top) 24px 0}header{height:65px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{display:flex;align-items:center;gap:7px;font-size:21px;font-weight:600;letter-spacing:-.04em;text-decoration:none;line-height:1}.wordmark>img{width:26px;height:26px;filter:brightness(.4) sepia(.6)}.icon-button{width:44px;height:44px;background:transparent;border-radius:50%;display:grid;place-items:center;font-size:27px;flex-shrink:0;color:var(--muted)}.icon-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.direction-tabs{display:flex;gap:7px;margin:1px 0 22px}.direction-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;background:transparent;border-radius:22px;font-size:14px;color:var(--muted);padding:6px 17px;min-height:42px}.direction-tabs button span{font-size:18px}.direction-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper);font-weight:600}.direction-tabs button:not([aria-pressed=true]) span{transform:rotate(180deg)}
.route-panel{background:none}.assessment{padding:0;position:relative}.decision-context{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:8px}.assessment h2{font-size:34px;font-weight:600;line-height:1.08;letter-spacing:-.045em;max-width:470px;text-wrap:balance}.assessment>#status-detail{font-size:14px;line-height:1.5;margin-top:10px;max-width:390px;color:var(--muted)}.assessment.go h2{color:#337043}.assessment.no-go h2{color:#a44736}.assessment.caution h2{color:#9b602b}.coverage-button{display:flex;gap:7px;align-items:center;background:transparent;padding:8px 0;margin:3px 0 1px;color:var(--muted);text-align:left;font-size:11px;line-height:1.4;min-height:38px}.coverage-button svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.coverage-button>span:last-child{font-size:19px;margin-left:1px}
.route-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 0 0}.route-subtitle{font-size:14px;font-weight:600;letter-spacing:-.01em}.freshness{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);white-space:nowrap}.freshness:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--muted)}.freshness.fresh:before{background:var(--accent)}.road-scene{position:relative;isolation:isolate}.road-canvas{display:block;width:100%;height:clamp(290px,calc(100dvh - 505px),460px)}.road-pause{position:absolute;top:1px;left:0;background:var(--paper);color:var(--muted);font-size:10px;padding:3px 0;pointer-events:none}.road-placeholder{padding:130px 15px;text-align:center;font-size:13px;color:var(--muted)}
.corridor-upstream{border-top:1px solid var(--line);padding:11px 0 0}.corridor-upstream>span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.approach-items{display:grid;grid-template-columns:1fr;gap:0}.approach-route{display:flex;align-items:center;gap:11px;min-height:36px;color:var(--ink);padding:3px 0}.approach-route b{display:grid;place-items:center;font-size:14px;font-weight:600;min-width:33px;height:27px;background:var(--route-badge);color:var(--route-ink);padding:2px 5px;border-radius:6px}.approach-target{font-size:13px;line-height:1.3}.approach-eta{margin-left:auto;font-size:14px;font-weight:500;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}.approach-route.uncertain b{border:1px dashed var(--muted);background:transparent;color:var(--ink)}.more-approaches>summary{display:flex;align-items:center;gap:7px;list-style:none;font-size:12px;color:var(--muted);min-height:32px;padding:4px 0}.more-approaches>summary::-webkit-details-marker{display:none}.more-approaches>summary:after{content:'⌄';font-size:15px}.more-approaches[open]>summary:after{content:'⌃'}.more-approaches .approach-items{padding:2px 0 7px}
.corridor-key{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:12px 0 7px;color:var(--muted);font-size:10px}.corridor-key>span{display:flex;align-items:center;gap:6px}.corridor-key i{display:inline-block;flex-shrink:0}.observed-key{width:5px;height:5px;border-radius:50%;background:var(--accent)}.predicted-key{width:7px;height:11px;border:1px solid var(--muted);border-radius:2px;background:var(--bus)}
.before-trip{margin-top:4px}.before-trip>summary{display:flex;align-items:center;gap:10px;padding:9px 0;list-style:none;font-size:13px;font-weight:500;min-height:44px;border-top:1px solid var(--line)}.before-trip>summary::-webkit-details-marker{display:none}.before-trip>summary>span{margin-left:auto;color:var(--muted);font-size:12px;font-weight:400}.before-trip>summary:after{content:'+';font-size:20px;font-weight:400;color:var(--muted)}.before-trip[open]>summary:after{content:'−'}summary{cursor:pointer;min-height:44px;line-height:1.4}.planning-panel{padding:18px 0}.planning-panel h2{font-size:16px;line-height:1.4;font-weight:600}.arrival-options{display:flex;gap:8px;margin-top:14px}.arrival-options button{flex:1;border:1px solid var(--line);background:transparent;border-radius:8px;font-size:14px}.arrival-options button[aria-pressed=true]{background:var(--ink);color:var(--paper);font-weight:600}.location-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.location-button{background:transparent;text-align:left;font-size:14px;color:var(--accent);padding:8px 0}.location-button>span:first-child{font-size:20px;vertical-align:-2px;margin-right:4px}.optional{font-size:11px;color:var(--muted)}.location-status,.arrival-summary{font-size:12px;line-height:1.6;margin-top:10px;color:var(--muted)}.location-status{padding:12px;background:var(--surface);border-radius:8px}.planning-note{font-size:11px;color:var(--muted);margin-top:9px}.forecast-panel{padding:20px 0;border-top:1px solid var(--line)}.forecast-panel h2{font-size:19px;line-height:1.25;margin:10px 0}.forecast-panel>p{font-size:13px;line-height:1.65;color:var(--muted);margin-top:10px}.forecast-panel .model-assumption{font-size:11px}
footer{display:flex;align-items:center;justify-content:center;padding:3px 0 calc(10px + env(safe-area-inset-bottom));font-size:11px;color:var(--muted)}.attribution{display:flex;gap:6px;align-items:center;text-decoration:none;min-height:36px}.attribution img{width:72px;height:22px;object-fit:contain}.brand-dark{display:none}dialog{border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);padding:24px;max-width:520px;width:calc(100% - 28px);max-height:85dvh}dialog::backdrop{background:#16251c88;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}dialog h2{font-size:22px;line-height:1.2;letter-spacing:-.03em}dialog p{font-size:14px;line-height:1.65;margin-top:16px;color:var(--muted)}dialog details{border-top:1px solid var(--line);margin-top:18px}dialog summary{padding:14px 0;font-size:14px;font-weight:600}dialog details p:first-of-type{margin-top:4px}dialog ul{padding-left:18px;color:var(--muted);font-size:14px;line-height:1.65;margin:14px 0}dialog li+li{margin-top:8px}.coverage-list p{display:flex;flex-direction:column;gap:4px}.coverage-list strong{color:var(--ink);font-size:13px;font-weight:600}.install-note{border-top:1px solid var(--line);padding-top:20px}.share-button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:transparent;margin-top:18px;width:100%;font-size:14px}.share-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.toast{position:fixed;bottom:calc(25px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:14px 24px;border-radius:8px;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(max-width:355px){.app-shell{padding-inline:18px}header{height:57px}.direction-tabs{margin-bottom:18px}.direction-tabs button{padding-inline:14px}.assessment h2{font-size:30px}.assessment>#status-detail{font-size:13px}.coverage-button{font-size:10px}.road-canvas{height:300px}.freshness{font-size:9px}}
@media(min-width:650px){.app-shell{padding-inline:34px}header{height:80px}.wordmark{font-size:23px}.direction-tabs{margin-bottom:27px}.assessment h2{font-size:42px;max-width:500px}.assessment>#status-detail{font-size:15px}.road-canvas{height:clamp(350px,calc(100dvh - 520px),480px)}}
@media(min-width:1100px){.app-shell{max-width:1560px;padding-inline:56px}header{height:96px}.wordmark{font-size:28px;gap:10px}.wordmark>img{width:34px;height:34px}.direction-tabs{gap:10px;margin-bottom:30px}.direction-tabs button{font-size:18px;padding:10px 26px;min-height:52px;border-radius:28px}.direction-tabs button span{font-size:22px}.route-panel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr auto auto;grid-template-areas:'assess heading' 'assess map' 'cover map' '. key';column-gap:80px}#assessment{grid-area:assess;align-self:center}.coverage-button{grid-area:cover;align-self:end;font-size:15px;gap:9px}.coverage-button svg{width:20px;height:20px}.route-heading{grid-area:heading;padding-top:0}#route{grid-area:map;--scene-scale:1.6}.corridor-key{grid-area:key;font-size:14px;gap:10px 28px}.observed-key{width:8px;height:8px}.predicted-key{width:10px;height:15px}.decision-context{font-size:20px;margin-bottom:14px}.assessment h2{font-size:clamp(60px,5.2vw,100px);max-width:none}.assessment>#status-detail{font-size:24px;max-width:560px;margin-top:20px}.route-subtitle{font-size:22px}.freshness{font-size:16px;gap:8px}.freshness:before{width:9px;height:9px}.road-canvas{height:clamp(340px,calc(100dvh - 490px),860px)}.road-placeholder{font-size:18px}.corridor-upstream{padding-top:16px}.corridor-upstream>span{font-size:16px;margin-bottom:8px}.approach-items{grid-template-columns:1fr 1fr;column-gap:32px}.approach-route{min-height:48px;gap:14px}.approach-route b{font-size:20px;min-width:48px;height:36px;border-radius:8px}.approach-target{font-size:18px}.approach-eta{font-size:20px}.more-approaches>summary{font-size:16px}.before-trip{max-width:calc((100% - 80px)*5/12)}.before-trip>summary{font-size:16px}}
@media(prefers-color-scheme:dark){:root{--no-exit:#e9a074;--sea:#1a3236;--sea-ink:#8fb3b8;--paper:#18261f;--surface:#213027;--ink:#f5f1e5;--muted:#b9c5b9;--line:#354a3b;--accent:#adcead;--bus:#edf1e7;--road-bg:#18261f;--road-halo:#23382a;--road-edge:#6d8771;--road-fill:#415a46;--map-guide:#405545;--route-badge:#e8eddb;--route-ink:#253d2e;--map-unavailable:#18261fcc}.brand-light{display:none}.brand-dark{display:block}.wordmark>img{filter:none}.assessment.go h2{color:#bedcaf}.assessment.no-go h2{color:#edb6a2}.assessment.caution h2{color:#e2bf8f}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}