:root{--surface-1:#1a1a19;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--border:#ffffff1a;--accent:#199e70;--accent-hover:#1baf7a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--page-plane);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}.app-root{background:var(--page-plane);width:100vw;height:100vh;position:relative}.canvas-container{position:absolute;inset:0}.ui-overlay{pointer-events:none;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.ui-overlay>*{pointer-events:auto}.panel{background:color-mix(in srgb, var(--surface-1) 88%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:12px 14px}.panel-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 8px;font-size:11px}.top-bar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.app-heading{margin:0 0 2px;font-size:14px;font-weight:600}.app-subheading{color:var(--text-secondary);margin:0;font-size:12px}.btn-row{flex-wrap:wrap;gap:6px;display:flex}.btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:12px;transition:border-color .15s,color .15s,background .15s}.btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.btn.active{background:var(--accent);border-color:var(--accent);color:#06231a;font-weight:600}.btn.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.select{background:var(--surface-1);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:5px 8px;font-size:12px}.bottom-bar{flex-direction:column;gap:10px;display:flex}.timeline-row{align-items:center;gap:12px;display:flex}.timeline-row input[type=range]{accent-color:var(--accent);flex:1}.timestamp{font-variant-numeric:tabular-nums;color:var(--text-secondary);text-align:right;min-width:150px;font-size:12px}.play-btn{background:var(--accent);color:#06231a;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.play-btn:hover{background:var(--accent-hover)}.legend-row{align-items:center;gap:10px;display:flex}.legend-bar{border:1px solid var(--border);border-radius:5px;flex:1;height:10px}.legend-scale{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.attribution{color:var(--text-muted);font-size:10px}.loading-overlay{color:var(--text-secondary);pointer-events:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.error-banner{color:#ffb3b0;font-size:12px}.building-popup{background:var(--surface-1);border:1px solid var(--border);pointer-events:none;white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:12px;position:absolute;transform:translate(-50%,-110%)}.osm-label{color:#fff;text-shadow:0 1px 3px #000000d9,0 0 6px #00000080;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600}.osm-label.minor{opacity:.85;font-size:11px;font-weight:500}.osm-road-label{color:#d8d4c8;text-shadow:0 1px 2px #000000d9;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.02em;font-size:10px}