:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fb;--panel-bg:#fff;--panel-bg-soft:#ffffffdb;--border:#e2e8f0;--text:#1a2233;--muted:#64748b;--accent:#3b66d6;--accent-strong:#2648b0;--edge:#cbd5e1;--success:#16a34a;--error:#dc2626;--start:#d97706;--shadow:0 12px 30px -16px #0f172a38;--radius:14px}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(1100px 520px at 12% -10%, #3b66d61a, transparent 60%), radial-gradient(900px 480px at 100% 0%, #16a34a12, transparent 55%), var(--bg);background-attachment:fixed;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{display:contents}header{border-bottom:1px solid var(--border);padding:2rem 2rem 1.5rem}header h1{letter-spacing:-.02em;background:linear-gradient(120deg, var(--text) 40%, var(--accent-strong));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .3rem;font-size:1.75rem;font-weight:800}.subtitle{color:var(--muted);margin:0;font-size:.92rem}main{grid-template-columns:minmax(260px,360px) 1fr;gap:1.5rem;max-width:1100px;margin:0 auto;padding:1.5rem 2rem;display:grid}@media (width<=760px){main{grid-template-columns:1fr;padding:1rem}}.panel{background:var(--panel-bg-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem 1.6rem}.panel h2{letter-spacing:-.01em;margin-top:0;font-size:1.05rem}form{flex-direction:column;gap:.75rem;display:flex}form label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.mode-toggle{border:1px solid var(--border);border-radius:8px;align-items:center;gap:1.25rem;padding:.6rem .75rem;display:flex}.mode-toggle legend{color:var(--muted);padding:0 .3rem;font-size:.85rem}.mode-toggle label,.live-toggle{color:var(--text);flex-direction:row;align-items:center;gap:.4rem;font-size:.85rem;display:flex}select,input:not([type=radio]):not([type=checkbox]),button{border-radius:8px;padding:.6rem .75rem;font-size:.9rem;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s}select,input:not([type=radio]):not([type=checkbox]){background:var(--bg);border:1px solid var(--border);color:var(--text)}select:hover,input:not([type=radio]):not([type=checkbox]):hover{border-color:var(--muted)}select:focus-visible,input:not([type=radio]):not([type=checkbox]):focus-visible,button:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b66d647}button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;cursor:pointer;border:none;font-weight:600;box-shadow:0 6px 16px -6px #3b66d673}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px -8px #3b66d68c}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.location-picker{position:relative}.location-picker input{width:100%}.location-options{z-index:5;border:1px solid var(--border);background:var(--panel-bg);max-height:15rem;box-shadow:var(--shadow);border-radius:8px;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .2rem);left:0;right:0;overflow-y:auto}.location-options li{cursor:pointer;border-radius:5px;padding:.55rem .65rem}.location-options li:hover,.location-options li.active{color:var(--accent-strong);background:#3b66d61f}.location-empty,.location-error{color:var(--muted);margin:.25rem 0;font-size:.85rem}.location-error{color:#b42318}.swap-button{border:1px solid var(--border);color:var(--muted);box-shadow:none;background:0 0;align-self:flex-start;padding:.3rem .6rem;font-size:.8rem;font-weight:500}.swap-button:hover{opacity:1;color:var(--text);border-color:var(--muted);background:#0f172a0a;transform:none}.status{color:var(--muted);min-height:1.2em;margin-top:.9rem;font-size:.85rem}.status.error{color:var(--error)}.route-endpoints{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.endpoint-tag{border-radius:999px;padding:.2rem .55rem;font-size:.82rem;font-weight:700}.endpoint-tag.start{color:var(--start);background:#d977061f}.endpoint-tag.end{color:var(--success);background:#16a34a1a}.section-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:1rem 0 .4rem;font-size:.72rem;font-weight:700}.steps{gap:.4rem;margin:0;padding-left:1.25rem;font-size:.9rem;display:grid}.steps .total{color:var(--accent-strong);border-top:1px solid var(--border);margin-top:.25rem;margin-left:-1.25rem;padding-top:.5rem;font-weight:600;list-style:none}.bus-itinerary-summary{border:1px solid var(--border);background:#f8fafc;border-radius:10px;margin:.9rem 0 .75rem;padding:.75rem}.bus-itinerary-summary p{color:var(--muted);margin:0 0 .55rem;font-size:.82rem}.bus-route-sequence{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.bus-route-sequence li,.transfer-routes{align-items:center;gap:.4rem;display:inline-flex}.sequence-number{color:#334155;background:#e2e8f0;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-size:.72rem;font-weight:700;display:grid}.route-sequence-arrow{color:var(--muted);font-weight:700}.route-pill{border:1px solid;border-radius:999px;align-items:center;width:fit-content;padding:.18rem .55rem;font-size:.78rem;font-weight:750;line-height:1.3;display:inline-flex}.route-tone-0{--route-color:#2648b0;--route-bg:#e9efff}.route-tone-1{--route-color:#0f766e;--route-bg:#e6f4f2}.route-tone-2{--route-color:#6d28d9;--route-bg:#f1eafe}.route-tone-3{--route-color:#8a4600;--route-bg:#fff3df}.route-pill.route-tone-0,.route-pill.route-tone-1,.route-pill.route-tone-2,.route-pill.route-tone-3{color:var(--route-color);background:var(--route-bg)}.transit-steps{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.transit-step{border:1px solid var(--border);background:var(--panel-bg);border-left:4px solid #94a3b8;border-radius:9px;justify-items:start;gap:.2rem;margin:0;padding:.7rem .8rem;font-size:.88rem;display:grid}.transit-step-bus{border-left-color:var(--route-color)}.transit-step-kind{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:750}.transit-step-stops{font-weight:650}.transit-step-time{color:var(--muted);font-size:.78rem}.transit-step-walk{border-left-style:dashed}.transit-step-wait{border-left-color:#64748b}.transit-transfer{border-color:#d9770659;border-left-color:var(--start);background:#fffaf1}.transit-transfer strong{font-size:.9rem}.transit-total{border-top:1px solid var(--border);color:var(--accent-strong);margin-top:.15rem;padding-top:.55rem;font-weight:700;list-style:none}.bus-trips{gap:.4rem;margin:0;padding-left:1.25rem;font-size:.9rem;display:grid}.no-bus{color:var(--muted);margin:0;font-size:.85rem;font-style:italic}.mode-tag{vertical-align:middle;border-radius:5px;padding:.1rem .4rem;font-size:.72rem;font-weight:700;display:inline-block}.mode-tag.bus{color:var(--accent-strong);background:#3b66d61f}.transit-disclaimer{color:var(--muted);margin:.9rem 0 0;font-size:.72rem;line-height:1.4}.transit-disclaimer a{color:var(--accent-strong)}.map-wrap{position:relative}svg.map{background:radial-gradient(500px 320px at 30% 20%, #3b66d60f, transparent 60%), var(--bg);border:1px solid var(--border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;height:auto;display:block}.map-water path{fill:#3b66d629;stroke:#3b66d64d;stroke-width:1px}.map-water-label{fill:#2546a0bf;pointer-events:none;paint-order:stroke;stroke:#fff9;stroke-width:3px;font-size:13px;font-style:italic;font-weight:600}svg.map:active{cursor:grabbing}.map-controls{flex-direction:column;gap:.3rem;display:flex;position:absolute;top:.6rem;right:.6rem}.map-controls button{background:var(--panel-bg-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:2rem;height:2rem;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:flex}.map-controls button:hover:not(:disabled){background:var(--panel-bg);transform:none}.map-controls button:last-child{font-size:.65rem;font-weight:700}.map-zoom-hint{color:var(--muted);margin:.5rem 0 0;font-size:.75rem}.map-edge{stroke:var(--edge);stroke-width:1px;transition:stroke .2s,stroke-width .2s,opacity .2s}.map-edge.on-path{stroke:var(--accent);stroke-width:4px;opacity:1;stroke-dasharray:none;stroke-dashoffset:0}.map-arrow{fill:var(--edge)}.map-arrow.on-path{fill:var(--accent)}.map-node circle{fill:var(--panel-bg);stroke:var(--muted);stroke-width:1.5px;transition:fill .2s,stroke .2s,r .2s}.map-node.on-path circle{fill:var(--accent);stroke:var(--accent-strong)}.map-node.start circle{fill:var(--start);stroke:var(--start);filter:drop-shadow(0 0 5px #d9770680)}.map-node.end circle{fill:var(--success);stroke:var(--success);filter:drop-shadow(0 0 5px #16a34a80)}.map-node.clickable{cursor:pointer}.map-node.clickable:hover circle,.map-node.clickable:focus-visible circle{stroke:var(--accent-strong);stroke-width:2.5px}.map-node.clickable:focus-visible{outline:none}.map-hint{color:var(--muted);margin:.5rem 0 0;font-size:.8rem}.map-node-label{fill:var(--muted);paint-order:stroke;stroke:var(--bg);stroke-width:3px;pointer-events:none;font-size:11px}.legend{color:var(--muted);flex-wrap:wrap;gap:1rem;margin:.75rem 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.legend li{align-items:center;gap:.4rem;display:flex}.legend-swatch{border-radius:2px;width:14px;height:3px;display:inline-block}.legend-swatch.road{background:var(--edge);opacity:.32}.legend-swatch.route{background:var(--accent);height:4px}.legend-swatch.route-point{background:var(--accent);border-radius:50%;width:9px;height:9px}.legend-swatch.start,.legend-swatch.end{border-radius:50%;width:10px;height:10px}.legend-swatch.start{background:var(--start)}.legend-swatch.end{background:var(--success)}.legend-arrow{color:var(--muted);font-weight:600}footer{max-width:1100px;color:var(--muted);margin:0 auto;padding:1.5rem 2rem 2.5rem;font-size:.8rem}footer code{background:var(--panel-bg);border-radius:4px;padding:.1rem .35rem}