html,body,#root{min-height:100%;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f9;--card:#fff;--text:#1a1d22;--muted:#6c7380;--border:#e2e6ec;--accent:#0b67c2;--success:#1b8a3a;--warn:#b75200}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14171c;--card:#1d2026;--text:#f1f3f5;--muted:#99a2ad;--border:#2c3138;--accent:#4aa3ea}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.4}.app{max-width:760px;margin:0 auto;padding:24px 16px 80px}header h1{letter-spacing:-.02em;margin:0 0 4px;font-size:28px}.tagline{color:var(--muted);margin:0 0 24px}section{margin-bottom:24px}.controls{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex}.time-picker{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.time-picker label{font-weight:600}.time-picker input[type=time]{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:6px 10px;font-size:15px}.time-band{color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:13px}.band-peak{color:#c0392b;background:#fdecea;border-color:#f5c6c1}.band-offpeak{color:#1b8a3a;background:#eaf7ee;border-color:#c5e7cf}.band-night{color:#5c3aa3;background:#f0eaf9;border-color:#d8cef0}@media (prefers-color-scheme:dark){.band-peak{color:#ff8b80;background:#3a201c;border-color:#4e2521}.band-offpeak{color:#6ee396;background:#19311f;border-color:#1f3f28}.band-night{color:#c0aeff;background:#261b3f;border-color:#2e2150}}.waypoints{flex-direction:column;gap:8px;display:flex}.waypoint-row{align-items:center;gap:8px;display:flex}.wp-marker{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:inline-flex}.wp-marker.origin{background:#1b8a3a}.wp-marker.dest{background:#0b67c2}.wp-controls{gap:4px;display:flex}.wp-controls button,.add-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:13px}.wp-controls button:disabled{opacity:.4;cursor:not-allowed}.add-btn{align-self:flex-start;padding:6px 12px;font-weight:500}.add-btn:hover,.wp-controls button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.station-picker{flex:1;min-width:0;position:relative}.station-picker input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:8px 12px;font-size:15px}.station-picker input:focus{outline:2px solid var(--accent);outline-offset:-1px}.station-picker-list{z-index:10;background:var(--card);border:1px solid var(--border);border-radius:8px;max-height:280px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.station-picker-list li{cursor:pointer;align-items:center;gap:10px;padding:8px 12px;display:flex}.station-picker-list li.active,.station-picker-list li:hover{background:var(--bg)}.opt-name{flex:1;font-weight:500}.opt-codes{color:var(--muted);font-family:ui-monospace,monospace;font-size:12px}.opt-badge{background:var(--warn);color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:1px 6px;font-size:11px}.hint{color:var(--muted);font-style:italic}.error{color:#c0392b;background:#fdecea;border:1px solid #f5c6c1;border-radius:8px;padding:12px}.route-summary{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px}.total{flex-direction:column;margin-bottom:12px;display:flex}.total-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px}.total-value{letter-spacing:-.02em;font-size:36px;font-weight:700}.breakdown{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex-direction:column;min-width:110px;padding:8px 14px;display:flex}.pill-key{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.pill-val{font-size:18px;font-weight:600}.pill-train{border-color:#b6d8ef}.pill-walk{border-color:#c5e7cf}.pill-wait{border-color:#f7d6a6}.leg{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:16px}.leg-header{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.leg-total{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.steps{margin:0;padding:0;list-style:none}.step{border-bottom:1px dashed var(--border);align-items:center;gap:10px;padding:6px 0;display:flex}.step:last-child{border-bottom:0}.step-noop{color:var(--muted);font-style:italic}.line-chip{text-align:center;border-radius:4px;min-width:36px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:11px;font-weight:700;display:inline-block}.chip-walk{background:var(--border);color:var(--text)}footer{color:var(--muted);margin-top:24px;font-size:12px}