:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c0d;--surface:#1a1a1c;--line:#242426;--text:#ededed;--muted:#8a8a8e;--dim:#3d3d40;--accent:#ef9f27;--accent-bg:#2a1f0c}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,PingFang HK,Noto Sans HK,sans-serif;font-size:16px}.app{max-width:520px;height:100dvh;padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex;overflow:hidden}.app-bar{justify-content:space-between;align-items:center;display:flex}.app-name{font-size:15px}.muted{color:var(--muted)}.error{color:#f09595}button{font:inherit;color:inherit;background:var(--surface);cursor:pointer;border:0;border-radius:8px;padding:8px 12px}button:disabled{color:var(--dim);cursor:default}.lang{color:var(--muted);background:0 0;padding:4px 0}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.row-actions{align-items:center;gap:8px;display:flex}.list{flex-direction:column;display:flex}.list-item{border-top:.5px solid var(--line);text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.route-code{min-width:64px;font-size:22px}.tag{color:var(--muted);border:.5px solid #3a3a3c;border-radius:4px;padding:1px 5px;font-size:12px}.accent{color:var(--accent)}.home{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.typed-row{align-items:baseline;gap:12px;min-height:48px;display:flex}.typed{letter-spacing:1px;font-size:40px}.scroll{flex:1;min-height:0;overflow-y:auto}.route-ends{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.small{font-size:13px}.tags{gap:6px;display:flex}.keypad{grid-template-columns:3fr 1.3fr;gap:8px;display:grid}.digits{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.letters{grid-template-columns:1fr 1fr;align-content:start;gap:6px;display:grid}.key{height:52px;font-size:20px}.letters .key{height:30px;font-size:14px}.key-wide{font-size:15px}.route-screen,.arrivals-screen{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.filter{background:var(--surface);color:var(--text);font:inherit;border:0;border-radius:8px;flex:1;padding:10px 12px}.filter::placeholder{color:var(--muted)}.seq{min-width:24px}.stop-name{overflow-wrap:anywhere;flex:1;min-width:0}.list-item.near{background:var(--accent-bg)}.minutes{font-size:32px}.right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.notice{color:var(--muted);background:var(--surface);border-radius:8px;margin:0;padding:8px 10px;font-size:13px}.small-code{min-width:44px;font-size:17px}.status-parts span+span:before{content:" · "}.warn{color:var(--accent)}.row>span,.filter,.right{min-width:0}.row-actions,.row>button,.seq{flex-shrink:0}.tag,.right,.row>span{overflow-wrap:anywhere}.app-bar,.keypad{flex-shrink:0}.arrivals-screen{overflow-y:auto}.arrivals-screen>*{flex-shrink:0}.arrivals-screen .scroll{flex:none;overflow:visible}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}