@font-face{font-family:system-local;src:local("Inter"),local("Segoe UI")}*{box-sizing:border-box}body{margin:0;background:#f4f5f0;color:#203e37;font-family:system-local,"Segoe UI","Microsoft JhengHei",sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #699b26;outline-offset:3px}button,input,select{min-height:44px}a{color:inherit}h1,h2,h3,p{margin:0}small{display:block}.masthead{height:86px;padding:0 max(24px,calc((100vw - 1376px)/2));display:flex;align-items:center;justify-content:space-between;background:#153e37;color:#f0f4e8;border-bottom:4px solid #d8ed95}.brand{display:flex;gap:12px;align-items:center;font-size:24px;letter-spacing:2px}.brand b{font-weight:400;color:#def582}.brand small{font-size:8px;letter-spacing:2.5px;margin-top:3px}.clock{text-align:right;font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:1px}.clock small{font-size:8px;color:#b9cec5;letter-spacing:1.8px;margin-top:3px}main{max-width:1376px;margin:auto;padding:34px 24px 0}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#647c70;margin-bottom:10px}h1{font-size:34px;letter-spacing:-1.3px;font-weight:650}.topline p{color:#77877e;font-size:14px;margin-top:8px}.refresh{text-align:right;display:grid;justify-items:end;gap:7px}.button{background:white;border:1px solid #cdd6ca;border-radius:7px;padding:10px 16px;color:#234e41;font-weight:600}#refresh-state{font-size:11px;color:#6b7c71}.auto{font-size:10px;color:#64786c;display:flex;gap:6px;align-items:center}.auto input{min-height:auto;accent-color:#285443}.workspace{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(370px,1fr);gap:30px;align-items:start}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.section-title h2{font-size:19px;letter-spacing:-.5px}.count{font-size:10px;background:#e4eadb;border-radius:20px;padding:3px 7px;vertical-align:middle;margin-left:6px}.muted{color:#798579;font-size:11px}.area-tabs{display:flex;border:1px solid #d8ded2;border-radius:8px;padding:4px;background:#e9eee3;gap:3px}.area-tabs button{flex:1;border:0;background:transparent;border-radius:5px;font-weight:650;padding:7px 4px;color:#63725f}.area-tabs button span{display:block;font-size:9px;font-weight:400;margin-top:2px;white-space:nowrap}.area-tabs button[aria-pressed=true]{background:#fff;color:#234d3e;box-shadow:0 1px 3px #203e3710}.search{display:flex;align-items:center;border:1px solid #d8ded2;background:#fff;border-radius:7px;margin:13px 0 12px;padding:0 12px;gap:8px}.search span{font-size:23px;color:#788d7c}.search input{width:100%;border:0;background:transparent;font-size:12px;color:#284838;outline-offset:0}.legend{display:flex;align-items:center;gap:13px;font-size:10px;margin-bottom:16px}.operator.kmb{color:#b24944}.operator.gmb{color:#26795e}.operator.citybus{color:#946100}.legend-note{margin-left:auto;color:#7a8578;font-size:9px}.stop-group{border:1px solid #dbe1d5;background:#fff;border-radius:9px;margin-bottom:14px;overflow:hidden}.stop-heading{display:flex;align-items:center;padding:14px 16px;background:#f9faf5;border-bottom:1px solid #e6ebdf;gap:9px}.stop-mark{border:1px solid #9aaf99;border-radius:50%;height:8px;width:8px;box-shadow:0 0 0 3px #e9efdf;margin:0 5px 0 2px}.stop-heading h3{font-size:14px;letter-spacing:.5px}.stop-heading .en{font-size:10px;color:#8a9686;margin-left:7px;font-weight:400;letter-spacing:0}.stop-heading .group-count{font-size:9px;color:#8c9688;margin-left:auto}.route-row{display:grid;grid-template-columns:66px minmax(60px,1fr) minmax(175px,1.1fr);align-items:center;padding:13px 16px;gap:12px;border-bottom:1px solid #edf0e8}.route-row:last-child{border-bottom:0}.route-badge{font-size:21px;font-weight:750;line-height:1.1;letter-spacing:-.7px;border-left:3px solid;padding-left:9px}.route-badge small{font-size:8px;letter-spacing:.3px;font-weight:500;margin-top:5px}.route-badge.kmb{color:#ae4945;border-color:#c76860}.route-badge.gmb{color:#267456;border-color:#429c78}.route-badge.citybus{color:#916312;border-color:#dfbc44}.destination{font-size:14px;font-weight:600}.destination span{color:#acb4a5;font-size:12px;font-weight:400;margin-right:4px}.row-detail{color:#8a9384;font-size:9px;margin-top:4px;line-height:1.6}.etas{display:flex;justify-content:flex-end;gap:8px}.eta{min-width:46px;text-align:center}.eta strong{font-size:21px;line-height:1.1;font-weight:650;letter-spacing:-.5px;color:#274d3c;font-variant-numeric:tabular-nums}.eta:first-child strong{color:#153e37}.eta strong small{font-size:9px;display:inline;font-weight:400;margin-left:2px}.eta .time{font-size:9px;color:#6c7e6c;margin:3px 0;font-variant-numeric:tabular-nums}.tag{font-size:8px;border-radius:3px;padding:2px 4px;background:#edf3e8;color:#547342;display:inline-block}.tag.scheduled{color:#97641b;background:#fff1db}.tag.stale{color:#9c513e;background:#f6e7df}.eta.stale strong{color:#96775f}.eta-status{font-size:10px;line-height:1.6;text-align:right;color:#857b62}.error-note{grid-column:1/-1;font-size:10px;color:#9e5642;margin-top:-5px}.board-foot{font-size:10px;color:#899381;display:grid;gap:5px;padding:7px 3px 16px}.planner-panel{border:1px solid #d9dfd1;border-radius:12px;background:#fff;position:sticky;top:18px;overflow:hidden}.planner-heading{background:#e9efd9;padding:23px 24px;border-bottom:1px solid #dce6c9}.planner-heading .eyebrow{color:#708150;font-size:9px}.planner-heading h2{font-size:22px;font-weight:600;letter-spacing:-.7px;display:flex;justify-content:space-between}.planner-heading h2 span{font-weight:400;color:#729552}.planner-heading p{font-size:11px;color:#6f7f60;line-height:1.5;margin-top:7px}.planner-body{padding:21px 24px}.field{font-size:10px;font-weight:600;display:grid;gap:7px;width:100%;color:#73816a}.field select{width:100%;border:1px solid #dce2d5;border-radius:6px;padding:10px 27px 10px 10px;background:#fff;color:#304e3e;font-weight:500;font-size:12px;min-width:0}.leg{display:flex;align-items:center;gap:10px;margin-top:18px}.step{border-radius:50%;background:#e9eedf;color:#5a744c;width:23px;min-width:23px;height:23px;display:grid;place-items:center;font-size:10px;margin-top:14px}.arrival-choice{padding-left:33px;margin-top:11px}.micro{font-size:10px;color:#8b9585;line-height:1.65;margin:12px 0}.assumptions{display:flex;border-top:1px solid #e8eddf;padding-top:17px;margin-top:17px;gap:10px}.assumptions label{font-size:11px;flex:1;font-weight:600;min-width:0}.assumptions label span{display:block;font-size:9px;font-weight:400;color:#87927c;margin:3px 0 7px}.assumptions input{width:100%;min-width:0;padding:8px 10px;border:1px solid #dbe2d0;border-radius:5px;background:#fafbf7;color:#315039;font-variant-numeric:tabular-nums}.ready-window{background:#f0f4e8;border:1px solid #e3ead7;border-radius:7px;padding:13px 14px;margin:16px 0}.ready-window .label{font-size:9px;color:#728364;margin-bottom:6px}.ready-window strong{font-size:21px;font-weight:600;letter-spacing:-.6px}.ready-window p{font-size:10px;color:#7a8a6a;margin-top:5px}.results-heading{display:flex;justify-content:space-between;font-size:10px;font-weight:600;color:#7b8971;margin:18px 0 8px}.connection{border:1px solid #e0e6d6;border-radius:7px;padding:12px;margin-bottom:8px}.connection-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.connection-time{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.verdict{font-size:9px;padding:4px 6px;border-radius:4px;background:#e7f1dc;color:#497333;white-space:nowrap}.verdict.tight{background:#fff0d8;color:#966713}.verdict.unlikely{background:#f4e5dd;color:#a36249}.connection p{font-size:10px;color:#859077;margin-top:6px}.connection .scheduled-note{color:#9d7837}.timeline{margin-top:12px;width:100%;height:41px;display:block}.empty{background:#f7f9f2;border:1px dashed #d9e2cb;border-radius:7px;padding:20px 14px;color:#7a8a6a;font-size:12px;line-height:1.7;margin:16px 0}.explanation{font-size:10px;border-top:1px solid #e4eada;padding-top:15px;margin-top:16px;color:#6d8061;line-height:1.7}.explanation summary{cursor:pointer;min-height:30px}.explanation p{margin-top:8px}.notice{background:#fff0d8;border:1px solid #eddaad;border-radius:6px;color:#89682d;padding:11px 14px;font-size:12px;margin-bottom:18px}footer{border-top:1px solid #dce3d2;margin-top:28px;padding:20px 0 26px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8a9480}footer b{margin:0 8px;font-weight:400;color:#b6c0a7}footer a{text-decoration:none;border-bottom:1px solid #c7d2b6}.mobile-tabs{display:none}.skip{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:5}.skip:focus{top:10px}@media(min-width:1500px){main{padding-top:40px}.workspace{gap:40px}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1.2fr) minmax(335px,1fr);gap:18px}.planner-body{padding:18px}.planner-heading{padding:20px 18px}.stop-heading .en{display:block;margin:3px 0 0}.legend{gap:8px}.legend-note{font-size:8px}.route-row{padding:12px;gap:8px;grid-template-columns:58px minmax(50px,1fr) minmax(145px,1.1fr)}.etas{gap:3px}.eta{min-width:42px}.eta strong{font-size:19px}}@media(max-width:760px){.masthead{height:74px;padding:0 18px}.brand{font-size:20px}.brand small{font-size:7px}.clock{font-size:21px}main{padding:24px 16px 0}.topline{align-items:flex-start;margin-bottom:22px;gap:10px}h1{font-size:27px}.topline .eyebrow{font-size:8px;letter-spacing:1.1px}.topline p{font-size:11px;max-width:185px;line-height:1.6}.refresh{max-width:135px;gap:7px}.button{font-size:11px;padding:8px 10px;min-height:40px}#refresh-state{font-size:9px;line-height:1.4}.auto{font-size:8px;gap:4px}.mobile-tabs{display:flex;background:#dfe7d6;border-radius:7px;padding:4px;margin-bottom:22px;gap:4px}.mobile-tabs button{flex:1;background:transparent;border:0;color:#6c7d61;border-radius:4px;font-size:12px;min-height:40px}.mobile-tabs button[aria-pressed=true]{background:#fff;color:#264e39;font-weight:650;box-shadow:0 1px 4px #2b503612}.workspace{display:block}.workspace[data-view=board] .planner-panel{display:none}.workspace[data-view=planner] .board-panel{display:none}.planner-panel{position:static}.section-title{margin-bottom:14px}.section-title h2{font-size:18px}.legend{gap:12px;flex-wrap:wrap}.legend-note{font-size:8px}.stop-heading{padding:12px}.stop-heading .en{display:inline;margin-left:7px;font-size:9px}.route-row{grid-template-columns:60px minmax(45px,1fr) 157px;gap:7px;padding:13px 12px}.eta{min-width:44px}.etas{gap:7px}.eta strong{font-size:21px}.route-badge{font-size:20px}.planner-body{padding:20px}.planner-heading{padding:22px 20px}footer{flex-direction:column;font-size:9px;gap:10px}.area-tabs button{font-size:12px}.area-tabs button span{font-size:8px}}@media(max-width:370px){main{padding-left:10px;padding-right:10px}.topline h1{font-size:24px}.route-row{grid-template-columns:53px minmax(43px,1fr) 145px;gap:5px}.etas{gap:3px}.legend{gap:7px}.legend-note{margin-left:0}.stop-heading .en{font-size:8px}}