*{box-sizing:border-box}body{margin:0;background:#07111f;color:#f4f7fb;font-family:system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:22px 18px 14px;background:#0b1728;position:sticky;top:0;z-index:5}.brand{font-weight:900;letter-spacing:.12em;font-size:20px}.sub{font-size:12px;color:#91a2b9;margin-top:2px}.icon{width:44px;height:44px;border-radius:14px;font-size:25px}button,input{font:inherit}button{border:0;background:#16263b;color:#fff;padding:11px 14px;border-radius:12px;font-weight:700}.active{background:#f6b900;color:#10151c}main{max-width:760px;margin:auto;padding:16px}.station{background:#0d1b2d;border:1px solid #1c3048;border-radius:18px;padding:16px}label{font-size:12px;color:#91a2b9;text-transform:uppercase;letter-spacing:.08em}.search{display:flex;gap:8px;margin-top:8px}input{width:100%;background:#07111f;border:1px solid #29415d;color:#fff;border-radius:12px;padding:13px}.selected{display:flex;justify-content:space-between;align-items:end;margin-top:16px}h1{font-size:25px;margin:0 0 4px}#stationCode{color:#f6b900;font-weight:800}#updated{font-size:11px;color:#91a2b9}nav{display:flex;gap:8px;margin:14px 0}nav button{flex:1}#notice{padding:18px;text-align:center;color:#9aabc0}.service{display:grid;grid-template-columns:60px 1fr auto;gap:12px;padding:15px 4px;border-bottom:1px solid #1a2b40;align-items:start}.time{font-size:19px;font-weight:900}.dest{font-weight:800;font-size:17px}.meta,.status{font-size:12px;color:#91a2b9;margin-top:4px}.status{color:#78d99a;text-align:right}.late{color:#ffb45f}.cancel{color:#ff7070}.plat{background:#152941;border-radius:8px;padding:5px 8px;font-weight:800;text-align:center}.compact .service{padding:9px 4px}.compact .meta{display:none}#suggestions{position:absolute;background:#102036;border:1px solid #29415d;border-radius:12px;max-height:260px;overflow:auto;z-index:8;margin-top:4px;min-width:min(650px,calc(100vw - 64px))}.suggestion{display:block;width:100%;text-align:left;border-radius:0;background:transparent;border-bottom:1px solid #203650}footer{text-align:center;color:#60748e;font-size:11px;padding:30px 12px}.service{cursor:pointer}.service:active{background:#0d1b2d}.sheet{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-end;z-index:20}.hidden{display:none}.sheet-card{width:100%;max-height:82vh;overflow:auto;background:#0d1b2d;border-radius:22px 22px 0 0;padding:20px;box-shadow:0 -10px 40px #0008}.close{float:right;width:40px;height:40px;border-radius:50%;font-size:24px;padding:0}.journey-head{padding-right:52px}.journey-head h2{margin:0 0 6px}.journey-sub{color:#91a2b9;font-size:13px}.stops{margin-top:18px}.stop{display:grid;grid-template-columns:58px 18px 1fr auto;gap:10px;align-items:start;min-height:54px}.dot{width:12px;height:12px;border-radius:50%;background:#f6b900;margin-top:5px;position:relative}.dot:after{content:'';position:absolute;left:5px;top:12px;width:2px;height:42px;background:#29415d}.stop:last-child .dot:after{display:none}.stop-name{font-weight:800}.stop-meta{font-size:12px;color:#91a2b9;margin-top:2px}.stop-exp{font-size:12px;text-align:right;color:#78d99a}.stop-exp.late{color:#ffb45f}.stop-exp.cancel{color:#ff7070}
.demo-banner{position:sticky;top:0;z-index:30;background:#d93b3b;color:#fff;text-align:center;padding:11px 8px;font-weight:900;letter-spacing:.04em;font-size:14px;box-shadow:0 2px 12px #0005}
header{top:41px}.head-actions{display:flex;gap:7px}.head-actions .icon{width:42px;height:42px;padding:0}
footer button{margin-bottom:14px}.form-help{color:#91a2b9;margin-top:-6px}.sheet-card h2{margin:4px 50px 8px 0}#suggestForm{display:grid;gap:9px;margin-top:18px}textarea{font:inherit;width:100%;min-height:150px;resize:vertical;background:#07111f;border:1px solid #29415d;color:#fff;border-radius:12px;padding:13px}.submit{margin-top:6px;background:#f6b900;color:#10151c}#suggestStatus{text-align:center;min-height:24px;color:#78d99a;font-size:13px}
body.day{background:#f3f6fa;color:#142033}body.day header{background:#fff;border-bottom:1px solid #dbe2ea}body.day .sub,body.day #updated,body.day .meta,body.day .journey-sub,body.day .stop-meta,body.day .form-help{color:#617085}body.day .station,body.day .sheet-card{background:#fff;border-color:#dbe2ea}body.day input,body.day textarea{background:#f7f9fc;color:#142033;border-color:#cbd5e1}body.day button{background:#e6edf5;color:#142033}body.day .active,body.day .submit{background:#f6b900;color:#10151c}body.day #suggestions{background:#fff;border-color:#cbd5e1}body.day .suggestion{border-color:#e1e7ef}body.day .service{border-color:#dbe2ea}body.day .service:active{background:#eef3f8}body.day .plat{background:#e6edf5}body.day .dot:after{background:#cbd5e1}body.day #notice{color:#617085}body.day footer{color:#617085}
@media(max-width:420px){.brand{font-size:17px}.sub{display:none}.head-actions{gap:4px}.head-actions .icon{width:38px;height:38px}.demo-banner{font-size:12px}header{top:38px}}