: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}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-size:20px}.app{flex-direction:column;height:100dvh;padding:6px 14px 14px;display:flex}.topbar{flex:none;align-items:center;gap:10px;display:flex}.tabs{gap:6px;display:flex}.tabs button{background:var(--card);color:var(--dim);border:none;border-radius:8px;padding:6px 14px;font-size:.95rem}.tabs button.active{background:var(--accent);color:#1a1a1a;font-weight:700}.clock{font-variant-numeric:tabular-nums;color:var(--accent);margin-left:auto;font-size:clamp(1.4rem,4vmin,2.4rem)}.textsize{gap:4px;margin-left:8px;display:flex}.textsize button{background:var(--card);min-width:44px;color:var(--dim);border:none;border-radius:8px;padding:6px 10px;font-size:1rem;font-weight:700}.textsize button.active{background:var(--accent);color:#1a1a1a}.page{flex:1;width:100%;max-width:900px;min-height:0;margin:0 auto;overflow-y:auto}.app{--row-min:0px;--fs:1}.app.size-normal{--row-min:22vh;--fs:1.15}.app.size-large{--row-min:27vh;--fs:1.34}.board{flex-direction:column;flex:1;gap:min(1.2vmin,8px);min-height:0;padding-top:1vmin;display:flex;overflow-y:auto}.board-card{flex:1 0 var(--row-min);min-height:var(--row-min);background:var(--card);border-radius:2vmin;align-items:center;gap:min(2.5vmin,18px);padding:.6vmin 6.5vmin .6vmin 2.4vmin;display:flex;position:relative;overflow:hidden;container-type:size}.board-main{flex-direction:column;flex:auto;justify-content:center;min-width:0;display:flex}.board-route{font-size:min(32cqh, calc(13cqw * var(--fs)), calc(7rem * var(--fs)));color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800;line-height:1.05}.board-dest{font-size:min(16cqh, calc(5.5cqw * var(--fs)), calc(2rem * var(--fs)));overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1cqh;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.board-stop{color:var(--dim);font-size:min(9cqh, calc(4.5cqw * var(--fs)), calc(1.4rem * var(--fs)));white-space:nowrap;text-overflow:ellipsis;margin-top:.5cqh;line-height:1.2;overflow:hidden}.board-etas{text-align:right;flex:none}.board-etas .eta-times{flex-wrap:nowrap;gap:.9vmin}.unpin{width:5vmin;color:var(--dim);opacity:.65;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:clamp(.8rem,2.4vmin,1.4rem);line-height:1;display:flex;position:absolute;top:0;bottom:0;right:0}.eta-times{gap:1.2vmin;display:inline-flex}.eta-chip{text-align:center;font-variant-numeric:tabular-nums;background:#23405f;border-radius:1vmin;font-weight:700;display:inline-block}.board-etas .eta-chip{font-size:min(25cqh, calc(6.2cqw * var(--fs)), calc(3rem * var(--fs)));min-width:2.2em;padding:.4vmin .7vmin}.board-etas .eta-none{font-size:min(20cqh, calc(5.6cqw * var(--fs)), calc(1.6rem * var(--fs)))}.route-row .eta-chip{min-width:72px;padding:6px 10px;font-size:1.3rem}.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}}.settings-bar{align-items:center;gap:14px;margin:10px 0 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}.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-chip.co-gmb{background:#1a8a4a}.route-dest{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.star{color:var(--dim);background:0 0;border:none;padding:4px 8px;font-size:1.5rem}.star.starred{color:var(--accent)}.search-input{border:1px solid var(--dim);background:var(--card);width:100%;color:var(--text);border-radius:12px;margin:10px 0 16px;padding:14px 18px;font-size:1.4rem}.search-card{background:var(--card);border-radius:14px;margin-bottom:12px;overflow:hidden}.search-head{width:100%;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:14px;padding:14px 18px;font-size:1.2rem;display:flex}.search-od{flex:1;min-width:0}.search-stops{padding:0 18px 10px}.search-stops .seq{text-align:right;font-variant-numeric:tabular-nums;min-width:2.2ch}.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}@supports not (container-type:size){.board-route{font-size:min(6.5vmin,7rem)}.board-dest{font-size:min(2.6vmin,2rem)}.board-stop{font-size:min(2vmin,1.4rem)}.board-etas .eta-chip{font-size:min(3.6vmin,3rem)}.board-etas .eta-none{font-size:min(2.2vmin,1.6rem)}}