:root{--panel-background:#fffffff0;--panel-text:#1f2a33;--panel-muted:#5b6770;--panel-border:#00000014;--accent:#1a73e8;--field-background:#fff;--map-background:#f3efe4;--attribution-background:#ffffffb3;--warning-text:#9a5b00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--panel-text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--panel-background:#1e222af0;--panel-text:#e3e6ea;--panel-muted:#9aa3ad;--panel-border:#ffffff1f;--accent:#3d7ff0;--field-background:#2a2f38;--map-background:#1b1f26;--attribution-background:#1b1f26b3;--warning-text:#f0b45a}}*{box-sizing:border-box}html,body,#root{background:var(--map-background);height:100%;margin:0;overflow:hidden}.app{height:100%;position:relative}.map-canvas{touch-action:none;cursor:grab;position:absolute;inset:0}.map-canvas:active{cursor:grabbing}.map-canvas{overflow:hidden}.ground-plane{will-change:transform;position:absolute;overflow:hidden}.map-canvas canvas{will-change:transform;display:block;position:absolute;top:0;left:0}.message{padding:24px}.north-arrow{background:var(--panel-background);pointer-events:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 1px 4px #0003}.compass-hint{background:var(--panel-background);max-width:calc(100% - 64px);color:var(--panel-text);text-align:center;pointer-events:none;border-radius:12px;margin:0;padding:10px 16px;font-size:14px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0003}.traces-button{right:16px;bottom:calc(156px + env(safe-area-inset-bottom));background:var(--panel-background);width:52px;height:52px;color:var(--panel-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 2px 10px #0003}.traces-button .recording-dot{position:absolute;top:6px;right:6px}.recording-dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--field-background);background:#e03131;border-radius:50%;flex:none;display:inline-block}.recording-dot.paused{background:#868e96}.recording-status{background:var(--panel-background);color:var(--panel-text);font:inherit;cursor:pointer;border:none;border-radius:18px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:flex;position:absolute;top:82px;left:16px;box-shadow:0 2px 10px #0003}.traces-panel{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:5;background:var(--panel-background);border-radius:12px;max-width:440px;max-height:70%;margin:0 auto;padding:12px 14px;font-size:13px;position:absolute;overflow-y:auto;box-shadow:0 2px 14px #00000040}.recorder-status{align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.traces-panel button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.control-panel{background:var(--panel-background);border-radius:12px;width:min(340px,100% - 92px);max-height:calc(100% - 48px);padding:12px 14px;font-size:13px;position:absolute;top:16px;left:16px;overflow-y:auto;box-shadow:0 2px 10px #00000026}.control-panel header,.traces-panel header{justify-content:space-between;align-items:center;gap:8px;display:flex}.control-panel h1,.traces-panel h1{margin:0;font-size:15px}.control-panel h2,.traces-panel h2{margin:0 0 6px;font-size:13px}.control-panel section,.traces-panel section{flex-direction:column;gap:10px;margin-top:12px;display:flex}.control-panel button,.traces-panel button{font:inherit;border:1px solid var(--panel-border);background:var(--field-background);cursor:pointer;border-radius:8px;padding:6px 10px}.control-panel button:disabled,.traces-panel button:disabled{color:var(--accent);cursor:default}.control-panel .toggle,.traces-panel .toggle{color:var(--panel-muted);padding:4px 8px}.control-panel .buttons,.traces-panel .buttons{flex-direction:row}.distance-slider{flex-direction:column;gap:4px;display:flex}.distance-slider input{width:100%;accent-color:var(--accent)}.checkbox{align-items:center;gap:6px;display:flex}.hint{color:var(--panel-muted);margin:10px 0 0;font-size:12px}.developer-toggle{margin-top:12px}.developer-panel{border-top:1px solid var(--panel-border);margin-top:8px;padding-top:10px}.place-search{gap:6px;display:flex}.place-search input{min-width:0;font:inherit;border:1px solid var(--panel-border);border-radius:8px;flex:1;padding:6px 8px;font-size:16px}.found-places{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.control-panel .found-places button{text-align:left;flex-direction:column;align-items:flex-start;width:100%;display:flex}.place-context{color:var(--panel-muted);font-size:11px}.move-pad{grid-template-columns:auto 1fr auto;gap:6px;display:grid}.move-pad .move-forward,.move-pad .move-back{grid-column:2}.trace-list ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.trace-list li{border:1px solid var(--panel-border);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;padding:6px 8px;display:grid}.traces-panel .trace-color,.traces-panel .color-choice{border:2px solid var(--field-background);box-shadow:0 0 0 1px var(--panel-border);border-radius:50%;flex:none;padding:0}.traces-panel .trace-color{width:24px;height:24px}.trace-color-picker{flex-wrap:wrap;grid-column:1/-1;gap:6px;padding:4px 0;display:flex}.traces-panel .color-choice{width:30px;height:30px}.traces-panel .color-choice.chosen{box-shadow:0 0 0 2px var(--panel-text)}.trace-name{min-width:0;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:2px 4px;font-size:16px;font-weight:600}.trace-name:focus{border-color:var(--panel-border);background:var(--field-background)}.trace-details,.trace-actions{grid-column:2}.trace-details{color:var(--panel-muted);font-size:12px}.trace-actions{flex-wrap:wrap;gap:6px;display:flex}.zone-card{left:16px;right:84px;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--panel-background);border-radius:12px;max-width:420px;margin:0 auto;padding:10px 12px;font-size:13px;position:absolute;box-shadow:0 2px 10px #0003}.zone-card p{margin:0}.zone-card-buttons{gap:8px;margin-top:8px;display:flex}.zone-card button{font:inherit;border:1px solid var(--panel-border);background:var(--field-background);cursor:pointer;border-radius:8px;padding:6px 12px}.zone-card button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.notice{left:16px;right:84px;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--panel-background);width:fit-content;max-width:420px;color:var(--warning-text);pointer-events:none;border-radius:8px;margin:0 auto;padding:6px 10px;font-size:12px;position:absolute;box-shadow:0 1px 4px #0003}.travel-mode-picker{left:16px;bottom:calc(28px + env(safe-area-inset-bottom));background:var(--panel-background);border-radius:14px;gap:2px;padding:4px;display:flex;position:absolute;box-shadow:0 2px 10px #0003}.travel-mode-picker button{width:72px;height:52px;color:var(--panel-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.travel-mode-picker button.selected{background:var(--accent);color:#fff}.recenter-button{right:16px;bottom:calc(28px + env(safe-area-inset-bottom));background:var(--panel-background);width:52px;height:52px;color:var(--panel-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 2px 10px #0003}.three-d-button{right:16px;bottom:calc(92px + env(safe-area-inset-bottom));background:var(--panel-background);width:52px;height:52px;color:var(--panel-muted);font:inherit;cursor:pointer;border:none;border-radius:50%;font-size:15px;font-weight:700;position:absolute;box-shadow:0 2px 10px #0003}.three-d-button.active{background:var(--accent);color:#fff}.recenter-button.centered{color:var(--accent)}.route-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.control-panel .route{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:8px;width:100%;padding:4px 6px;display:flex}.control-panel .route:hover{background:#0000000a}.control-panel .route.selected{background:#1a73e81a;border-color:#1a73e84d}.route-color{border-radius:3px;flex:none;width:18px;height:5px}.route-ref{flex:none;font-weight:700}.route-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attribution{right:6px;bottom:calc(4px + env(safe-area-inset-bottom));color:var(--panel-muted);background:var(--attribution-background);border-radius:3px;padding:1px 4px;font-size:10px;position:absolute}.route-distance{color:var(--panel-muted);flex:none;margin-left:auto;font-size:12px}.replay-bar{left:16px;right:84px;bottom:calc(28px + env(safe-area-inset-bottom));background:var(--panel-background);border-radius:14px;max-width:440px;padding:8px 10px 10px 14px;font-size:13px;position:absolute;box-shadow:0 2px 10px #0003}.replay-bar header{align-items:center;gap:8px;display:flex}.replay-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.replay-bar button{cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.replay-close{width:32px;height:32px;color:var(--panel-muted);background:0 0}.replay-bar .replay-speed{background:var(--panel-border);min-width:44px;height:28px;color:var(--panel-text);font:inherit;font-variant-numeric:tabular-nums;border-radius:14px;padding:0 8px;font-size:12px;font-weight:700}.replay-controls{align-items:center;gap:10px;display:flex}.replay-play{background:var(--accent);color:#fff;width:44px;height:44px}.replay-controls input{min-width:0;accent-color:var(--accent);flex:1}.replay-distance{color:var(--panel-muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.height-slider{width:32px;height:min(260px, calc(100% - 300px - env(safe-area-inset-bottom)));background:var(--panel-background);opacity:.75;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px 0 6px;transition:opacity .2s;display:flex;position:absolute;top:76px;right:22px;box-shadow:0 1px 4px #00000026}.height-slider:active,.height-slider:focus-visible{opacity:1}.height-slider:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.height-track{background:var(--panel-border);border-radius:2px;flex:1;width:3px;margin-bottom:2px;position:relative}.height-filled{background:var(--accent);border-radius:2px;position:absolute;bottom:0;left:0;right:0}.height-mark{background:var(--panel-muted);opacity:.7;border-radius:1px;width:9px;height:1.5px;position:absolute;left:50%;transform:translate(-50%,50%)}.height-thumb{background:var(--accent);border:2px solid var(--field-background);border-radius:50%;width:16px;height:16px;position:absolute;left:50%;transform:translate(-50%,50%);box-shadow:0 1px 3px #0000004d}.height-value{color:var(--panel-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:9px;font-weight:600}.loading-cover{z-index:50;background:var(--map-background);flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .5s,visibility .5s;display:flex;position:absolute;inset:0}.loading-cover.gone{opacity:0;visibility:hidden;pointer-events:none}.loading-cover p{margin:0}.loading-cover-name{font-size:22px;font-weight:600}.loading-cover-text{color:var(--panel-muted);font-size:14px}.loading-cover-spinner{border:3px solid var(--panel-border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite loading-turn}@keyframes loading-turn{to{transform:rotate(360deg)}}