:root{color-scheme:dark;--bg: #000000;--bg-elev: #1a1a1a;--bg-elev-hover: #1f1f1f;--ink: #ededed;--muted: #878787;--accent: #54a2ff;--accent-contrast: #000000;--bike: #00c758;--danger: #ff6568;--amber: #fcbb00;--line: #2a2a2a;--line-subtle: #1a1a1a;--radius: 6px;--radius-lg: 8px;--shadow: 0 8px 24px rgba(0, 0, 0, .4);font-family:Geist,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;color:var(--ink);background:var(--bg)}#map{position:absolute;inset:0}button{font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);padding:8px 12px;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s}button:hover{background:var(--bg-elev-hover)}button.primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:600}button.primary:hover{filter:brightness(1.08);background:var(--accent)}button.ghost{background:var(--bg-elev)}button.ghost.wide{width:100%}button.link{background:none;border:none;color:var(--accent);padding:0;text-decoration:underline}button.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:default}input[type=text]{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius);font:inherit;background:var(--bg-elev);color:var(--ink)}input[type=text]::placeholder{color:var(--muted)}input[type=text]:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #54a2ff59}input[readonly]{background:#141414;color:var(--muted)}.panel{position:absolute;top:12px;left:12px;width:340px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow-y:auto;background:var(--bg);border:1px solid var(--line-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:14px;z-index:5}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h1{font-size:18px;margin:0;font-weight:700;letter-spacing:-.02em}.panel-head h1 span{color:var(--accent)}.block{margin-top:12px}.status{font-size:13px;color:var(--muted);min-height:16px;margin-top:6px}.status.error{color:var(--danger)}.status.ok{color:var(--bike)}.search-wrap{position:relative}.results{list-style:none;margin:4px 0 0;padding:4px;position:absolute;left:0;right:0;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);z-index:9;max-height:280px;overflow-y:auto}.results li{padding:8px 10px;border-radius:var(--radius);cursor:pointer}.results li:hover,.results li.active{background:var(--bg-elev-hover)}.results li small{display:block;color:var(--muted)}.endpoints .endpoint{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto}.dot.start{background:var(--bike)}.dot.end{background:var(--danger)}.slider-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:4px}input[type=range]{width:100%;accent-color:var(--accent)}.import-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filebtn{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;cursor:pointer}.filebtn:hover{background:var(--bg-elev-hover)}.filebtn.small{padding:6px 10px;font-size:13px}.merge-toggle{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.route-panel{border-top:1px solid var(--line-subtle);padding-top:12px}.route-stats{display:flex;gap:10px;text-align:center}.route-stats div{flex:1;background:var(--bg-elev);border-radius:var(--radius-lg);padding:8px 4px}.route-stats strong{display:block;font-size:16px}.route-stats small{color:var(--muted);font-size:11px}.steps{margin:12px 0;padding-left:18px;font-size:13px;max-height:160px;overflow-y:auto}.steps li{margin-bottom:4px}.route-panel .primary{width:100%}.hud{position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:min(560px,calc(100vw - 24px));background:var(--bg);border:1px solid var(--line-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:14px;z-index:6}.offroute{background:#2a1c00;color:var(--amber);border:1px solid #4a3300;padding:8px 10px;border-radius:var(--radius-lg);margin-bottom:10px}.hud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.hud-grid div{background:var(--bg-elev);border-radius:var(--radius-lg);padding:8px 4px}.hud-grid strong{display:block;font-size:18px}.hud-main strong{font-size:30px;color:var(--accent)}.hud-grid small{color:var(--muted);font-size:11px}.hud-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.hud-actions .primary,.hud-actions .ghost{flex:1}.wake{color:var(--muted);font-size:18px}.wake.on{color:var(--bike)}.history{position:absolute;top:12px;right:12px;width:360px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow-y:auto;background:var(--bg);border:1px solid var(--line-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:14px;z-index:7}.history-head{display:flex;justify-content:space-between;align-items:center}.history-head h2{font-size:16px;margin:0}.history-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:10px 0}.usage{font-size:12px;color:var(--muted);flex:1}.history-list{list-style:none;margin:0;padding:0}.history-list li{border:1px solid var(--line);border-radius:var(--radius-lg);padding:10px;margin-bottom:8px}.history-list .jr-head{display:flex;justify-content:space-between;gap:8px}.history-list .jr-title{font-weight:600;font-size:14px}.history-list .jr-meta{color:var(--muted);font-size:12px;margin-top:4px}.history-list .jr-actions{margin-top:6px;display:flex;gap:8px}.site-links{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-subtle);font-size:12px}.site-links a{color:var(--muted);text-decoration:none}.site-links a:hover{color:var(--accent)}@media (max-width: 560px){.panel{width:calc(100vw - 24px)}}