:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1b2a;--card:#16283c;--text:#f4f7fa;--dim:#8fa3b8;--accent:#ffd23f;--kmb:#e60012;--ctb:#f6a800;font-family:PingFang HK,Microsoft JhengHei,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:20px}.app{max-width:900px;margin:0 auto;padding:12px 16px 48px}.topbar{justify-content:space-between;align-items:baseline;padding:8px 4px;display:flex}.topbar h1{margin:0;font-size:1.5rem}.clock{font-variant-numeric:tabular-nums;color:var(--accent);font-size:1.6rem}.tabs{gap:10px;margin:10px 0 18px;display:flex}.tabs button{background:var(--card);color:var(--dim);border:none;border-radius:12px;flex:1;padding:14px 0;font-size:1.3rem}.tabs button.active{background:var(--accent);color:#1a1a1a;font-weight:700}.settings-bar{align-items:center;gap:14px;margin-bottom:14px;font-size:1.05rem;display:flex}.settings-bar .gps{border:1px solid var(--dim);color:var(--text);background:0 0;border-radius:10px;padding:8px 14px;font-size:1rem}.settings-bar select{background:var(--card);color:var(--text);border:1px solid var(--dim);border-radius:8px;margin-left:8px;padding:6px 10px;font-size:1rem}.board{flex-direction:column;gap:16px;display:flex}.board-card{background:var(--card);border-radius:16px;align-items:center;gap:18px;padding:20px 22px;display:flex}.board-route{color:var(--accent);font-variant-numeric:tabular-nums;min-width:130px;font-size:3.2rem;font-weight:800}.board-info{flex:1;min-width:0}.board-dest{font-size:1.6rem;font-weight:600}.board-stop{color:var(--dim);margin-top:4px;font-size:1.05rem}.board-etas{text-align:right}.unpin{color:var(--dim);background:0 0;border:none;padding:8px;font-size:1.2rem}.eta-times{gap:10px;display:inline-flex}.eta-chip{text-align:center;font-variant-numeric:tabular-nums;background:#23405f;border-radius:12px;min-width:84px;padding:10px 14px;font-size:1.7rem;font-weight:700;display:inline-block}.eta-chip.eta-soon{color:#fff;background:#2e7d32;animation:1.2s ease-in-out infinite pulse}.eta-none{color:var(--dim);font-size:1.2rem}@keyframes pulse{50%{opacity:.55}}.nearby{flex-direction:column;gap:14px;display:flex}.stop-card{background:var(--card);border-radius:14px;padding:14px 18px}.stop-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.stop-name{font-size:1.25rem;font-weight:700}.stop-dist{color:var(--dim);font-size:.95rem}.route-row{border-top:1px solid #23405f;align-items:center;gap:12px;padding:8px 0;display:flex}.route-chip{text-align:center;color:#fff;background:#33475e;border-radius:8px;min-width:76px;padding:4px 8px;font-size:1.2rem;font-weight:800}.route-chip.co-kmb{background:var(--kmb)}.route-chip.co-ctb{background:var(--ctb);color:#1a1a1a}.route-dest{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.route-row .eta-chip{min-width:72px;padding:6px 10px;font-size:1.3rem}.star{color:var(--dim);background:0 0;border:none;padding:4px 8px;font-size:1.5rem}.star.starred{color:var(--accent)}.stale{opacity:.55}.dim{color:var(--dim)}.empty-state{text-align:center;padding:60px 20px;font-size:1.3rem}.error{background:#5c1a1a;border-radius:10px;margin:10px 0;padding:12px 16px;font-size:1rem}button{cursor:pointer;touch-action:manipulation}