@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#10151f;--card:#191f2c;--text:#f4f6fb;--muted:#939eaf;--line:rgba(255,255,255,.08);--mint:#a7f3d0;--blue:#9dbbff;--orange:#ffc68b;--purple:#d0b5ff}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;background:radial-gradient(ellipse at 80% -10%,rgba(70,102,160,.18),transparent 42%),var(--bg);color:var(--text);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}.dashboard{width:min(100%,560px);margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 18px calc(25px + env(safe-area-inset-bottom))}.nav{display:flex;align-items:center;justify-content:space-between;height:34px}.nav a{font-size:11px;color:#c3cbd8;text-decoration:none}.nav a:hover{color:var(--mint)}.refresh{width:35px;height:35px;border:1px solid var(--line);background:#1b2230;border-radius:12px;color:#dce4f1;font-size:22px;line-height:1;cursor:pointer}.refresh.spinning{animation:spin .65s ease}@keyframes spin{to{transform:rotate(360deg)}}.intro{padding:25px 2px 20px}.eyebrow,.kicker,.label{margin:0;color:var(--muted);font-size:9px;letter-spacing:1.55px;font-weight:700}.intro h1{font-family:Manrope,sans-serif;font-size:35px;line-height:1.1;letter-spacing:-1.6px;margin:8px 0 7px;font-weight:800}.intro h1 span{color:var(--mint)}.subtitle{font-size:12px;color:var(--muted);margin:0}.section-heading{display:flex;align-items:center;gap:10px;margin:15px 3px 10px}.section-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:600}.train-icon{background:rgba(167,243,208,.12);color:var(--mint)}.bus-icon{background:rgba(157,187,255,.13);color:var(--blue)}.bike-icon{background:rgba(255,198,139,.13);color:var(--orange)}.section-heading .kicker{font-size:8px;margin-bottom:3px}.section-heading h2{font-size:14px;font-weight:700;margin:0}.live-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(167,243,208,.08)}.card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%),var(--card);border:1px solid rgba(255,255,255,.065);border-radius:21px;padding:16px;margin-bottom:11px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-top h3{font-size:13px;margin:4px 0 0;font-weight:700}.card-top h3 span{color:var(--muted);font-weight:400;padding:0 3px}.pill{font-size:9px;color:var(--mint);background:rgba(167,243,208,.09);border-radius:7px;padding:6px 8px;white-space:nowrap}.pill.warn{color:var(--orange);background:rgba(255,198,139,.09)}.main-row{display:flex;align-items:center;gap:12px;padding:17px 0 11px}.label{font-size:8px;letter-spacing:1.2px;margin-bottom:5px}.big-time{font-family:Manrope,sans-serif;font-size:35px;line-height:1;font-weight:800;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.countdown{display:flex;flex-direction:column;gap:4px;margin-left:auto}.countdown strong{font-size:12px;color:var(--mint)}.countdown span,.platform span{font-size:8px;color:var(--muted)}.platform{border-left:1px solid var(--line);padding-left:12px;min-width:38px;display:flex;flex-direction:column;align-items:center;gap:3px}.platform strong{font-size:18px;color:var(--mint)}.note{border-top:1px solid var(--line);padding-top:10px;margin:0;color:#8995a6;font-size:9px;line-height:1.4}.train-times{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.train-arrival{background:rgba(7,12,20,.25);border:1px solid rgba(255,255,255,.045);border-radius:13px;padding:12px 10px;min-width:0}.train-arrival .time{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.train-arrival .when{font-size:10px;font-weight:700;color:var(--mint);margin-top:3px}.train-arrival .details{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:7px;font-size:8px;color:var(--muted)}.train-arrival .platform{border:0;padding:0;min-width:0;display:inline;white-space:nowrap}.train-arrival .platform strong{font-size:10px;color:var(--text)}.train-arrival .status{font-size:8px;color:var(--mint);white-space:nowrap}.train-arrival .status.warn{color:var(--orange)}.bus-card .card-top>div{display:flex;align-items:center;gap:10px}.line-badge{width:39px;height:34px;border-radius:10px;background:#dbeafe;color:#1d4ed8;font-family:Manrope,sans-serif;font-size:14px;font-weight:800;display:grid;place-items:center;flex:none}.line-badge.c5{background:#fef3c7;color:#92400e}.route-title h3{font-size:14px;margin:0 0 3px}.route-title p{font-size:9px;color:var(--muted);margin:0}.bus-times{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.bus-arrival{background:rgba(7,12,20,.25);border:1px solid rgba(255,255,255,.045);border-radius:13px;padding:12px 10px;min-width:0}.bus-arrival .time{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.bus-arrival .when{font-size:10px;font-weight:700;color:var(--mint);margin-top:3px}.bus-arrival .direction{font-size:8px;color:var(--muted);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{grid-column:1/-1;padding:14px 11px;background:rgba(7,12,20,.2);border-radius:12px;color:var(--muted);font-size:10px}.bike-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.bike-number{padding:14px 12px;border-radius:14px;background:rgba(7,12,20,.25);border:1px solid rgba(255,255,255,.045);display:flex;flex-direction:column;gap:5px}.bike-number span{font-size:9px;color:var(--muted)}.bike-number strong{font-family:Manrope,sans-serif;font-size:35px;line-height:1.05;letter-spacing:-1px;color:var(--orange);font-variant-numeric:tabular-nums}.bike-details{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 1px;color:var(--muted);font-size:10px}.bike-details strong{color:var(--text);margin-left:4px}.footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;padding-top:12px;color:#8792a2;font-size:9px}.footer strong{color:#c4ccd8;font-weight:600}.footer-pulse{width:5px;height:5px;border-radius:50%;background:var(--mint)}.footer-pulse.error{background:var(--orange)}.separator{color:#4f5b6d}.disclaimer{text-align:center;color:#5e6a7c;font-size:8px;margin:9px 0 0}.error{color:var(--orange)!important}.card.loading{opacity:.7}@media(min-width:560px){body{padding:18px 0}.dashboard{padding-top:12px}}@media(max-width:360px){.dashboard{padding-left:12px;padding-right:12px}.card{padding:14px}.big-time{font-size:31px}.main-row{gap:8px}.platform{padding-left:8px}.bus-arrival .time{font-size:22px}.bus-times,.train-times{gap:6px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}