:root,[data-theme=light]{--bg: #eef2f4;--panel: #ffffff;--card: #f5f8fa;--text: #0d1b2a;--text-dim: #5b6b7a;--border: #dce4ea;--accent: #0e7a4f;--accent-ink: #ffffff;--rail: #c3ced6;--rail-done: #0e7a4f;--dot: #aab8c2;--dot-passed: #0e7a4f;--train: #0e7a4f;--ontime: #138a52;--ontime-bg: #d8f0e3;--late: #b4690e;--late-bg: #fbedd6;--cancelled: #c0392b;--cancelled-bg: #fbe0dc;--shadow: 0 1px 3px rgba(13, 27, 42, .08), 0 6px 18px rgba(13, 27, 42, .06)}[data-theme=dark]{--bg: #0b1220;--panel: #121c2b;--card: #18253a;--text: #e8eef5;--text-dim: #94a6b8;--border: #243248;--accent: #2ec27e;--accent-ink: #04150d;--rail: #324259;--rail-done: #2ec27e;--dot: #4a5d76;--dot-passed: #2ec27e;--train: #2ec27e;--ontime: #57d99a;--ontime-bg: #10271c;--late: #e7a44b;--late-bg: #2e2415;--cancelled: #f07a6c;--cancelled-bg: #2e1714;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:8px 16px;background:var(--accent);color:var(--accent-ink);font-weight:700;border-radius:0 0 8px;text-decoration:none}.skip-link:focus{left:0}.offline-banner{text-align:center;padding:8px 12px;background:var(--late-bg);color:var(--late);font-size:.85rem;font-weight:600}.disruption-banner{padding:10px 14px;border-radius:10px;background:var(--cancelled-bg);color:var(--cancelled);font-size:.88rem;font-weight:600}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:32px 16px;text-align:center;gap:12px}.error-boundary__icon{font-size:2.5rem}.error-boundary__title{margin:0;font-size:1.3rem}.error-boundary__message{margin:0;color:var(--text-dim);font-size:.9rem;max-width:400px}.error-boundary__btn{margin-top:8px;padding:10px 24px;border:none;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer}.skeleton{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--card);border-radius:14px}.skeleton__row{border-radius:6px;background:var(--border);animation:shimmer 1.4s ease-in-out infinite}.skeleton__row--lg{height:40px;width:55%}.skeleton__row--md{height:22px;width:80%}.skeleton__row--sm{height:18px;width:40%}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:1}}.app{max-width:1100px;margin:0 auto;padding:env(safe-area-inset-top) 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;min-height:100vh}.app__header{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;position:sticky;top:0;background:var(--bg);z-index:5}.app__brand{display:flex;align-items:center;gap:8px}.app__logo{font-size:1.4rem}.app__header h1{font-size:1.15rem;margin:0;letter-spacing:.2px}.theme-toggle{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:999px;width:40px;height:40px;font-size:1.1rem;cursor:pointer;display:grid;place-items:center}.theme-toggle:hover{border-color:var(--accent)}.view-toggle{display:flex;background:var(--card);border-radius:12px;padding:4px;gap:4px;margin-bottom:16px}.view-toggle__btn{flex:1;padding:10px 16px;border:none;border-radius:10px;background:transparent;color:var(--text-dim);font-weight:600;font-size:.95rem;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.view-toggle__btn:hover{color:var(--text)}.view-toggle__btn--active{background:var(--accent);color:var(--accent-ink)}.panels{display:flex;flex-direction:column;gap:16px;flex:1}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.panel__route{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.05rem}.panel__arrow{color:var(--accent)}.panel__toggle{display:none;background:var(--card);border-radius:8px;padding:3px;gap:3px}.panel__toggle-btn{padding:5px 14px;border:none;border-radius:6px;background:transparent;color:var(--text-dim);font-weight:600;font-size:.82rem;cursor:pointer;transition:background .15s,color .15s;font-family:inherit;white-space:nowrap}.panel__toggle-btn:hover{color:var(--text)}.panel__toggle-btn--active{background:var(--accent);color:var(--accent-ink)}.panel__state{padding:18px;text-align:center;color:var(--text-dim);background:var(--card);border-radius:12px}.panel__state--error{color:var(--cancelled);background:var(--cancelled-bg)}.panel__updated{margin-top:auto;text-align:right;font-size:.75rem;color:var(--text-dim)}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--card);border-radius:14px;padding:16px}.hero--cancelled{background:var(--cancelled-bg)}.hero__main{display:flex;flex-direction:column;gap:6px;min-width:0;position:relative;padding-right:38px}.hero__depart-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero__depart-time{font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hero__sched-line{display:flex;align-items:baseline;gap:8px;font-size:.95rem}.hero__delay-note{color:var(--late);font-weight:600;font-size:.85rem}.hero__countdown-row{display:flex;align-items:center;gap:10px}.hero__countdown{font-size:1rem;color:var(--text-dim);font-weight:600}.pin-btn{display:grid;place-items:center;width:32px;height:32px;border:1.5px solid var(--border);border-radius:999px;background:var(--panel);color:var(--text-dim);font-size:.85rem;cursor:pointer;transition:border-color .2s,color .2s,background .2s;position:absolute;top:-2px;right:-2px;z-index:1}.pin-btn .fa-thumbtack{transition:transform .2s ease;transform:rotate(20deg)}.pin-btn:hover{border-color:var(--accent);color:var(--accent)}.pin-btn--active{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.pin-btn--active .fa-thumbtack{transform:rotate(0)}.hero__bus{font-size:.85rem;color:var(--text-dim)}.hero__reason{margin:0;font-size:.85rem;color:var(--cancelled)}.hero__meta{display:flex;gap:10px;font-size:.9rem;color:var(--text-dim)}.hero__eta{font-variant-numeric:tabular-nums}.journey-duration{text-align:center;font-size:.78rem;color:var(--text-dim);font-weight:600;background:var(--card);padding:4px 14px;border-radius:999px;align-self:center;letter-spacing:.02em}.strike{text-decoration:line-through;color:var(--text-dim)}.platform{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:92px;padding:12px;border-radius:12px;border:2px solid var(--border);background:var(--panel);text-align:center}.platform__num{font-size:2rem;font-weight:800;line-height:1}.platform__note{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-top:4px}.platform--confirmed{border-color:var(--ontime)}.platform--confirmed .platform__note{color:var(--ontime)}.platform--expected{border-color:var(--border)}.platform--changed{border-color:var(--late)}.platform--changed .platform__note{color:var(--late)}.platform--tbd .platform__num{color:var(--text-dim)}.badge{align-self:flex-start;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px}.badge--ontime{color:var(--ontime);background:var(--ontime-bg)}.badge--late{color:var(--late);background:var(--late-bg)}.badge--cancelled{color:var(--cancelled);background:var(--cancelled-bg)}.badge--unknown{color:var(--text-dim);background:var(--card)}.departures{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.departure{border-top:1px solid var(--border)}.departure__btn,.departure__inner{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px 4px;font-size:.95rem;width:100%;text-align:left;font-family:inherit;color:inherit}.departure__btn{border:none;background:transparent;cursor:pointer;border-radius:8px;transition:background .1s}.departure__btn:hover{background:var(--card)}.departure__btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.departure__time{display:flex;gap:6px;align-items:baseline;font-variant-numeric:tabular-nums;font-weight:600}.departure__exp{color:var(--late);font-size:.85rem}.departure__info{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}.departure__plat{color:var(--text-dim);font-size:.85rem}.departure__plat-tag{font-size:.75rem;opacity:.7}.departure__cars{color:var(--text-dim);font-size:.8rem}.departure__eta{color:var(--text-dim);font-size:.8rem;font-variant-numeric:tabular-nums}.departure__when{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums}.departure--cancelled .departure__time{text-decoration:line-through;color:var(--text-dim)}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-dim);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .15s,color .15s;align-self:center}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.live-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--accent);border-radius:999px;background:transparent;color:var(--accent);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s;align-self:flex-start}.live-btn:hover{background:var(--ontime-bg)}.live-btn .fa-tower-broadcast{font-size:.75rem}.departures-heading{margin:0;padding:0 4px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.page-nav{display:flex;gap:8px}.page-nav__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-dim);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .15s,color .15s}.page-nav__btn:hover{border-color:var(--accent);color:var(--accent)}.track{margin:0;padding:8px 10px 4px;background:var(--card);border-radius:14px;overflow:hidden}.track--empty,.track--loading{padding:18px;text-align:center;color:var(--text-dim)}.track__svg{display:block;width:100%;height:auto;overflow:hidden}.track__rail{stroke:var(--rail);stroke-width:5;stroke-linecap:round}.track__rail--done{stroke:var(--rail-done);stroke-width:5;transition:x2 .6s linear,y2 .6s linear}.track__dot{fill:var(--panel);stroke:var(--dot);stroke-width:2.5}.track__dot--passed{fill:var(--dot-passed);stroke:var(--dot-passed)}.track__dot--major{stroke:var(--accent);stroke-width:3}.track__label{fill:var(--text-dim);font-size:10px}.track__label--major{fill:var(--text);font-weight:700}.track__train{transition:transform .6s linear}.track__train-halo{fill:var(--train);opacity:.22}.track__train-core{fill:var(--train);stroke:var(--panel);stroke-width:2}.track__caption{margin-top:6px;text-align:center;font-size:.85rem;color:var(--text-dim)}.compact-track{margin:0;padding:10px 10px 4px;background:var(--card);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.compact-track__svg{display:block;width:100%;max-width:340px;height:auto;overflow:visible}.compact-track__rail{stroke:var(--rail);stroke-width:4;stroke-linecap:round}.compact-track__rail--done{stroke:var(--rail-done);stroke-width:4;transition:x2 .6s linear}.compact-track__dot{fill:var(--panel);stroke:var(--dot);stroke-width:2}.compact-track__dot--filled{fill:var(--dot-passed);stroke:var(--dot-passed)}.compact-track__label{fill:var(--text);font-size:9px;font-weight:700}.compact-track__train{transition:transform .6s linear}.compact-track__train-halo{fill:var(--train);opacity:.22;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.22;transform:scale(1)}50%{opacity:.1;transform:scale(.8)}}.compact-track__train-core{fill:var(--train);stroke:var(--panel);stroke-width:2}.compact-track__caption{margin-top:6px;text-align:center;font-size:.82rem;color:var(--text-dim)}.compact-track__expand{margin-top:6px;margin-bottom:4px;display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-dim);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .15s,color .15s}.compact-track__expand:hover{border-color:var(--accent);color:var(--accent)}@media(min-width:721px){.view-toggle{display:none}.panel__toggle{display:flex}.hero__depart-time{font-size:3rem}.platform{min-width:110px}.page-nav{max-width:400px;align-self:center;width:100%}}@media(max-width:420px){.hero{padding:12px}.hero__depart-time{font-size:2rem}.platform{min-width:78px;padding:10px}.platform__num{font-size:1.6rem}.departure__eta{display:none}}.app__footer{text-align:center;font-size:.75rem;color:var(--text-dim);padding:16px 4px}