:root{--bg: #0d1117;--surface: #161b22;--text: #f0f6fc;--text-dim: #8b949e;--border: rgba(240, 246, 252, .1);--pid-red: #ff3b30;--accent-yellow: #f1c40f;--shadow: rgba(0, 0, 0, .4)}@media (prefers-color-scheme: light){:root{--bg: #f5f7f9;--surface: #ffffff;--text: #1a1a1a;--text-dim: #6a737d;--border: rgba(0, 0, 0, .1);--shadow: rgba(0, 0, 0, .05)}}body{background-color:var(--bg);color:var(--text);margin:0;font-family:Inter,-apple-system,system-ui,sans-serif;transition:background .3s ease;font-size:16px}.center-selector{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:20px}.center-selector h2{font-size:2.5rem;font-weight:900;margin-bottom:2rem;letter-spacing:-1px}.search-wrapper{width:100%;max-width:600px}.search-wrapper div{border:none!important}.search-wrapper li{cursor:pointer!important}.search-wrapper li:hover{background-color:#ffffff0d!important}.result-wrapper{cursor:pointer;display:flex;align-items:center;width:100%;height:100%}.departure-board{max-width:850px;margin:0 auto;padding:20px 15px}.board-header-row{display:flex;align-items:center;gap:15px;margin-bottom:25px}.stop-name{font-size:2rem;font-weight:800;margin:0}.filter-bar{display:flex;gap:12px;margin-bottom:30px}.filter-group{flex:1}.filter-group label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;display:block;margin-left:4px}.filter-group select{width:100%;height:48px;background:var(--surface);color:var(--text);border:1px solid var(--border);padding:0 12px;border-radius:12px;font-size:1rem;font-weight:600}.departure-list-header{display:grid;grid-template-columns:75px 1fr 110px;gap:20px;padding:0 20px 12px;font-size:.8rem;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;cursor:pointer}.departure-list-header span:last-child{text-align:right}.departure-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:18px 20px;margin-bottom:12px;display:grid;grid-template-columns:75px 1fr 110px;align-items:center;gap:20px;box-shadow:0 4px 12px var(--shadow)}.mode-icon{flex-shrink:0;opacity:.9}.line-inline{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem}.line-number{font-weight:900;letter-spacing:.5px}.departure-card:hover .mode-icon{opacity:1;transform:scale(1.1)}.destination-info{display:flex;flex-direction:column;gap:6px;overflow:hidden}.headsign{font-size:1.3rem;font-weight:800;line-height:1.1;color:var(--text)}.sub-details{font-size:.95rem;color:var(--text-dim);font-weight:500}.vehicle-features{display:inline-flex;gap:6px;margin-left:8px;opacity:.7;transform:translateY(1px)}.time-section{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.countdown-wrapper{color:var(--accent-yellow);font-weight:900;font-size:2rem;line-height:1}.countdown-unit{font-size:.9rem;margin-left:3px}.delay-info-text{font-size:.8rem;font-weight:800;margin-top:6px;text-transform:uppercase}.delay-bad{color:#f87171}.delay-good{color:#4ade80}.delay-early{color:#60a5fa}.delay-precise-seconds{font-size:.75rem;color:var(--text-dim);font-weight:600;letter-spacing:.5px;margin-top:2px;opacity:.6;font-variant-numeric:tabular-nums}.time-section{text-align:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.goBack{background:var(--surface);border:1px solid var(--border);min-width:48px;min-height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.goBack:hover{transform:scale(1.05)}@media (max-width: 600px){.departure-list-header{display:none}.filter-bar{flex-direction:column}.departure-card{grid-template-columns:60px 1fr;padding:15px;gap:15px}.time-section{grid-column:1 / span 2;flex-direction:row;justify-content:space-between;align-items:center;background:#0000001a;padding:10px 15px;margin:5px -15px -15px;border-radius:0 0 20px 20px;text-align:left}.countdown-wrapper{font-size:1.5rem}}.departure-card{position:relative;overflow:hidden}.departure-card:before{content:"";position:absolute;left:0;top:0;height:100%;width:6px;border-radius:20px 0 0 20px}.mode-tram:before{background:#e11d48}.mode-metro:before{background:#16a34a}.mode-rail:before{background:#9333ea}.mode-bus:before{background:#2563eb}.mode-other:before{background:#6b7280}.mode-ferry:before{background:#06b6d4}.mode-funicular:before{background:#f59e0b}.mode-trolleybus:before{background:#22c55e}.mode-tram .line-number{color:#f43f5e}.mode-bus .line-number{color:#3b82f6}.mode-metro .line-number{color:#22c55e}.mode-rail .line-number{color:#a855f7}.mode-ferry .line-number{color:#06b6d4}.mode-funicular .line-number{color:#f59e0b}.mode-trolleybus .line-number{color:#84cc16}