:root{--bg: #0b1016;--panel: rgba(16, 22, 30, .88);--text: #e8eef5;--muted: #8b9bad;--warn: #ff9f0a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}#map{position:absolute;top:0;right:0;bottom:0;left:0}#titlebar{position:absolute;top:0;left:0;padding:14px 18px;background:linear-gradient(to bottom,rgba(11,16,22,.9),transparent);pointer-events:none;z-index:2}#titlebar h1{margin:0;font-size:19px;font-weight:650;letter-spacing:-.01em}#subtitle{margin:2px 0 0;font-size:12px;color:var(--muted)}.swatch{width:10px;height:10px;border-radius:3px;flex:none}.label{flex:1}.count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;cursor:help}.count.warn{color:var(--warn)}.maplibregl-popup .maplibregl-popup-content{background:#131c26;color:var(--text);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 13px;font-size:13px;box-shadow:0 6px 20px #00000073}.maplibregl-popup .maplibregl-popup-content strong{display:block;color:#fff;font-size:14px;font-weight:650;margin-bottom:2px}.maplibregl-popup .maplibregl-popup-content span{color:#a8b6c6;font-size:12px}.vehicle-popup .maplibregl-popup-content{padding:0;overflow:hidden}.pop{padding:11px 13px 12px}.pop-media:empty{display:none}.pop-media{position:relative;margin:-11px -13px 9px;line-height:0;background:#0b1016}.pop-media img{width:100%;max-height:148px;object-fit:cover;display:block}.pop-credit{position:absolute;right:6px;bottom:5px;padding:1px 5px;background:#0009;border-radius:4px;font-size:10px!important;color:#cfd8e3!important}.pop-rows{width:100%;margin-top:8px;border-collapse:collapse;font-size:12px}.pop-rows th{text-align:left;font-weight:400;color:#7f8fa1;padding:2px 10px 2px 0;white-space:nowrap;vertical-align:top}.pop-rows td{text-align:right;color:var(--text);padding:2px 0}.pop-route{margin:9px 0 0;font-size:13px;font-weight:600;color:#4cc2ff}.pop-owner{margin:3px 0 0;font-size:11px;color:#7f8fa1}.pop-link{display:inline-block;margin-top:9px;font-size:12px;color:#4cc2ff;text-decoration:none}.pop-link:hover{text-decoration:underline}.maplibregl-popup-close-button{color:var(--muted);font-size:17px;padding:2px 6px}.maplibregl-popup-close-button:hover{color:var(--text);background:none}.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:#131c26}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:#131c26}.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:#131c26}.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:#131c26}.map-pin{display:flex;align-items:center;gap:4px;font:600 12px/1 ui-sans-serif,system-ui,sans-serif;color:#0b1016;background:#ffd60a;border:2px solid #0b1016;border-radius:999px;padding:5px 10px;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #00000080}.map-pin:hover{background:#ffe45c;z-index:5}.map-pin.compact{padding:5px 6px}.map-pin.compact .pin-label{display:none}.pin-glyph{font-size:13px}#detail{position:absolute;top:76px;left:328px;width:min(370px,calc(100vw - 28px));max-height:calc(100vh - 90px);overflow-y:auto;padding:12px 14px;background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease,visibility .15s}#detail.visible{opacity:1;visibility:visible;transform:none}.ap-head{display:flex;align-items:baseline;gap:8px}.ap-head h2{margin:0;font-size:15px;font-weight:650;flex:1}.ap-head h2 span{color:var(--muted);font-weight:400;font-size:12px}#ap-close{background:none;border:none;cursor:pointer;color:var(--muted);font-size:20px;line-height:1;padding:0 2px}#ap-close:hover{color:var(--text)}.ap-summary{margin:6px 0 10px;font-size:12px;color:var(--muted)}.ap-list{list-style:none;margin:0;padding:0}.mv{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid rgba(255,255,255,.07);cursor:pointer}.mv:hover{background:#ffffff0a}.mv-arrow{width:12px;text-align:center;font-size:14px;flex:none}.mv-arriving .mv-arrow{color:#32d74b}.mv-departing .mv-arrow{color:#4cc2ff}.mv-ground .mv-arrow,.mv-local .mv-arrow{color:var(--muted)}.mv-main{flex:1;min-width:0}.mv-callsign{display:block;font-size:13px;font-weight:600}.mv-callsign em{font-style:normal;font-size:10px;color:var(--warn)}.mv-detail{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mv-state{font-size:11px;color:var(--muted);flex:none}.mv:not([data-lat]){cursor:default}.mv-under-way .mv-arrow{color:#32d74b}.mv-alongside .mv-arrow{color:#4cc2ff}.mv-not-seen{opacity:.55}.ap-block{margin:8px 0 4px;padding:9px 10px;background:#ffd60a14;border:1px solid rgba(255,214,10,.22);border-radius:9px}.ap-block h3{margin:0 0 3px;font-size:12px;font-weight:650;color:#ffd60a}.ap-block .ap-summary{margin:0;color:var(--text);font-size:13px}.ap-ops{margin:5px 0 0;font-size:11px;color:var(--muted)}.ap-ops b{color:var(--text);font-weight:600}.ap-alert{margin:8px 0;padding:8px 10px;background:#ff9f0a1a;border-left:2px solid var(--warn);border-radius:5px;font-size:11px;line-height:1.45;color:#e8d6b8}.rail-tabs{display:flex;gap:4px;margin:8px 0 2px;padding:2px;background:#ffffff0d;border-radius:7px}.rail-tab{flex:1;min-height:32px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.rail-tab.on{background:#ffffff1f;color:var(--text);font-weight:600}.rail-tab:focus-visible{outline:2px solid var(--warn);outline-offset:1px}.dep{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.07)}.dep-time{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;flex:none;width:38px}.dep-main{flex:1;min-width:0}.dep-dest{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dep-detail{display:block;font-size:11px;color:var(--muted)}.dep-doors{display:block;margin-top:2px;font-size:11px;font-weight:600;color:var(--warn);white-space:normal}.dep-status{font-size:11px;flex:none}.dep-sched{color:var(--muted);font-variant-numeric:tabular-nums}.dep-drawable{cursor:pointer}.dep-drawable:hover{background:#ffffff0d}.dep-go{color:var(--warn);margin-left:4px}.dep-route-on{background:#ffd60a1f}.dep-ontime .dep-status{color:#32d74b}.dep-delayed .dep-status{color:var(--warn)}.dep-cancelled .dep-status{color:#ff6b6b}.dep-cancelled .dep-dest{text-decoration:line-through;opacity:.65}#status-card{position:absolute;top:76px;left:14px;width:min(300px,calc(100vw - 28px));max-height:calc(100vh - 96px);overflow-y:auto;padding:11px 13px;background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2}#status-card:empty{display:none}.st-head{display:flex;align-items:baseline;justify-content:space-between}.st-head h2{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.st-list{list-style:none;margin:0;padding:0}.st{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px;line-height:1.3}.st-dot{font-size:10px;flex:none}.st-text{flex:1;min-width:0}.st-go{color:var(--muted);flex:none}.st[data-clickable]{cursor:pointer}.st[data-clickable]:hover,.st[data-clickable]:hover .st-go{color:#fff}.st-pending{opacity:.45}.lc-group{margin-bottom:2px}.lc-group summary{cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:4px 0;-webkit-user-select:none;user-select:none}.lc-group summary::marker{color:var(--muted)}.lc-row{display:flex;align-items:center;gap:8px;padding:3px 0 3px 4px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.lc-row input{accent-color:#4cc2ff;margin:0}.lc-icon{width:15px;text-align:center;flex:none}.lc-label{flex:1}.lc-pending{opacity:.42;cursor:not-allowed}.inc-head{border-left:3px solid;padding-left:8px;margin-bottom:8px}.inc-head strong{display:block;font-size:14px}.inc-status{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.tl{list-style:none;margin:10px 0 0;padding:0 0 0 10px;border-left:1px solid rgba(255,255,255,.14)}.tl li{display:flex;gap:8px;padding:3px 0;font-size:12px;position:relative}.tl li:before{content:"";position:absolute;left:-14px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--muted)}.tl-time{font-variant-numeric:tabular-nums;color:var(--muted);flex:none}.tl-text{color:var(--text)}.inc-src{margin:10px 0 0;font-size:11px;color:var(--muted)}.inc-src a{color:#4cc2ff;text-decoration:none}.inc-src a:hover{text-decoration:underline}#weather:empty{display:none}#weather{margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08)}.wx-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.wx-k{font-size:12px;color:var(--muted)}.wx-v{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.wx-sub{font-size:11px;color:var(--muted);margin-bottom:4px}.wx-cond{margin-bottom:0}.ap-empty{margin:10px 0;font-size:12px;color:var(--muted);line-height:1.5}.ap-note{margin:10px 0 0;padding-top:9px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:var(--muted);line-height:1.45}@media(max-width:1000px)and (min-width:621px){#detail{left:14px;top:300px;max-height:calc(100vh - 320px)}}@media(max-width:620px){#titlebar{padding:10px 14px}#titlebar h1{font-size:16px}#subtitle{display:none}#status-card{top:auto;left:8px;right:8px;bottom:calc(64px + env(safe-area-inset-bottom));width:auto;max-height:32vh;padding:10px 12px}#boxes{top:52px;right:8px;left:8px;width:auto;max-height:46vh;overflow-y:auto;gap:10px}#dock{left:0;right:0;bottom:0;transform:none;justify-content:center;gap:14px;border-radius:14px 14px 0 0;padding:9px 12px calc(9px + env(safe-area-inset-bottom))}.dock-btn{width:44px;height:44px;font-size:18px}#status{display:none}#detail{top:auto;left:0;right:0;bottom:0;width:100%;max-height:68vh;border-radius:14px 14px 0 0;padding-bottom:calc(14px + env(safe-area-inset-bottom));transform:translateY(12px)}.lc-row{padding:8px 0 8px 4px}.st{padding:7px 0}.map-pin{padding:7px 10px}}.inc.fubar{border-left:3px solid #ED1B34;padding-left:9px}.fubar-head{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#ed1b34;margin-bottom:5px}.fubar-head img{border-radius:4px;flex:none}.fubar-title{display:block;font-size:14px;font-weight:650;line-height:1.35;color:var(--text);text-decoration:none}.fubar-title:hover{text-decoration:underline}.inc.fubar .inc-src{font-style:italic}#boxes{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:14px;width:212px;z-index:2;pointer-events:none}.box{pointer-events:auto;padding:10px 12px;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.box:empty,.box.hidden{display:none}.box-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.box-head h2{margin:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.box-close{background:none;border:0;cursor:pointer;color:var(--muted);font-size:16px;line-height:1;padding:0 2px;margin:-2px -3px 0 0}.box-close:hover{color:var(--text)}#dock{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:7px 9px;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4}.dock-btn{width:34px;height:34px;border-radius:999px;border:1px solid transparent;background:rgba(var(--dock-rgb),.22);color:var(--text);font-size:15px;line-height:1;cursor:pointer;display:grid;place-items:center}.dock-btn.off{background:rgba(var(--dock-rgb),.15);border-color:#ffffff2e;opacity:.55}.dock-btn:hover{opacity:1}.wx-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 9px}.wx-dial{text-align:center;flex:none}.wx-circle{width:34px;height:34px;border:1px solid rgba(255,255,255,.15);border-radius:999px;display:grid;place-items:center}.wx-dial-label{display:block;font-size:10px;color:var(--muted);margin-top:3px}.wx-cond-block{display:flex;align-items:center;gap:7px;flex:1;justify-content:flex-end}.wx-glyph{flex:none}.wx-temp{font-size:21px;font-weight:600;font-variant-numeric:tabular-nums}.wx-cond-name{font-size:11px;color:var(--muted);max-width:62px;line-height:1.25}#status{position:absolute;bottom:44px;right:16px;margin:0;padding:6px 11px;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px;color:var(--muted);z-index:2}#status.stale{color:var(--warn)}#outage{position:fixed;top:0;left:0;right:0;z-index:6;display:flex;gap:8px;align-items:baseline;justify-content:center;flex-wrap:wrap;padding:7px 14px;background:#ff9f0a24;border-bottom:1px solid rgba(255,159,10,.34);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--warn);font-size:12px;line-height:1.4;text-align:center}#outage[hidden]{display:none}#outage span{color:var(--muted)}@media(max-width:480px){#outage span{display:none}}.st-none{margin:4px 0 0;font-size:13px;color:var(--muted)}.river-chart{margin-top:10px}.rc-tabs{display:flex;gap:4px;margin-bottom:6px}.rc-tabs button{flex:1;padding:3px 0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.rc-tabs button:hover{background:#ffffff1a;color:var(--text)}.rc-tabs button.on{background:#4cc2ff29;border-color:#4cc2ff66;color:#4cc2ff}.rc-body{min-height:84px}.rc-svg{width:100%;height:auto;display:block}.rc-line{fill:none;stroke:#4cc2ff;stroke-width:1.5;stroke-linejoin:round}.rc-area{fill:#4cc2ff24;stroke:none}.rc-dot{fill:#4cc2ff}.rc-axis{fill:#7f8fa1;font-size:9px}.rc-end{text-anchor:end}.rc-note{margin:4px 0 0;font-size:11px;color:var(--muted)}.rc-empty{margin:0;padding:24px 0;text-align:center;font-size:12px;color:var(--muted)}