@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/lexend-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/lexend-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/material-symbols-outlined.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--bg-primary: #0a0f0c;--bg-secondary: #112117;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .1);--border-faint: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .5);--text-faint: rgba(255, 255, 255, .3);--accent: #11b653;--accent-glow: rgba(17, 182, 83, .2);--accent-subtle: rgba(17, 182, 83, .1);--status-green: #11b653;--status-green-glow: rgba(17, 182, 83, .4);--status-yellow: #f59e0b;--status-yellow-glow: rgba(245, 158, 11, .3);--status-red: #ef4444;--status-red-glow: rgba(239, 68, 68, .3);--font-family: "Lexend", system-ui, -apple-system, sans-serif;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-normal: .3s ease}html:not(.dark){--bg-primary: #f6f8f7;--bg-secondary: #ffffff;--bg-card: rgba(0, 0, 0, .03);--bg-card-hover: rgba(0, 0, 0, .06);--border-subtle: rgba(0, 0, 0, .1);--border-faint: rgba(0, 0, 0, .05);--text-primary: #1a1a2e;--text-secondary: #334155;--text-muted: #64748b;--text-faint: #94a3b8;--accent: #11b653;--accent-glow: rgba(17, 182, 83, .15);--accent-subtle: rgba(17, 182, 83, .08);--shadow-card: 0 4px 24px rgba(0, 0, 0, .08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;display:flex;flex-direction:column;align-items:center;transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-container{width:100%;max-width:520px;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-primary);border-left:1px solid var(--border-faint);border-right:1px solid var(--border-faint);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0a0f0c80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-faint);position:sticky;top:0;z-index:50;transition:background-color var(--transition-normal)}html:not(.dark) .app-header{background:#ffffffd9}.header-left{display:flex;align-items:center;gap:.75rem}.header-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);border-radius:var(--radius-sm)}.header-icon .material-symbols-outlined{color:var(--accent);font-size:1.25rem}.header-title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--text-primary)}.header-subtitle{display:flex;align-items:center;gap:.375rem;margin-top:.25rem}.live-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}.header-actions{display:flex;gap:.5rem}.icon-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:0}.icon-btn:hover{background:var(--bg-card-hover)}.icon-btn .material-symbols-outlined{font-size:1.25rem}.live-dot{position:relative;display:inline-flex;width:.5rem;height:.5rem}.live-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent);animation:livePing 2s cubic-bezier(0,0,.2,1) infinite;opacity:.75}.live-dot:after{content:"";position:relative;display:inline-flex;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent)}@keyframes livePing{75%,to{transform:scale(2);opacity:0}}.app-main{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.status-card{position:relative}.status-card-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-xl);filter:blur(20px);opacity:.6;transition:background-color .5s ease;pointer-events:none;z-index:0}.status-card-inner{position:relative;border-radius:var(--radius-xl);padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;transition:background-color .5s ease,box-shadow .5s ease;z-index:1}.status-card-decor{position:absolute;top:0;right:0;width:10rem;height:10rem;margin-right:-2.5rem;margin-top:-2.5rem;background:#ffffff1a;border-radius:50%;filter:blur(40px);pointer-events:none}.live-badge{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-full);background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.625rem;font-weight:600;color:#fff;animation:statusPulse 2s ease-in-out infinite}.live-badge-dot{width:.5rem;height:.5rem;border-radius:50%;background:#fff}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.7}}.status-icon{font-size:3rem;color:#ffffffe6;margin-bottom:.75rem}.status-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#fffc;margin-bottom:.25rem}.status-title{font-size:2.75rem;font-weight:900;letter-spacing:-.04em;color:#fff;line-height:1.1;margin-bottom:.5rem}.status-subtitle{font-size:1rem;font-weight:500;color:#fffc;margin-bottom:0}.status-value{display:flex;align-items:baseline;gap:.25rem;margin-top:.25rem;margin-bottom:.75rem}.status-value #statusValueNumber{font-size:3.75rem;font-weight:900;color:#fff;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1}.status-value-unit{font-size:1.5rem;font-weight:700;color:#fffc}.status-progress-wrap{width:100%;margin-top:.5rem}.status-progress-labels{display:flex;justify-content:space-between;font-size:.6875rem;font-weight:600;color:#ffffffb3;margin-bottom:.5rem}.status-progress-track{width:100%;height:.375rem;background:#00000026;border-radius:var(--radius-full);overflow:hidden}.status-progress-fill{height:100%;background:#fff;border-radius:var(--radius-full);transition:width 1s ease;box-shadow:0 0 10px #ffffff80}.status-green .status-card-glow{background:var(--status-green-glow)}.status-green .status-card-inner{background:var(--status-green);box-shadow:0 20px 50px var(--status-green-glow)}.status-yellow .status-card-glow{background:var(--status-yellow-glow)}.status-yellow .status-card-inner{background:var(--status-yellow);box-shadow:0 20px 50px var(--status-yellow-glow)}.status-yellow .status-title,.status-yellow .status-label,.status-yellow .status-subtitle,.status-yellow .status-icon,.status-yellow .status-value #statusValueNumber,.status-yellow .status-value-unit{color:#000}.status-yellow .status-progress-labels{color:#0009}.status-yellow .status-progress-track{background:#0000001a}.status-yellow .status-progress-fill{background:#000;box-shadow:none}.status-yellow .live-badge{background:#0000001a;color:#000}.status-yellow .live-badge-dot{background:#000}.status-red .status-card-glow{background:var(--status-red-glow)}.status-red .status-card-inner{background:var(--status-red);box-shadow:0 20px 50px var(--status-red-glow)}.crossing-banner{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.crossing-banner-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#ef44441a;border-radius:var(--radius-sm);flex-shrink:0}.crossing-banner-icon .material-symbols-outlined{color:var(--status-red);font-size:1.5rem}.crossing-banner-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.crossing-banner-desc{font-size:.875rem;color:var(--text-muted);line-height:1.6}.crossing-banner-desc strong{color:var(--text-primary)}.section-block{display:flex;flex-direction:column;gap:.75rem}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:1.0625rem;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.section-title .material-symbols-outlined{color:var(--accent);font-size:1.25rem}.delay-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.625rem;font-weight:700;text-transform:uppercase;border:1px solid var(--accent);color:var(--accent);background:var(--accent-subtle)}.delay-badge.delayed{border-color:var(--status-red);color:var(--status-red);background:#ef44441a}.delay-badge.estimated{border-color:#f59e0b;color:#f59e0b;background:#f59e0b1a}.train-card{display:flex;align-items:center;gap:1rem;padding:1.125rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.train-card:hover{background:var(--bg-card-hover)}.train-card-secondary{opacity:.7}.train-card-badge{width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-faint);font-size:1.125rem;font-weight:700;color:var(--accent);flex-shrink:0}.train-card-badge-secondary{background:#64748b33;color:var(--text-muted)}.train-card-info{flex:1;min-width:0}.train-card-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.train-name{font-size:1.0625rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.train-time{font-size:1.0625rem;font-weight:900;font-variant-numeric:tabular-nums;flex-shrink:0}.train-detail{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-muted);font-weight:500}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.info-tile{padding:1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.info-tile-label{font-size:.625rem;font-weight:700;text-transform:uppercase;color:var(--text-faint);margin-bottom:.375rem}.info-tile-value{font-weight:700;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.info-tile-icon{font-size:.875rem;color:var(--accent)}.traffic-good .info-tile-icon,.traffic-good .info-tile-value{color:var(--status-green)}.traffic-moderate .info-tile-icon,.traffic-moderate .info-tile-value{color:var(--status-yellow)}.traffic-heavy .info-tile-icon,.traffic-heavy .info-tile-value{color:var(--status-red)}.route-cta{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.25rem;background:var(--accent);color:#fff;font-size:1.0625rem;font-weight:700;border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 8px 24px var(--accent-glow)}.route-cta:hover{filter:brightness(1.1);transform:translateY(-1px)}.route-cta:active{transform:scale(.98)}.app-footer{margin-top:auto;padding:1.25rem 1.5rem;border-top:1px solid var(--border-faint);background:#0a0f0ccc;display:flex;flex-direction:column;gap:.75rem;transition:background-color var(--transition-normal)}html:not(.dark) .app-footer{background:#ffffffe6}.footer-row{display:flex;align-items:center;justify-content:space-between}.footer-live{display:flex;align-items:center;gap:.5rem}.footer-label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.footer-update{font-size:.625rem;font-weight:500;color:var(--text-faint)}.refresh-btn{width:100%;padding:.75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-family);font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-fast)}.refresh-btn:hover{background:var(--bg-card-hover)}.refresh-btn:active{transform:scale(.98)}.footer-version{text-align:center;font-size:.625rem;color:var(--text-faint);margin-top:.25rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.status-card.loading .status-card-inner{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;opacity:.7}.loading-shimmer{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes countdownTick{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.countdown-tick{animation:countdownTick 1s ease-in-out}::selection{background:var(--accent);color:#fff}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.live-dot:before,.live-badge{animation:none!important}}@media(max-width:380px){.status-title{font-size:2.25rem}.status-value #statusValueNumber{font-size:3rem}.app-main{padding:1rem}}@media(min-width:768px){body{padding:1rem 0}.app-container{border-radius:var(--radius-xl);min-height:calc(100dvh - 2rem)}}