:root{--bg: #0d1b2a;--card: #16283c;--card-2: #1b3048;--text: #e8eef4;--dim: #8fa3b5;--gold: #ffc857;--green: #4ade80;--red: #f87171;--blue: #60a5fa;--shadow: 0 4px 16px rgba(0,0,0,.35)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang HK,Microsoft JhengHei,Noto Sans TC,sans-serif;min-height:100vh}.app{max-width:520px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 14px 90px}@media (min-width: 900px){.app{max-width:1100px;padding:24px 32px 60px}.clock{font-size:46px}.weather .temp{font-size:28px}.desktop-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.desktop-split{grid-auto-flow:dense}.stop-card{padding:16px 18px}.stop-name{font-size:17px}.route-no{font-size:19px}.route-dest{font-size:14px}.eta-chip{font-size:17px!important}.toolbar{position:static;background:none;margin-top:20px}.modal-overlay{align-items:center}.modal{border-radius:18px;max-width:640px;max-height:70vh}}.app.tv-mode{max-width:none;padding:32px 48px 60px}.app.tv-mode .clock{font-size:92px}.app.tv-mode .date-line{font-size:26px}.app.tv-mode .weather .temp{font-size:48px}.app.tv-mode .weather .meta{font-size:24px}.app.tv-mode .section-title{font-size:24px;margin-top:28px}.app.tv-mode .stop-card{padding:22px 26px;border-radius:18px}.app.tv-mode .stop-name{font-size:34px}.app.tv-mode .route-group{grid-template-columns:110px 1fr}.app.tv-mode .route-no{font-size:40px}.app.tv-mode .route-dest{font-size:24px;white-space:normal;line-height:1.35}.app.tv-mode .eta-chip{font-size:40px!important;margin-left:18px}.app.tv-mode .mtr-badge{font-size:26px;padding:5px 14px}.app.tv-mode .plat{font-size:18px}.app.tv-mode .toolbar{position:fixed;right:24px;bottom:20px;left:auto;top:auto;flex-direction:row;width:auto;background:none;padding:0;gap:8px;opacity:.2;transition:opacity .3s;z-index:40}.app.tv-mode .toolbar:hover{opacity:1}.app.tv-mode .toolbar .btn{flex:none;width:auto;padding:10px 16px;font-size:16px}@media (min-width: 900px){.app.tv-mode{max-width:none}.app.tv-mode .desktop-split{grid-template-columns:1fr 1fr;gap:24px}}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 4px}.clock{font-size:34px;font-weight:700;letter-spacing:1px;font-variant-numeric:tabular-nums}.date-line{color:var(--dim);font-size:13px;margin-top:2px}.weather{text-align:right}.weather .temp{font-size:22px;font-weight:600}.weather .meta{color:var(--dim);font-size:12px;margin-top:2px}.alert-banner{margin:8px 0 0;padding:8px 12px;border-radius:10px;background:#3d2b1f;color:var(--gold);font-size:13px;display:flex;gap:6px;align-items:center}.alert-banner.severe{background:#451725;color:var(--red)}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin:18px 4px 8px;color:var(--dim);font-size:13px;letter-spacing:.5px}.section-title .updated{font-size:11px;display:inline-flex;align-items:center;gap:6px}.refresh-ring{width:14px;height:14px;border-radius:50%;border:2px solid var(--dim);border-top-color:var(--gold);animation:ring-spin 30s linear infinite;display:inline-block}@keyframes ring-spin{to{transform:rotate(360deg)}}.stop-card{background:var(--card);border-radius:14px;padding:12px 14px;margin-bottom:12px;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.stop-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.5)}.stop-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stop-name{font-size:15px;font-weight:600}.stop-dist{color:var(--dim);font-size:12px}.route-group{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:start;padding:7px 0;border-top:1px solid rgba(255,255,255,.06)}.route-group:first-of-type{border-top:none}.route-lines{display:flex;flex-direction:column;gap:4px;min-width:0}.route-line{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0}.route-no{font-weight:800;font-size:17px;color:var(--gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtr-badge{display:inline-block;color:#fff;border-radius:6px;padding:3px 8px;font-size:13px;font-weight:700;white-space:nowrap}.mtr-card{border-left:none}.plat{color:var(--dim);font-size:10.5px;margin-left:4px}.route-dest{color:var(--dim);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.etas{text-align:right;white-space:nowrap;flex:none}.eta-chip{display:inline-block;font-weight:700;font-variant-numeric:tabular-nums;margin-left:8px;font-size:15px}.eta-chip.min{color:var(--green)}.eta-chip.mid{color:var(--blue)}.eta-chip.far{color:var(--dim);font-size:13px}.eta-chip.soon{animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.55}}.rmk-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;background:rgba(255,200,87,.15);color:var(--gold);font-size:10.5px;vertical-align:middle}.skel-wrap{display:flex;flex-direction:column;gap:10px;padding:4px 0}.skel-row{display:flex;gap:10px;align-items:center}.skel{height:18px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.14),rgba(255,255,255,.06) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toolbar{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 30%)}.btn{flex:1;border:none;border-radius:12px;padding:12px;font-size:14.5px;font-weight:600;cursor:pointer;transition:transform .05s,opacity .2s}.btn:hover{opacity:.9}.btn:active{transform:scale(.97)}.btn.primary{background:var(--gold);color:#1a1a1a}.btn.secondary{background:var(--card-2);color:var(--text)}.btn.small{flex:0 0 auto;padding:8px 12px;font-size:13px}.empty{text-align:center;color:var(--dim);padding:40px 20px;font-size:14px;line-height:1.8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--card);width:100%;max-width:520px;max-height:82vh;border-radius:18px 18px 0 0;padding:16px;display:flex;flex-direction:column}.search-input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:var(--bg);color:var(--text);font-size:15px;outline:none}.result-list{overflow-y:auto;margin-top:10px;flex:1}.result-row{padding:10px 8px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer}.result-row:hover{background:var(--card-2)}.result-name{font-size:14px}.result-meta{color:var(--dim);font-size:11.5px}.pin-btn{border:none;background:var(--gold);color:#111;border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:700;cursor:pointer}.unpin-btn{background:var(--card-2);color:var(--red)}.loading{color:var(--dim);text-align:center;padding:24px;font-size:13px}.error-msg{color:var(--red);text-align:center;padding:16px;font-size:13px}.board-grid{display:flex;flex-direction:column;gap:18px}@media (min-width: 900px){.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}}.board-station-name{font-size:16px;font-weight:700;margin-bottom:8px}.board-station{min-width:0}.board-grid .board-station:only-child{grid-column:1 / -1}@media (max-width: 899px){.board-grid .board-station:only-child{grid-column:auto}}.board-stn{font-size:13px;opacity:.95;margin-left:8px;padding-left:8px;border-left:1px solid rgba(255,255,255,.35)}.theme-toggle{border:1px solid rgba(255,255,255,.2);background:var(--card-2);color:var(--text);border-radius:999px;padding:3px 10px;font-size:11px;cursor:pointer}.theme-toggle:hover{background:var(--card)}.mtr-board{border-radius:12px;overflow:hidden;margin-bottom:12px;box-shadow:var(--shadow);background:#fff;color:#1a1a2e;border:2px solid #3b3b6d}.mtr-board.night{background:#0b0f1e;color:#e8eef4;border-color:#312b5b}.board-head{display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(90deg,#4b3f92,#5a63c4);color:#fff;font-weight:700}.mtr-board.night .board-head{background:linear-gradient(90deg,#241f4d,#312b5b)}.board-line{display:inline-block;padding:3px 10px;border-radius:6px;font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.board-weather{font-size:12px;opacity:.95;margin-left:auto;font-weight:500}.board-time{font-size:15px;font-variant-numeric:tabular-nums}.board-row{display:grid;grid-template-columns:1fr 34px 76px;align-items:center;gap:8px;padding:9px 12px;background:#fff}.board-row.alt{background:#dfe7f5}.mtr-board.night .board-row{background:#131a30}.mtr-board.night .board-row.alt{background:#1a2340}.board-dest{font-size:21px;font-weight:700}.board-plat{width:26px;height:26px;border-radius:50%;background:#1c64d8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;justify-self:center}.mtr-board.night .board-plat{background:#3b82f6}.board-min{font-size:17px;font-weight:700;color:#009543;text-align:right;font-variant-numeric:tabular-nums}.mtr-board.night .board-min{color:#4ade80}.board-min.hot{color:#d33;animation:pulse 1.2s infinite}.mtr-board.night .board-min.hot{color:#f87171}.board-empty{padding:16px;text-align:center;font-size:13px;opacity:.7}.app.tv-mode .board-station-name{font-size:30px}.app.tv-mode .board-dest{font-size:36px}.app.tv-mode .board-min{font-size:30px}.app.tv-mode .board-row{grid-template-columns:1fr 44px 120px;padding:14px 18px}.app.tv-mode .board-plat{width:38px;height:38px;font-size:20px}.app.tv-mode .board-line{font-size:22px}.app.tv-mode .board-time{font-size:26px}.app.tv-mode .board-weather{font-size:20px}.board-page{padding-top:18px}.board-topbar{display:flex;justify-content:flex-end;margin-bottom:10px}.app.tv-mode.board-page{padding:0;max-width:none}.app.tv-mode.board-page .board-topbar,.app.tv-mode.board-page .toolbar{display:none}.app.tv-mode.board-page .board-grid{padding:0;display:block}.app.tv-mode.board-page .board-station{margin:0}.app.tv-mode.board-page .mtr-board{border-radius:0;border:none;min-height:100vh;display:flex;flex-direction:column}.app.tv-mode.board-page .board-head{font-size:34px;padding:22px 28px;gap:22px}.app.tv-mode.board-page .board-line{font-size:30px;padding:6px 18px}.app.tv-mode.board-page .board-stn{font-size:34px}.app.tv-mode.board-page .board-weather,.app.tv-mode.board-page .board-time{font-size:30px}.app.tv-mode.board-page .board-body,.app.tv-mode.board-page .board-group{flex:1;display:flex;flex-direction:column}.app.tv-mode.board-page .board-row{flex:1;align-items:center;font-size:44px;grid-template-columns:1fr 64px 220px;padding:0 28px}.app.tv-mode.board-page .board-dest{font-size:44px}.app.tv-mode.board-page .board-plat{width:52px;height:52px;font-size:28px}.app.tv-mode.board-page .board-min{font-size:44px}.board-warn{display:inline-flex;gap:6px;font-size:20px;align-items:center}.app.tv-mode.board-page .board-warn{font-size:34px}.app.tv-mode.board-page .alert-banner{display:none}@supports not (gap: 1px){.section-title .updated>*+*{margin-left:6px}.board-warn>*+*{margin-left:6px}.alert-banner>*+*{margin-left:6px}.result-row>*+*{margin-left:8px}.route-line>*+*{margin-left:8px}.toolbar>*+*{margin-left:10px}.board-head>*+*{margin-left:10px}.app.tv-mode.board-page .board-head>*+*{margin-left:22px}.route-lines>*+*{margin-top:4px}.skel-wrap>*+*{margin-top:10px}.skel-row>*+*{margin-top:10px}.board-grid>*+*{margin-top:18px}.app.tv-mode .toolbar>*+*{margin-left:8px}}