:root{--bg:#fff;--surface:#f2f2f2;--line:#e5e5e5;--fg:#0f0f0f;--muted:#606060;--accent:#065fd4;--accent-fg:#fff;--brand:#f03;--ok:#1a7f37;--late:#c4261d;--warn-bg:#fff3cd;--warn-fg:#7a4b00;--header-h:36px;--footer-h:36px;--pad:8pt;--body:16pt;--header-size:20pt;--small:12pt;--icon:18px;--radius:8px;font-family:Roboto,system-ui,sans-serif}@media (width<=128px){:root{--header-h:20px;--footer-h:20px;--pad:4pt;--body:12pt;--header-size:11pt;--small:10pt;--icon:14px;--radius:5px}}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--fg);font-size:var(--body);margin:0;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}svg{flex:none}header{height:var(--header-h);padding:0 var(--pad);border-bottom:1px solid var(--line);font-size:var(--header-size);align-items:center;gap:6px;font-weight:700;display:flex}.mark{width:calc(var(--header-h) - 12px);height:calc(var(--header-h) - 12px);background:var(--brand);color:#fff;border-radius:30%;flex:none;place-items:center;display:grid}.mark svg{width:68%;height:68%}.title{flex:1;min-width:0}@keyframes marqueeText{0%,20%{transform:translate(0)}80%,to{transform:translateX(var(--marquee-shift,0))}}.mq{white-space:nowrap;display:block;overflow:hidden}.mq>span{display:inline-block}.row:focus .mq.over>span,div[tabindex]:focus .mq.over>span,main:focus-within .card .mq.over>span,dialog[open] .card .mq.over>span,header .mq.over>span{animation:6s linear infinite alternate marqueeText}.line>.mq{flex:1;min-width:0}main{padding:2pt var(--pad) 6pt;outline:none;flex:1;overflow-y:auto}main[tabindex]:focus{background:var(--bg);color:var(--fg)}p{margin:4pt 0}.hint,.muted{color:var(--muted);font-size:var(--small);margin:4pt 0}.label{color:var(--muted);font-size:var(--small);margin:6pt 0 2pt;font-weight:700}ul{margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:8px;min-height:44px;padding:5px 4px;display:flex}.ico{width:calc(var(--icon) + 12px);height:calc(var(--icon) + 12px);background:var(--surface);border-radius:50%;flex:none;place-items:center;display:grid}.ico svg{width:var(--icon);height:var(--icon)}.txt{flex:1;min-width:0;line-height:1.2;overflow:hidden}.sub{color:var(--muted);font-size:var(--small);white-space:nowrap;margin-top:2px;display:block}.end{color:var(--muted);font-size:var(--small);white-space:nowrap;flex:none}.kbd{background:var(--surface);min-width:22px;height:22px;color:var(--fg);font-size:var(--small);border-radius:5px;flex:none;place-items:center;padding:0 5px;font-weight:700;display:grid}.chev{width:18px;height:18px;color:var(--muted)}[tabindex]:focus{outline:none}li[tabindex],p[tabindex],div[tabindex]{border-radius:var(--radius)}li:focus,p[tabindex]:focus,div[tabindex]:focus{background:var(--accent);color:var(--accent-fg)}.row:focus{border-color:#0000}.row:focus .ico{color:#fff;background:#ffffff3d}.row:focus .sub,.row:focus .end,.row:focus .chev,div[tabindex]:focus .hint,li:focus .muted{color:#ffffffd9}.row:focus .kbd{color:var(--accent);background:#fff}.card{background:var(--surface);border-radius:var(--radius);margin:6px 0;padding:8px 10px}.card p{margin:3pt 0}.big{font-size:calc(var(--body) * 1.6);letter-spacing:-.01em;font-weight:700;line-height:1.1}.ok{color:var(--ok)}.late{color:var(--late)}.line{align-items:center;gap:6px;display:flex}.line svg{width:var(--icon);height:var(--icon);color:var(--muted)}.line>span{flex:1;min-width:0}.banner{border-radius:var(--radius);background:var(--warn-bg);color:var(--warn-fg);font-size:var(--small);align-items:center;gap:6px;margin:4px 0;padding:4px 10px;font-weight:700;display:flex}.banner svg{width:14px;height:14px}.clock{align-items:center;gap:10px;display:flex}.clock .clockface{width:calc(var(--icon) + 20px);height:calc(var(--icon) + 20px);flex:none}.clock .big{margin:0}.clock .hint{margin:2px 0 0}.row:focus .ok,.row:focus .late{color:inherit}.chip.demo{background:var(--warn-bg);color:var(--warn-fg);flex:none;margin-left:4px;padding:1px 6px;font-size:10pt}.route .stop{align-items:center;gap:8px;min-height:24px;display:flex}.route .stop b{flex:1;min-width:0;overflow:hidden}.route .dot{border:3px solid var(--muted);background:var(--bg);border-radius:50%;flex:none;width:12px;height:12px}.route .dot.done{border-color:var(--accent);background:var(--accent)}.route .leg{align-items:center;gap:12px;height:44px;margin-left:4px;display:flex}.route .bar{background:var(--line);border-radius:2px;flex:none;width:4px;height:100%;position:relative}.route .fill{background:var(--accent);border-radius:2px;width:100%;position:absolute;top:0;left:0}.route .train{background:var(--accent);color:#fff;border-radius:4px;place-items:center;width:18px;height:18px;display:grid;position:absolute;left:50%;transform:translate(-50%,-50%)}.route .train svg{width:12px;height:12px}.route.on{outline:2px solid var(--accent);outline-offset:-2px}.notice .big{margin-bottom:2px}.source{font-size:var(--small);color:var(--muted);align-items:center;gap:6px;margin:4pt 0 2pt;font-weight:700;display:flex}.source .dot{background:var(--muted);border-radius:50%;flex:none;width:7px;height:7px}.source.live .dot{background:var(--ok)}.source.seed,.source.demo{color:var(--warn-fg)}.source.seed .dot,.source.demo .dot{background:#d99a00}.row.done .ico{color:var(--muted)}.row.cur .ico{background:var(--accent);color:#fff}.row.cur:focus .ico{color:var(--accent);background:#fff}.row.next .ico,.row.next .kbd{background:var(--accent);color:#fff}.row.next:focus .ico,.row.next:focus .kbd{color:var(--accent);background:#fff}.chip.late{color:var(--late);background:#fde8e6}.chip.ok{color:var(--ok);background:#e3f4e8}.chip.dim{color:var(--muted)}.sub .chip{vertical-align:middle;margin-right:4px}.row:focus .chip{color:var(--accent);background:#fff}.thumb{margin:4px 0 2px}.map-attrib{color:var(--muted);text-align:right;margin:0;font-size:7pt;line-height:1}.chips{scrollbar-width:none;gap:4px;margin:6px 0;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;background:var(--surface);color:var(--fg);font-size:var(--small);border-radius:999px;flex:none;padding:3px 9px;font-weight:700}.chip.on{background:var(--fg);color:#fff}input{background:var(--surface);width:100%;min-height:36px;color:var(--fg);font:inherit;border:2px solid #0000;border-radius:999px;margin:3pt 0;padding:6px 12px}input:focus{border-color:var(--accent);background:#e8f0fe;outline:none}input::placeholder{color:var(--muted)}input.num{font-size:calc(var(--body) * 1.5);letter-spacing:.12em;text-align:center;border-radius:var(--radius);font-weight:700}.softkeys{height:var(--footer-h);padding:0 var(--pad);border-top:1px solid var(--line);font-size:var(--small);color:var(--muted);justify-content:space-between;align-items:center;font-weight:700;display:flex}.softkeys span,.softkeys button{all:unset;cursor:pointer;font:inherit;color:inherit;align-items:center;gap:3px;display:inline-flex}.softkeys svg{width:14px;height:14px}dialog{inset:0 0 var(--footer-h) 0;z-index:10;background:#0f0f0f80;border:0;width:100%;max-width:none;height:auto;max-height:none;margin:0;padding:0;position:fixed}.sheet{background:var(--bg);max-height:85%;color:var(--fg);padding:6px var(--pad) 4px;border-radius:14px 14px 0 0;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.map{border-radius:var(--radius);width:100%;height:auto;margin:2pt 0;display:block}.map-info{margin:2pt 0}.map-info .big{font-size:calc(var(--body) * 1.1)}.map-hint{color:var(--muted);font-size:var(--small);margin:0}.diag li{word-break:break-all;font-size:var(--small);border-bottom:1px solid var(--line);padding:3pt 4px}@media (width<=128px){.qq-hide,.softkeys span:nth-child(2),.softkeys svg,.chev,.ico{display:none}.row{gap:4px;min-height:30px;padding:3px 2px}.kbd{min-width:16px;height:16px;padding:0 3px}.card{padding:4px 6px}input{min-height:26px;padding:3px 8px}.clock .clockface,.source{display:none}.chip{padding:1px 6px}.route .leg{height:28px}.chip.demo{font-size:8pt}}