*{margin:0;padding:0;box-sizing:border-box}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--app-bg: #20252b;--app-fg: #f1f3f4;--app-fg-muted: rgba(241, 243, 244, .86);--app-fg-soft: rgba(232, 234, 237, .74);--app-fg-faint: rgba(189, 193, 198, .62);--surface-bg: rgba(32, 37, 43, .76);--surface-bg-strong: rgba(37, 42, 48, .88);--surface-bg-solid: rgba(40, 45, 51, .96);--surface-elevated: rgba(38, 43, 49, .95);--surface-panel-bg: linear-gradient(180deg, rgba(43, 48, 54, .94), rgba(33, 38, 44, .88));--surface-control-bg: linear-gradient(180deg, rgba(45, 50, 57, .97), rgba(34, 39, 45, .93));--surface-border: rgba(232, 234, 237, .12);--surface-border-strong: rgba(232, 234, 237, .2);--surface-shadow: 0 18px 42px rgba(10, 12, 15, .24);--surface-shadow-soft: 0 10px 24px rgba(10, 12, 15, .18);--surface-highlight: inset 0 1px 0 rgba(255, 255, 255, .05);--surface-radius: 18px;--surface-radius-tight: 14px;--panel-blur: blur(16px);--accent: #8ab4f8;--accent-strong: rgba(138, 180, 248, .92);--control-bg: rgba(255, 255, 255, .045);--control-bg-hover: rgba(255, 255, 255, .08);--control-bg-active: rgba(138, 180, 248, .18);--btn-bg: rgba(255, 255, 255, .045);--btn-border: rgba(232, 234, 237, .14);--btn-bg-hover: rgba(255, 255, 255, .08);--input-bg: rgba(255, 255, 255, .042);--popup-bg: rgba(41, 46, 52, .96);--popup-border: rgba(232, 234, 237, .16);--vignette-gradient: radial-gradient( ellipse at center, transparent 62%, rgba(16, 20, 25, .22) 100% )}:root[data-theme=light]{--app-bg: #f1efe8;--app-fg: #3c4043;--app-fg-muted: rgba(60, 64, 67, .8);--app-fg-soft: rgba(95, 99, 104, .72);--app-fg-faint: rgba(95, 99, 104, .56);--surface-bg: rgba(255, 255, 255, .8);--surface-bg-strong: rgba(255, 255, 255, .9);--surface-bg-solid: rgba(255, 255, 255, .96);--surface-elevated: rgba(255, 255, 255, .98);--surface-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 246, 242, .92));--surface-control-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 246, 242, .94));--surface-border: rgba(60, 64, 67, .14);--surface-border-strong: rgba(60, 64, 67, .22);--surface-shadow: 0 12px 28px rgba(60, 64, 67, .18);--surface-shadow-soft: 0 6px 18px rgba(60, 64, 67, .12);--surface-highlight: inset 0 1px 0 rgba(255, 255, 255, .92);--accent: #1a73e8;--accent-strong: rgba(26, 115, 232, .92);--control-bg: rgba(60, 64, 67, .05);--control-bg-hover: rgba(60, 64, 67, .09);--control-bg-active: rgba(26, 115, 232, .14);--btn-bg: rgba(60, 64, 67, .05);--btn-border: rgba(60, 64, 67, .14);--btn-bg-hover: rgba(60, 64, 67, .09);--input-bg: rgba(60, 64, 67, .042);--popup-bg: rgba(255, 255, 255, .96);--popup-border: rgba(60, 64, 67, .18);--vignette-gradient: radial-gradient( ellipse at center, transparent 70%, rgba(60, 64, 67, .06) 100% )}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--app-bg);color:var(--app-fg)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.map-wrapper{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.map-surface{position:absolute;inset:0;z-index:2;transition:width .24s ease,height .24s ease,right .24s ease,top .24s ease,border-radius .24s ease,box-shadow .24s ease,border-color .24s ease}.map-surface.underground{inset:0;width:auto;height:auto;border-radius:0;overflow:hidden;border:0;background:transparent;box-shadow:none;z-index:2}.map-surface.underground:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff08,#00000014),radial-gradient(circle at 50% 30%,transparent 0%,rgba(15,23,32,.12) 100%);z-index:1}.map-surface.underground .maplibregl-canvas{cursor:grab}.map-surface.underground .maplibregl-canvas-container,.map-surface.underground .maplibregl-canvas{filter:saturate(.84) brightness(.82)}.map-surface.underground .maplibregl-control-container{display:block}.app-loading{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px;color:var(--app-fg-soft);background:var(--app-bg)}.app-error{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;color:var(--app-fg);background:var(--app-bg);text-align:center}.app-error h1{margin:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:24px}.app-error p{margin:0;font-family:SF Mono,Monaco,Menlo,monospace;color:var(--app-fg-muted)}.map-container{width:100%;height:100%}.scene3d-layer{position:absolute;inset:0;z-index:6;pointer-events:none}.underground-train-overlay{position:absolute;inset:0;z-index:7;pointer-events:none}.scene3d-shell,.scene3d-canvas{width:100%;height:100%;touch-action:none;overscroll-behavior:none}.scene3d-shell{position:relative;pointer-events:none}.scene3d-canvas canvas{touch-action:none}.scene3d-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--app-fg-soft);background:radial-gradient(circle at 20% 20%,rgba(15,118,110,.14),transparent 28%),radial-gradient(circle at 80% 10%,rgba(59,130,246,.12),transparent 30%),linear-gradient(180deg,#040810f5,#03050a);font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;letter-spacing:.04em;z-index:7}.scene3d-loading.error{color:#fca5a5}.scene3d-caption{position:absolute;left:22px;bottom:22px;z-index:8;display:inline-flex;flex-direction:column;gap:4px;padding:11px 13px;border-radius:14px;border:1px solid var(--surface-border);background:#091019b8;color:var(--app-fg-soft);font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;line-height:1.45;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px #00000029;pointer-events:auto}.scene3d-caption span:first-child{color:var(--app-fg)}.scene3d-station-label{padding:6px 11px;border-radius:999px;border:1px solid rgba(176,194,215,.2);background:#070e16e0;color:#f8fafc;font-family:Helvetica Neue,Arial,sans-serif;font-weight:600;letter-spacing:.01em;white-space:nowrap;box-shadow:0 8px 20px #00000024}.scene3d-toolbar{position:absolute;top:82px;left:22px;z-index:9;display:flex;flex-direction:column;gap:10px;width:min(404px,calc(100vw - 44px - var(--safe-left) - var(--safe-right)));pointer-events:auto}.scene3d-search{position:relative}.scene3d-search-input{width:100%;height:42px;border-radius:14px;border:1px solid var(--surface-border-strong);background:#080f18c7;color:var(--app-fg);padding:0 14px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 22px #00000024}.scene3d-search-input::placeholder{color:var(--app-fg-muted)}.scene3d-search-results{position:absolute;top:calc(100% + 8px);left:0;width:100%;display:grid;gap:6px;padding:10px;border-radius:16px;border:1px solid var(--surface-border);background:#080f18e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 26px #00000029}.scene3d-search-result{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:#0f1a27b3;color:var(--app-fg);text-align:left;cursor:pointer}.scene3d-search-result:hover{border-color:#4a90d973;background:#122132d6}.scene3d-search-result-label{font-size:12px;line-height:1.2}.scene3d-search-result-subtitle{font-size:10px;color:var(--app-fg-muted)}.scene3d-panel{display:grid;gap:10px;padding:12px;border-radius:18px;border:1px solid var(--surface-border);background:#080f189e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 24px #00000024}.scene3d-panel-row{display:flex;flex-wrap:wrap;gap:6px}.scene3d-toggle-btn{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--surface-border-strong);background:#0b141fbd;color:var(--app-fg-muted);font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px;cursor:pointer}.scene3d-toggle-btn.active,.scene3d-toggle-btn:hover{color:var(--app-fg);border-color:#4a90d985;background:#162c469e}.scene3d-route-grid{display:flex;flex-wrap:wrap;gap:6px}.scene3d-route-toggle,.scene3d-route-chip{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#f8fafc;font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 6px 14px #0000001f}.scene3d-route-toggle{opacity:.54}.scene3d-route-toggle.active{opacity:1}.scene3d-route-toggle.all{background:#08101ae0}.scene3d-route-toggle.dark-text,.scene3d-route-chip.dark-text{color:#111827}.scene3d-station-card{min-width:180px;padding:12px;border-radius:16px;border:1px solid rgba(176,194,215,.14);background:#080f18eb;color:var(--app-fg);box-shadow:0 10px 24px #00000029}.scene3d-station-card-title{font-size:13px;font-weight:700}.scene3d-station-card-meta{margin-top:4px;font-size:10px;color:var(--app-fg-muted)}.scene3d-station-card-routes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.train-canvas{position:absolute;top:0;left:0;pointer-events:none;z-index:10}.maplibregl-ctrl-top-left{top:18px!important;left:18px!important}.maplibregl-ctrl-group{overflow:hidden;border-radius:999px!important;border:1px solid var(--surface-border-strong)!important;background:var(--surface-control-bg)!important;box-shadow:var(--surface-shadow-soft),var(--surface-highlight)!important;-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur)}.maplibregl-ctrl-group button{width:34px!important;height:34px!important;background:transparent!important;color:var(--app-fg)!important}.maplibregl-ctrl-group button:hover{background:var(--control-bg-hover)!important}.maplibregl-ctrl-group button .maplibregl-ctrl-icon{opacity:.78}.vignette{position:fixed;inset:0;pointer-events:none;background:var(--vignette-gradient);z-index:20}.map-controls{position:fixed;top:18px;right:18px;z-index:42;display:flex;flex-direction:column;gap:10px;transition:right .18s ease}.map-controls.with-arrival{right:320px}.map-controls.mobile{top:calc(var(--safe-top) + 10px);right:calc(var(--safe-right) + 12px)}.map-mode-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--surface-border-strong);background:var(--surface-control-bg);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);box-shadow:var(--surface-shadow-soft),var(--surface-highlight)}.map-mode-toggle-btn{height:30px;min-width:58px;border-radius:999px;border:0;background:transparent;color:var(--app-fg-muted);padding:0 12px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px;letter-spacing:.02em;cursor:pointer}.map-mode-toggle-btn:hover{color:var(--app-fg);background:var(--control-bg-hover)}.map-mode-toggle-btn.active{background:var(--control-bg-active);color:var(--app-fg)}.map-mode-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.map-camera-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--surface-border-strong);background:var(--surface-control-bg);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);box-shadow:var(--surface-shadow-soft),var(--surface-highlight)}.map-camera-toggle-btn{height:30px;min-width:92px;border-radius:999px;border:0;background:transparent;color:var(--app-fg-muted);padding:0 12px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px;letter-spacing:.02em;cursor:pointer}.map-camera-toggle-btn:hover{color:var(--app-fg);background:var(--control-bg-hover)}.map-camera-toggle-btn.active{background:var(--control-bg-active);color:var(--app-fg)}.map-camera-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle-btn{height:36px;min-width:108px;border-radius:999px;border:1px solid var(--surface-border-strong);background:var(--surface-control-bg);color:var(--app-fg);padding:0 12px;display:inline-flex;align-items:center;gap:8px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;cursor:pointer;-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);box-shadow:var(--surface-shadow-soft),var(--surface-highlight)}@media(max-width:900px){.map-surface.underground{inset:0;width:auto;height:auto}.scene3d-toolbar{top:calc(var(--safe-top) + 72px);width:min(360px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)))}.scene3d-caption{left:calc(var(--safe-left) + 12px);bottom:calc(var(--safe-bottom) + 78px);max-width:min(320px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)))}}.theme-toggle-btn:hover{background:var(--surface-bg-solid)}.theme-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle-icon{font-size:13px;line-height:1}.theme-toggle-label{letter-spacing:.02em}.mobile-sheet-header-actions{display:inline-flex;align-items:center;gap:6px}.mobile-sheet-toggle{min-width:32px;height:28px;border-radius:6px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--app-fg);font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;cursor:pointer}.mobile-sheet-toggle:hover{background:var(--btn-bg-hover)}.mobile-dock{position:fixed;left:calc(var(--safe-left) + 10px);right:calc(var(--safe-right) + 10px);bottom:calc(var(--safe-bottom) + 10px);z-index:52;display:flex;gap:8px;padding:8px;border:1px solid var(--surface-border);border-radius:var(--surface-radius-tight);background:var(--surface-control-bg);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);box-shadow:var(--surface-shadow),var(--surface-highlight)}.mobile-dock-btn{flex:1;min-height:44px;border-radius:10px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--app-fg-soft);font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;letter-spacing:.01em;cursor:pointer}.mobile-dock-btn:hover{background:var(--btn-bg-hover);color:var(--app-fg)}.mobile-dock-btn.active{background:var(--control-bg-active);border-color:var(--accent-strong);color:var(--app-fg)}.mobile-dock-btn:disabled{opacity:.4;cursor:not-allowed}.info-panel{position:fixed;bottom:24px;left:24px;display:flex;flex-direction:column;gap:6px;width:min(268px,calc(100vw - 48px - var(--safe-left) - var(--safe-right)));max-height:33vh;overflow-y:auto;padding:12px;background:var(--surface-panel-bg);border:1px solid var(--surface-border);border-radius:var(--surface-radius);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);z-index:30;box-shadow:var(--surface-shadow),var(--surface-highlight);transition:padding .15s ease,max-height .15s ease}.info-panel.collapsed{max-height:none;overflow:hidden;padding:10px 11px}.info-panel{scrollbar-width:thin;scrollbar-color:transparent transparent}.info-panel:hover{scrollbar-color:rgba(167,169,172,.42) transparent}.info-panel::-webkit-scrollbar{width:8px}.info-panel::-webkit-scrollbar-track{background:transparent}.info-panel::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.info-panel:hover::-webkit-scrollbar-thumb{background:#a7a9ac57;background-clip:padding-box}.info-panel::-webkit-scrollbar-thumb:hover{background:#a7a9ac8c;background-clip:padding-box}.info-row{display:flex;align-items:center;gap:7px}.info-panel-header{display:flex;align-items:center;justify-content:space-between;gap:7px}.info-panel-title{font-family:Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:600;color:var(--app-fg);flex-shrink:0}.info-panel-header-toggle{margin-left:4px;flex:1;min-width:84px;height:24px;border-radius:999px;border:1px solid var(--surface-border-strong);background:var(--control-bg);color:var(--app-fg-muted);font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0 7px;flex-shrink:0}.info-panel-header-toggle:hover{background:var(--btn-bg-hover);border-color:var(--surface-border-strong);color:var(--app-fg)}.info-panel-summary{font-family:SF Mono,Monaco,Menlo,monospace;font-size:9px;color:var(--app-fg-muted);white-space:nowrap}.info-panel-toggle-glyph{display:inline-flex;width:14px;justify-content:center;color:var(--app-fg);font-size:12px}.line-group-row .line-badge{width:20px;height:20px;font-size:12px}.line-group-meta{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.toggle-all-btn{align-self:flex-start;margin-bottom:2px}.line-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-family:Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:700;color:#fff}.line-favorite-btn{width:15px;height:15px;border:1px solid var(--btn-border);border-radius:999px;background:var(--btn-bg);color:var(--app-fg-faint);font-size:10px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.line-favorite-btn:hover{background:var(--btn-bg-hover);color:var(--app-fg)}.line-favorite-btn.active{border-color:#fccc0a9e;color:#fccc0af2;background:#fccc0a1a}.train-count{font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;color:var(--app-fg-soft);letter-spacing:.02em}.train-count-split{font-size:9px;color:var(--app-fg-faint);letter-spacing:.01em}.prediction-stats{display:flex;flex-wrap:wrap;gap:6px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;color:var(--app-fg-faint)}.stat-label{color:var(--app-fg-faint)}.stat-value{color:#a82334e6;font-weight:500}.stat-detail{color:var(--app-fg-faint)}.train-status{display:flex;gap:10px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px}.status-moving{color:#64c864cc}.status-stopped{color:#a7a9ac80}.health-row{display:flex;gap:5px;flex-wrap:wrap}.realtime-summary{display:flex;flex-wrap:wrap;gap:5px}.realtime-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--btn-border);background:var(--control-bg);color:var(--app-fg);font-family:SF Mono,Monaco,Menlo,monospace;font-size:9px}.realtime-chip-quality{border-color:var(--surface-border-strong);font-weight:600}.realtime-chip.live{border-color:#5abe7857;background:#5abe781f}.realtime-chip.mixed{border-color:#5aaaff57;background:#5aaaff1f}.realtime-chip.trip-only{border-color:#facc1557;background:#facc151c}.realtime-chip.stale{border-color:#ffb44661;background:#ffb4461f}.realtime-chip.offline{border-color:#ef444457;background:#ef44441a}.realtime-chip.empty{color:var(--app-fg-soft)}.realtime-chip-live{border-color:#5aaaff3d}.realtime-chip-trip-only{border-color:#facc1533}.realtime-chip.muted{color:var(--app-fg-soft)}.realtime-note{font-family:SF Mono,Monaco,Menlo,monospace;font-size:9px;line-height:1.45;color:var(--app-fg-soft)}.realtime-note-health{padding:7px 9px;border-radius:12px;border:1px solid var(--surface-border);background:#94a3b814}.realtime-note-health.live{border-color:#5abe7838;background:#5abe7814}.realtime-note-health.mixed{border-color:#5aaaff38;background:#5aaaff14}.realtime-note-health.trip-only{border-color:#facc1538;background:#facc1514}.realtime-note-health.stale{border-color:#ffb4463d;background:#ffb4461a}.realtime-note-health.offline{border-color:#ef444438;background:#ef444414}.realtime-note-error{color:#dc2626}[data-theme=dark] .realtime-note-error{color:#fca5a5}.health-pill{font-family:SF Mono,Monaco,Menlo,monospace;font-size:9px;border:1px solid var(--btn-border);border-radius:999px;padding:4px 8px;color:var(--app-fg-soft);background:var(--control-bg)}.health-pill.live{border-color:#64c86466;color:#64c864f2}.health-pill.refreshing{border-color:#5aaaff66;color:#78befff2}.health-pill.stale{border-color:#ffb44673;color:#ffbe5af2}.health-pill.offline{border-color:#dc505073;color:#f06e6ef2}.health-pill.loading{border-color:#a7a9ac40;color:#a7a9accc}.health-debug{font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px;color:#a7a9ac8c}.direction-filter{display:flex;gap:6px}.filter-btn{min-height:26px;padding:3px 8px;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:999px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:9px;color:var(--app-fg-soft);cursor:pointer;transition:all .15s ease}.filter-btn:hover{background:var(--btn-bg-hover);color:var(--app-fg-muted)}.filter-btn.active{background:var(--control-bg-active);border-color:#4a90d980;color:#fff}.location-btn{margin-top:4px;align-self:flex-start}.location-btn.active{background:#4285f44d;border-color:#4285f480;color:#fff}.location-btn:disabled{opacity:.3;cursor:not-allowed}.journey-planner{position:fixed;top:24px;left:24px;width:360px;max-height:46vh;display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--surface-bg-strong);border:1px solid var(--surface-border);border-radius:var(--surface-radius);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);z-index:31;overflow:hidden;box-shadow:var(--surface-shadow);transition:padding .16s ease,max-height .16s ease,background .16s ease}.journey-planner.collapsed{max-height:none;padding:8px;gap:0;background:var(--surface-bg-strong)}.journey-planner.collapsed .journey-input{height:38px;font-size:13px;padding:0 12px}.journey-planner.expanded{padding:12px;gap:8px}.journey-header{display:flex;justify-content:space-between;align-items:center}.journey-title{font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;color:var(--app-fg)}.journey-clear{background:none;border:none;color:var(--app-fg-soft);font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;cursor:pointer}.journey-origin{font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;color:var(--app-fg-soft)}.journey-search-row{display:flex}.journey-input{width:100%;height:38px;border-radius:12px;border:1px solid var(--btn-border);background:var(--input-bg);color:var(--app-fg);font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;padding:0 10px;outline:none}.journey-input:focus{border-color:#4a90d9cc}.journey-suggestions{border:1px solid var(--btn-border);border-radius:12px;overflow:auto;max-height:210px;background:var(--surface-elevated)}.journey-suggestion{width:100%;text-align:left;padding:8px 10px;border:none;border-bottom:1px solid var(--surface-border);background:transparent;color:var(--app-fg-muted);font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;cursor:pointer}.journey-suggestion:last-child{border-bottom:none}.journey-suggestion:hover{background:#4a90d933}.journey-actions{display:flex;gap:8px}.journey-plan{display:flex;flex-direction:column;gap:8px;min-height:0}.journey-summary{display:flex;flex-direction:column;gap:2px}.journey-summary-primary{font-family:Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:700;color:var(--app-fg)}.journey-summary-meta{font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;color:var(--app-fg-soft)}.journey-summary-warning{font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px;color:#eab308f2}.journey-legs{display:flex;flex-direction:column;gap:6px;max-height:32vh;overflow:auto}.journey-leg{border:1px solid var(--btn-border);border-radius:12px;padding:8px}.journey-leg.train{background:#38bdf814}.journey-leg.walk{background:#22c55e14}.journey-leg.clickable{width:100%;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease}.journey-leg.clickable:hover{border-color:#6ee7f98c;background:#38bdf826}.journey-leg.clickable.selected{border-color:#6ee7f9d9;background:#38bdf833}.journey-leg-type{font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px;color:var(--app-fg-soft);margin-bottom:3px}.journey-leg-main{font-family:Helvetica Neue,Arial,sans-serif;font-size:12px;color:var(--app-fg)}.journey-leg-meta{margin-top:2px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px;color:var(--app-fg-soft)}.journey-error{font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;color:#f06e6ef2}.journey-empty{font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;color:var(--app-fg-soft);padding:4px 0}.loading-overlay,.error-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--surface-bg-strong);z-index:100}.loading-text,.error-text{font-family:SF Mono,Monaco,Menlo,monospace;font-size:14px;color:var(--app-fg-soft)}.maplibregl-ctrl-logo,.maplibregl-ctrl-attrib{display:none!important}.stop-popup .maplibregl-popup-content{background:var(--popup-bg);border:1px solid var(--popup-border);border-radius:4px;padding:6px 10px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;color:var(--app-fg);box-shadow:0 2px 8px #00000080}.stop-popup .maplibregl-popup-tip{border-top-color:var(--popup-bg)}.arrival-board{position:fixed;right:24px;top:24px;bottom:24px;width:280px;display:flex;flex-direction:column;background:var(--surface-bg-strong);border:1px solid var(--surface-border);border-radius:var(--surface-radius);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);z-index:30;overflow:hidden;box-shadow:var(--surface-shadow)}.arrival-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--surface-border)}.arrival-station-name{font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--app-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrival-close-btn{background:none;border:none;color:var(--app-fg-faint);font-size:20px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s ease}.arrival-close-btn:hover{color:var(--app-fg)}.arrival-list{flex:1;overflow-y:auto;padding:8px 0}.arrival-source-note{padding:10px 16px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;line-height:1.35;color:#f5cd4ff2;background:#a1620729;border-bottom:1px solid rgba(167,169,172,.15)}.arrival-metadata{padding:8px 16px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px;line-height:1.35;color:var(--app-fg-soft);border-bottom:1px solid var(--surface-border)}.arrival-row{display:flex;align-items:center;gap:10px;padding:8px 16px}.arrival-line-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:50%;font-family:Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:700}.arrival-destination{flex:1;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;color:var(--app-fg-soft)}.arrival-time{font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px;font-weight:600;color:var(--app-fg);white-space:nowrap}.arrival-occupancy{font-size:10px;line-height:1;flex-shrink:0}.occupancy-empty{color:#64c864b3}.occupancy-moderate{color:#e6b43ccc}.occupancy-full{color:#dc5050cc}.arrival-empty{padding:24px 16px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;color:var(--app-fg-faint);text-align:center}.line-badge-wrapper{position:relative;display:inline-flex;align-items:center;gap:3px}.alert-dot{position:absolute;top:-2px;right:16px;width:6px;height:6px;border-radius:50%;pointer-events:none}.alert-dot.delay{background:orange;box-shadow:0 0 4px #ffa50099}.alert-dot.suspension{background:#e84040;box-shadow:0 0 4px #e8404099}.alert-dot.major{background:#e86040;box-shadow:0 0 4px #e8604099}.alert-dot.planned{background:#4a90d9;box-shadow:0 0 4px #4a90d966}.alerts-btn{align-self:flex-start}.alerts-btn.active{background:#ffa5004d;border-color:#ffa50080;color:#fff}.alerts-panel{position:fixed;top:24px;left:24px;width:320px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--surface-bg-strong);border:1px solid var(--surface-border);border-radius:var(--surface-radius);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);z-index:35;overflow:hidden;box-shadow:var(--surface-shadow)}.alerts-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--surface-border)}.alerts-title{font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--app-fg);display:flex;align-items:center;gap:8px}.alerts-count{font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;background:#ffa5004d;color:orange;padding:1px 6px;border-radius:8px}.alerts-list{flex:1;overflow-y:auto;padding:4px 0}.alert-detail-view{display:flex;flex-direction:column;gap:8px;padding:6px 10px 10px}.alerts-back-btn{align-self:flex-start}.alert-detail-card{border-right:1px solid var(--surface-border);border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);border-radius:8px;cursor:default}.alerts-empty{padding:24px 16px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;color:var(--app-fg-faint);text-align:center}.alert-row{padding:10px 16px;border-left:3px solid transparent}.alert-row.delay{border-left-color:orange}.alert-row.suspension{border-left-color:#e84040}.alert-row.major{border-left-color:#e86040}.alert-row.planned{border-left-color:#4a90d9}.alert-row{cursor:pointer;transition:background .15s}.alert-row:hover,.alert-row.expanded{background:var(--btn-bg)}.alert-content{display:flex;flex-direction:column;gap:6px}.alert-lines{display:flex;gap:4px;flex-wrap:wrap}.alert-line-badge{display:flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border-radius:50%;font-family:Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:700}.alert-header-text{font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;color:var(--app-fg-muted);line-height:1.4}.alert-time-text{font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px;color:var(--app-fg-faint)}.alert-type-label{font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px;padding:1px 6px;border-radius:4px}.alert-type-label.suspension{background:#e8404033;color:#e84040}.alert-type-label.major{background:#e8604033;color:#e86040}.alert-type-label.delay{background:#ffa50033;color:orange}.alert-type-label.planned{background:#4a90d933;color:#4a90d9}.alert-upcoming-badge{font-family:SF Mono,Monaco,Menlo,monospace;font-size:9px;color:var(--app-fg-soft);border:1px solid var(--btn-border);padding:0 4px;border-radius:3px}.alert-description{font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;color:var(--app-fg-soft);line-height:1.5;white-space:pre-line;margin-top:6px}.alert-alternatives{margin-top:6px;padding-top:6px;border-top:1px solid var(--surface-border)}.alert-alt-label{font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px;color:var(--app-fg-faint);margin-bottom:4px}.alert-alt-item{font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;color:var(--app-fg-soft);padding:2px 0}.alert-station-name{font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;color:var(--app-fg-soft)}.mobile-sheet{position:fixed;left:calc(var(--safe-left) + 12px)!important;right:calc(var(--safe-right) + 12px)!important;top:auto!important;bottom:calc(var(--safe-bottom) + 74px)!important;width:auto!important;max-height:min(68dvh,640px)!important;border-radius:var(--surface-radius);z-index:48}.mobile-sheet.collapsed{max-height:64px!important;overflow:hidden}.mobile-sheet.expanded{max-height:min(68dvh,640px)!important}.mobile-sheet--planner.expanded.has-plan{max-height:min(84dvh,760px)!important}.mobile-sheet--planner.has-plan .journey-origin,.mobile-sheet--planner.has-plan .journey-actions--route{display:none}.mobile-sheet--planner.has-plan .journey-plan{flex:1;min-height:0}.mobile-sheet--planner.has-plan .journey-legs{flex:1;min-height:0;max-height:none}.mobile-sheet--planner.collapsed .journey-header,.mobile-sheet--planner.collapsed .journey-origin,.mobile-sheet--planner.collapsed .journey-actions,.mobile-sheet--planner.collapsed .journey-plan,.mobile-sheet--planner.collapsed .journey-empty,.mobile-sheet--planner.collapsed .journey-error,.mobile-sheet--planner.collapsed .journey-suggestions,.mobile-sheet--arrivals.collapsed .arrival-source-note,.mobile-sheet--arrivals.collapsed .arrival-list,.mobile-sheet--alerts.collapsed .alerts-list{display:none}.mobile-sheet--alerts .alerts-list{-webkit-overflow-scrolling:touch;overflow-anchor:none;contain:layout paint;transform:translateZ(0)}.mobile-sheet--alerts .alert-row{-webkit-tap-highlight-color:transparent;transition:none;backface-visibility:hidden}@media(max-width:960px){.map-controls{top:12px;right:12px}.map-controls.with-arrival{right:12px}.journey-planner{width:calc(100vw - 24px);left:12px;right:12px;top:12px;max-height:38vh}.arrival-board{inset:auto 12px 12px;width:auto;max-height:42vh}.info-panel{bottom:12px;left:12px;max-height:44vh}}@media(max-width:768px){.vignette{background:radial-gradient(ellipse at center,transparent 66%,rgba(0,0,0,.36) 100%)}.map-controls{top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 8px);z-index:53}.map-controls.with-arrival{right:calc(var(--safe-right) + 8px)}.map-mode-toggle-btn,.map-camera-toggle-btn,.theme-toggle-btn{min-width:90px;height:32px;font-size:10px;padding:0 10px}.map-mode-toggle,.map-camera-toggle{gap:3px;padding:3px}.scene3d-toolbar{top:calc(var(--safe-top) + 64px);left:12px;width:min(320px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)))}.scene3d-panel{padding:10px}.scene3d-route-toggle,.scene3d-route-chip{min-width:30px;height:30px;padding:0 8px;font-size:10px}.info-panel,.journey-planner,.arrival-board,.alerts-panel{border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-panel{padding:10px 12px;gap:10px}.info-panel-header{gap:8px}.info-panel-header-toggle{min-width:0;flex:0 1 auto;height:30px;padding:0 10px}.info-panel-summary{font-size:10px}.line-group-row .line-badge{width:28px;height:28px;font-size:15px}.line-favorite-btn{width:20px;height:20px;font-size:12px}.filter-btn{min-height:44px;padding:8px 12px;font-size:12px;border-radius:8px}.journey-planner{padding:10px;gap:10px}.mobile-sheet--planner.expanded.has-plan{padding:12px;gap:10px}.journey-planner.collapsed .journey-input{height:42px;font-size:14px}.journey-input{height:44px;font-size:16px;padding:0 12px}.journey-suggestion{min-height:44px;font-size:12px;padding:10px 12px}.mobile-sheet--planner.has-plan .journey-summary-primary{font-size:21px;line-height:1.15}.mobile-sheet--planner.has-plan .journey-summary-meta{font-size:12px}.mobile-sheet--planner.has-plan .journey-leg{padding:10px}.mobile-sheet--planner.has-plan .journey-leg-main{font-size:13px}.mobile-sheet--planner.has-plan .journey-leg-meta{font-size:11px}.journey-actions{flex-wrap:wrap}.arrival-header,.alerts-header{padding:12px 14px}.arrival-row{padding:10px 14px}.arrival-time{font-size:12px}.alerts-list{padding-bottom:6px}.alert-row{padding:11px 14px}.alert-header-text{font-size:11px}.mobile-sheet-header-actions{gap:8px}.mobile-sheet-toggle,.arrival-close-btn{min-width:32px;min-height:32px}.mobile-dock{left:calc(var(--safe-left) + 8px);right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 8px);gap:6px;padding:6px}.mobile-dock-btn{min-height:42px;font-size:10px;border-radius:9px}}