:root{color:#f5f7f8;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0d10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 0,#da291c2b,#0000 30rem),linear-gradient(145deg,#0b0d10 0%,#11151a 100%);min-width:320px;min-height:100svh;margin:0}button{font:inherit}.dashboard{flex-direction:column;gap:clamp(1.25rem,2.5vw,2rem);width:min(100%,1440px);min-height:100svh;margin:0 auto;padding:clamp(1.25rem,3vw,3rem);display:flex}.dashboard__header,.dashboard__footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.dashboard__kicker,.route-card__eyebrow{color:#8f9aa6;letter-spacing:.17em;text-transform:uppercase;margin:0 0 .3rem;font-size:clamp(.72rem,1.1vw,.9rem);font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.05em;margin-bottom:0;font-size:clamp(2rem,4vw,4rem);line-height:.96}.live-status{color:#c9d0d6;background:#14181dd1;border:1px solid #2d343d;border-radius:999px;flex:none;align-items:center;gap:.65rem;padding:.7rem 1rem;font-weight:750;display:inline-flex}.live-status__dot{background:#4bd37b;border-radius:50%;width:.65rem;height:.65rem;box-shadow:0 0 0 .28rem #4bd37b24}.live-status__dot--warning{background:#ffb444;box-shadow:0 0 0 .28rem #ffb44424}.route-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.4vw,2rem);display:grid}.route-card{background:linear-gradient(160deg,#1c2127f7,#101317fa);border:1px solid #292f37;border-radius:clamp(1.25rem,2vw,2rem);flex-direction:column;min-height:25rem;padding:clamp(1.25rem,2.5vw,2.25rem);display:flex;overflow:hidden;box-shadow:0 1.5rem 4rem #00000038}.route-card__header{border-bottom:1px solid #30363e;align-items:center;gap:1rem;padding-bottom:clamp(1.2rem,2.5vw,2rem);display:flex}.route-card__header h2{letter-spacing:-.035em;margin-bottom:0;font-size:clamp(1.4rem,2.6vw,2.25rem)}.route-badge{color:#fff;text-align:center;letter-spacing:-.05em;background:#da291c;border-radius:.7rem;min-width:clamp(4.7rem,8vw,6.8rem);padding:.62rem .75rem;font-size:clamp(1.55rem,3.3vw,2.65rem);font-weight:900;line-height:1;box-shadow:inset 0 -.18rem #0003}.arrival-list{flex:1;grid-template-columns:1.35fr repeat(2,1fr);gap:clamp(.65rem,1.4vw,1rem);margin:0;padding:clamp(1.2rem,2.6vw,2rem) 0 0;list-style:none;display:grid}.arrival{background:#111419;border:1px solid #303740;border-radius:1.2rem;flex-direction:column;justify-content:center;align-items:center;min-height:10rem;display:flex;position:relative}.arrival--next{background:linear-gradient(155deg,#da291c2b,#121519 58%);border-color:#da291cb3}.arrival__number{letter-spacing:-.08em;font-variant-numeric:tabular-nums;font-size:clamp(3.5rem,8vw,7.2rem);font-weight:900;line-height:.82}.arrival__unit{color:#9ca6af;letter-spacing:.12em;text-transform:uppercase;margin-top:.65rem;font-size:clamp(.9rem,1.6vw,1.2rem);font-weight:800}.arrival__marker{color:#ffb7b1;letter-spacing:.12em;text-transform:uppercase;background:#da291c33;border-radius:999px;padding:.28rem .55rem;font-size:.65rem;font-weight:900;position:absolute;top:.75rem;left:.75rem}.no-arrivals{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.no-arrivals p{letter-spacing:-.035em;margin-bottom:.45rem;font-size:clamp(1.65rem,3vw,2.5rem);font-weight:850}.no-arrivals span{color:#8f99a4}.dashboard__footer{color:#939da7;font-size:.92rem}.dashboard__footer p{margin-bottom:0}.dashboard__footer time{color:#dfe4e8;font-variant-numeric:tabular-nums;font-weight:800}.refresh-button,.retry-button{color:#f1f4f6;cursor:pointer;background:#1c2127;border:1px solid #343c45;border-radius:.75rem;padding:.68rem 1rem;font-weight:800}.refresh-button:disabled{cursor:wait;opacity:.6}.refresh-button:hover:not(:disabled),.retry-button:hover{background:#252b32}.status-message{color:#ffd4d0;background:#691f1a66;border:1px solid #ff70656b;border-radius:1rem;align-items:center;gap:.9rem;padding:.95rem 1.1rem;display:flex}.status-message--stale{color:#ffe1b4;background:#69440f5c;border-color:#ffb4446b}.status-message__icon{border:1px solid;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.status-message strong,.status-message p{margin:0;display:block}.status-message p{color:#cdbcb9;margin-top:.15rem;font-size:.88rem}.status-message--stale p{color:#d1c1a8}.loading-state{color:#aeb6bd;flex:1;align-content:center;place-items:center;gap:1rem;min-height:20rem;display:grid}.loading-state__pulse{border:.28rem solid #2c3239;border-top-color:#da291c;border-radius:50%;width:3rem;height:3rem;animation:.85s linear infinite spin}.loading-state p{margin-bottom:0;font-weight:750}.retry-button{align-self:center;min-width:9rem}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.dashboard__header{align-items:flex-start}.live-status{padding:.58rem .8rem;font-size:.8rem}.route-grid{grid-template-columns:1fr}.route-card{min-height:20rem}.arrival-list{min-height:11rem}.dashboard__footer{align-items:flex-start}}@media (width<=460px){.dashboard{padding:1rem}.dashboard__header{flex-direction:column}.route-card__header{gap:.75rem}.arrival-list{grid-template-columns:repeat(3,1fr)}.arrival{min-height:8.5rem}.arrival__number{font-size:clamp(2.8rem,18vw,4rem)}.arrival__marker{display:none}}@media (prefers-reduced-motion:reduce){.loading-state__pulse{animation:none}}