:root{color-scheme:dark;--bg: #0f172a;--card-bg: #1e293b;--text: #f1f5f9;--muted: #94a3b8;--go: #16a34a;--soon: #d97706;--wait: #475569;--unknown: #334155;--stop: #38bdf8;--pass: #a78bfa;--delay: #f87171;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}#app{max-width:640px;margin:0 auto;padding:1.25rem 1rem 3rem}header{text-align:center;margin-bottom:1.5rem}header h1{font-size:2rem;margin:0 0 .25rem}.subtitle{color:var(--muted);margin:0;font-size:.95rem}#loading,.empty{text-align:center;color:var(--muted);padding:2rem 0}.error-banner{background:#7f1d1d;color:#fee2e2;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem}.hidden{display:none!important}.signal{border-radius:1rem;padding:1.5rem;text-align:center;margin-bottom:1.5rem;transition:background-color .4s ease}.signal-go{background:var(--go)}.signal-soon{background:var(--soon)}.signal-wait{background:var(--wait)}.signal-unknown{background:var(--unknown)}.signal-countdown{font-size:3rem;font-weight:700;line-height:1.1}.signal-next{margin-top:.5rem;font-size:1.1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.signal-time{font-weight:600}.signal-dest{color:#ffffffd9}.signal-kind{margin-top:.6rem;display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.signal-phrase{margin-top:.9rem;font-size:1rem;opacity:.95}.signal-empty{color:#ffffffd9;margin-top:.5rem}#upcoming-list h2{font-size:1.1rem;color:var(--muted);margin:0 0 .75rem}.train-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.train-row{background:var(--card-bg);border-radius:.75rem;padding:.75rem 1rem;display:grid;grid-template-columns:auto auto 1fr;gap:.15rem .75rem;align-items:center}.row-time{font-weight:700;font-size:1.05rem}.row-countdown{color:var(--muted);font-size:.9rem}.row-train{grid-column:1;font-size:.85rem;color:var(--muted)}.row-dest{grid-column:2 / span 2;font-size:.85rem;color:var(--text)}.row-badges{grid-column:1 / span 3;display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.2rem}.badge{display:inline-block;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:#ffffff26}.badge-stop{background:color-mix(in srgb,var(--stop) 30%,transparent);color:var(--stop)}.badge-pass{background:color-mix(in srgb,var(--pass) 30%,transparent);color:var(--pass)}.badge-delay{background:color-mix(in srgb,var(--delay) 30%,transparent);color:var(--delay)}.signal .badge{background:#00000052;color:#fff;font-weight:600}#asof{margin-top:1.5rem;text-align:center;color:var(--muted);font-size:.8rem;line-height:1.4}