:root{--panel-bg:#111114e6;--text:#e7e5e4;--muted:#a8a29e;--faint:#57534e;--border:#ffffff14;--likely:#f472b6;--possible:#f9a8d4;--unlikely:#71717a;--rain:#60a5fa;--good:#4ade80;--fair:#fbbf24;--poor:#f87171;--up:#4ade80;--down:#fb923c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}html,body{height:100%;color:var(--text);background:#0c0c0e;margin:0}#map{position:absolute;inset:0}#sidebar{flex-direction:column;gap:8px;width:300px;max-width:calc(100vw - 68px);max-height:calc(100dvh - 44px);display:flex;position:absolute;top:12px;left:12px}.panel{background:var(--panel-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;border-radius:10px;padding:12px 14px}header h1{margin:0;font-size:16px;font-weight:600}.verdict{margin:6px 0 0;font-size:13px;line-height:1.4}.verdict:empty{display:none}.verdict strong,.verdict-badge{color:var(--good)}.verdict[data-tone=fair] strong,.verdict-badge[data-tone=fair]{color:var(--fair)}.verdict[data-tone=poor] strong,.verdict-badge[data-tone=poor]{color:var(--poor)}.verdict-badge{display:none}#updated{color:var(--muted);margin:2px 0 0;font-size:12px}.sections{min-height:0;padding:0;font-size:12px;overflow-y:auto}.sections details+details{border-top:1px solid var(--border)}.sections summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:baseline;gap:8px;padding:10px 14px;list-style:none;display:flex}.sections summary::-webkit-details-marker{display:none}.sections summary:after{content:"›";color:var(--faint);margin-left:auto;transition:transform .15s}.sections details[open]>summary:after{transform:rotate(90deg)}.sections .label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);flex:none;font-size:11px;font-weight:600}.sections .status{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sections .body{padding:0 14px 12px}.line{color:var(--text);margin:0 0 8px;line-height:1.4}.note{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.4}.alert{color:#fed7aa;background:#fb923c26;border-radius:6px;margin:0 0 8px;padding:6px 8px;line-height:1.4}.hours{text-align:center;font-variant-numeric:tabular-nums;grid-template-columns:repeat(12,1fr);gap:2px;display:grid}.hour{color:var(--muted);flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex}.hour .temp{color:var(--text);font-size:11px}.rain-bar{background:#ffffff0f;border-radius:3px;width:6px;height:24px;position:relative;overflow:hidden}.rain-bar span{background:var(--rain);opacity:.55;position:absolute;inset:auto 0 0}.hour.wet .rain-bar span{opacity:1}.hour.wet .rain{color:var(--rain)}.hour .windy{color:var(--down)}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.row-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.row-head .name{font-weight:500}.row-foot{align-items:center;gap:8px;margin-top:2px;display:flex}.sub{color:var(--muted);font-size:11px}.stale{opacity:.55}.chance{font-variant-numeric:tabular-nums;font-weight:600}.chance.likely{color:var(--likely)}.chance.possible{color:var(--possible)}.chance.unlikely{color:var(--muted)}.chart{margin:3px 0 1px;display:block;overflow:visible}.chart rect.likely{fill:var(--likely)}.chart rect.possible{fill:var(--possible)}.chart rect.unlikely{fill:var(--unlikely)}.chart rect.now{stroke:var(--text);stroke-width:1.2px}.chart text{fill:var(--muted);font-size:7px}.count{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.count small{color:var(--muted);font-weight:400}.change{margin-left:4px;font-size:11px;font-weight:500}.change.up{color:var(--up)}.change.down{color:var(--down)}.spark{flex:none;overflow:visible}.spark polyline{fill:none;stroke:var(--text);stroke-width:1.3px;stroke-linejoin:round;opacity:.8}#legend h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:8px 0 4px;font-size:11px;font-weight:600}#legend h2:first-child{margin-top:0}#legend ul,#layers ul{margin:0;padding:0;list-style:none}#legend li,#layers li{align-items:center;gap:8px;line-height:20px;display:flex}.swatch{border-radius:2px;flex:none;width:24px;height:4px}.swatch.wide{opacity:.7;height:7px}#layers .toggles .toggle{color:var(--text);gap:0;margin:0}#layers .toggles input{margin:0 8px 0 0}#layers .toggles .swatch{margin-right:8px}.line.later{margin-top:12px}.route-form{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.place{align-items:center;gap:6px;display:flex;position:relative}.place input{border:1px solid var(--border);min-width:0;color:var(--text);font:inherit;background:#ffffff0f;border-radius:6px;flex:1;padding:7px 8px}.place input:focus{outline:2px solid var(--rain);outline-offset:-1px}.pin{border-radius:50%;flex:none;width:10px;height:10px}.pin.start{background:#22c55e}.pin.end{background:#ef4444}.icon{all:unset;width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:6px;place-items:center;font-size:15px;display:grid}.icon:hover,.icon:focus-visible{color:var(--text);background:#ffffff14}.suggest{z-index:2;border:1px solid var(--border);background:#18181b;border-radius:6px;margin:2px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:16px;right:34px;box-shadow:0 8px 20px #00000080}.suggest button,.steps button{all:unset;box-sizing:border-box;cursor:pointer;border-radius:4px;width:100%;padding:6px;display:block}.suggest button:hover,.suggest button:focus-visible,.steps button:hover,.steps button:focus-visible{background:#ffffff14}.route-card{border:1px solid var(--border);border-radius:8px;margin:0 0 8px;padding:8px}.route-card.selected{background:#ffffff0a;border-color:#f8fafc73}.route-head{all:unset;cursor:pointer;flex-direction:column;gap:3px;width:100%;display:flex}.route-head:focus-visible{outline:2px solid var(--rain)}.route-head .when{white-space:nowrap;color:var(--text);font-weight:600}.lane-bar{background:#ffffff1a;border-radius:2px;height:4px;display:flex;overflow:hidden}.lane-bar .p{background:#818cf8}.lane-bar .s{background:#a8a29e}.issues{color:var(--muted);margin:6px 0 0;padding:0 0 0 14px;font-size:11px;line-height:1.5}.issues .bad{color:var(--poor)}.issues .warn{color:var(--fair)}.sub.ok{margin:6px 0 0}.route-actions{gap:6px;margin-top:8px;display:flex}.route-actions button,.route-actions a{all:unset;text-align:center;color:var(--text);cursor:pointer;background:#ffffff1a;border-radius:6px;flex:1;padding:5px 0;font-weight:500}.route-actions button:hover,.route-actions a:hover,.route-actions button:focus-visible,.route-actions a:focus-visible{background:#ffffff2e}.steps{margin:8px 0 0;padding:0 0 0 18px;font-size:12px}.steps button{justify-content:space-between;gap:8px;padding:4px 6px;display:flex}.segmented{background:#ffffff0f;border-radius:7px;gap:2px;margin:0 0 8px;padding:2px;display:flex}.segmented button{all:unset;text-align:center;color:var(--muted);cursor:pointer;border-radius:5px;flex:1;padding:4px 0}.segmented button[aria-pressed=true]{color:var(--text);background:#ffffff24;font-weight:500}.segmented button:focus-visible{outline:2px solid var(--rain)}.closure-list{gap:4px}.closure-list .row-head .when{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.spot{all:unset;box-sizing:border-box;cursor:pointer;border-radius:6px;width:100%;margin:-4px -6px;padding:4px 6px;display:block}.spot:hover,.spot:focus-visible{background:#ffffff0f}.spot:focus-visible{outline:2px solid var(--rain)}.dot{box-sizing:border-box;border:2px solid #0000;border-radius:50%;flex:none;width:8px;height:8px;margin:0 8px}.maplibregl-popup .maplibregl-popup-content{background:var(--panel-bg);color:var(--text);font-size:12px;line-height:1.45}.maplibregl-popup .maplibregl-popup-content hr{border:0;border-top:1px solid var(--border);margin:8px 0}.maplibregl-popup .maplibregl-popup-tip{display:none}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin-top:8px;display:flex}.you-are-here{background:#3b82f6;border:2px solid #fff;border-radius:50%;width:14px;height:14px;animation:2s infinite pulse;box-shadow:0 0 #3b82f699}@keyframes pulse{to{box-shadow:0 0 0 14px #3b82f600}}@media (prefers-reduced-motion:reduce){.you-are-here{animation:none;box-shadow:0 0 0 6px #3b82f640}}.locate-button svg{fill:none;stroke:#333;stroke-width:2px;stroke-linecap:round}.locate-button[data-state=on] svg{stroke:#3b82f6}.locate-button[data-state=on] circle{fill:#3b82f6}.locate-button[data-state=far] svg,.locate-button[data-state=denied] svg{stroke:#aaa}#menu-toggle{display:none}@media (width<=699px){#menu-toggle{width:44px;height:44px;color:var(--text);cursor:pointer;place-items:center;padding:0;display:grid;position:absolute;top:12px;left:12px}#menu-toggle path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}#menu-toggle .close-icon,.menu-open #menu-toggle .open-icon{display:none}.menu-open #menu-toggle .close-icon{display:inline}#sidebar{max-height:calc(100dvh - 100px);display:none;top:64px}.menu-open #sidebar{display:flex}.verdict-badge:not([hidden]){white-space:nowrap;text-overflow:ellipsis;align-items:center;max-width:calc(100vw - 120px);height:44px;margin:0;padding:0 12px;font-size:13px;font-weight:600;display:flex;position:absolute;top:12px;left:64px;overflow:hidden}.menu-open .verdict-badge{display:none!important}}