:root{--bg:#f5f6fa;--surface:#fff;--card:#fff;--text:#1e293b;--muted:#64748b;--accent:#4f46e5;--accent-soft:#4f46e514;--green:#16a34a;--green-soft:#16a34a12;--orange:#d97706;--orange-soft:#d9770612;--red:#dc2626;--red-soft:#dc262612;--border:#0f172a14;--r:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100dvh}.app{max-width:460px;padding:env(safe-area-inset-top,0) 1rem 3rem;padding-left:max(1rem, env(safe-area-inset-left,0));padding-right:max(1rem, env(safe-area-inset-right,0));margin:0 auto}.header{text-align:center;padding:1.5rem 0 .5rem}.title{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.line{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem;font-size:.72rem;font-weight:600}.alerts{flex-direction:column;gap:.4rem;margin-bottom:.75rem;display:flex}.alert{border-radius:var(--r);align-items:flex-start;gap:.5rem;padding:.65rem .75rem;font-size:.82rem;line-height:1.4;display:flex}.alert--disruption{background:var(--orange-soft);color:var(--text);border:1px solid #d9770633}.alert--info,.alert--alert{background:var(--accent-soft);color:var(--text);border:1px solid #4f46e526}.alert-icon{flex-shrink:0;font-size:1rem;line-height:1.3}.alert-text{margin:0}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:.5rem;margin:1rem 0;padding:4px;display:flex}.tab{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;flex:1;padding:.6rem;font-size:.85rem;font-weight:600;transition:all .15s}.tab--on{background:var(--accent);color:#fff;box-shadow:0 2px 10px #4f46e540}.hero{border-radius:var(--r);background:linear-gradient(145deg, color-mix(in srgb, var(--green) 6%, var(--surface)), var(--surface) 70%);border:1px solid #16a34a26;margin-bottom:1.25rem;padding:1.25rem;box-shadow:0 1px 3px #0000000a}.hero--empty{background:var(--surface);border-color:var(--border);text-align:center}.hero--delayed{background:linear-gradient(145deg, color-mix(in srgb, var(--orange) 8%, var(--surface)), var(--surface) 70%);border-color:#d9770633}.hero-top{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.hero-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.hero-clock{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}.hero-body{flex-direction:column;display:flex}.hero-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--green);font-size:2.8rem;font-weight:800;line-height:1}.hero--delayed .hero-big{color:var(--orange)}.hero-aimed{color:var(--muted);margin-top:.15rem;font-size:.78rem;font-weight:600;text-decoration:line-through}.hero-sub{color:var(--text);margin-top:.35rem;font-size:1rem;font-weight:600}.hero-dest{color:var(--muted);margin-top:.3rem;font-size:.78rem;font-weight:500}.hero-empty-text{color:var(--muted);padding:1rem 0;font-size:.9rem}.section{margin-bottom:1rem}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:flex}.section-count{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:.15rem .4rem;font-size:.62rem;font-weight:700}.trains{flex-direction:column;gap:.4rem;display:flex}.train{border-radius:var(--r);background:var(--card);border:1px solid var(--border);align-items:center;gap:.65rem;padding:.65rem .75rem;display:flex;box-shadow:0 1px 2px #00000008}.train--next{background:linear-gradient(135deg, var(--green-soft), var(--card) 50%);border-color:#16a34a38}.train--cancelled{opacity:.5}.train-left{flex-direction:column;align-items:center;min-width:48px;display:flex}.train-dep{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800;line-height:1.1}.train--next .train-dep{color:var(--green)}.train-aimed{color:var(--muted);margin-top:.1rem;font-size:.68rem;font-weight:600;text-decoration:line-through}.train-center{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.train-dest{font-size:.85rem;font-weight:600}.train-mission{color:var(--muted);font-size:.7rem;font-weight:500}.train-countdown{color:var(--green);margin-top:.1rem;font-size:.72rem;font-weight:700}.status{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.status--ok{background:var(--green-soft);color:var(--green);border:1px solid #16a34a2e}.status--delayed{background:var(--orange-soft);color:var(--orange);border:1px solid #d977062e}.status--cancelled{background:var(--red-soft);color:var(--red);border:1px solid #dc26262e}