:root{--bg:#f4f4f6;--panel:#ffffffeb;--text:#1d1d24;--muted:#6b6b78;--border:#1414281f;--accent:#4b50c8;--accent-text:#fff;--control:#fff;--control-hover:#ececf3;--error:#c0392b;--bar:#7a7fd6;--window:#4b50c82e;--window-border:#4b50c8;--shadow:0 2px 12px #00000026;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#15151a;--panel:#1e1e26eb;--text:#ececf2;--muted:#9a9aab;--border:#ffffff1f;--accent:#8a8ff0;--accent-text:#15151a;--control:#2a2a34;--control-hover:#363644;--error:#ff7a6b;--bar:#8a8ff0;--window:#8a8ff038;--window-border:#8a8ff0;--shadow:0 2px 12px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:var(--bg);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2{margin:0 0 8px}h2{font-size:16px}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--error);margin:4px 0}button,input,select{font:inherit;color:inherit;background:var(--control);border:1px solid var(--border);border-radius:6px;min-height:32px;padding:5px 10px}button{cursor:pointer}button:hover:not(:disabled){background:var(--control-hover)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:#0000}button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}button.icon{min-width:32px;padding:5px 8px}button.link{color:var(--accent);background:0 0;border:none;padding:0}select{max-width:100%}.row{align-items:center;gap:6px;display:flex}.wrap{flex-wrap:wrap}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px}.app{height:100%;position:relative;overflow:hidden}.top-bar,.status,.side-panel,.timeline{z-index:2}.map{position:absolute;inset:0}.top-bar{pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:60px}.top-bar>*{pointer-events:auto}.controls-toggle{text-align:left;align-items:center;gap:8px;max-width:100%;min-height:44px;padding:6px 12px;display:inline-flex}.controls-toggle svg{flex:none}.controls-summary{flex-wrap:wrap;column-gap:8px;min-width:0;font-size:13px;display:flex}.controls-hidden .collapsible{display:none}.controls-hidden .status{bottom:24px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:6px;display:flex}.segmented{display:inline-flex}.segmented button{border-radius:0}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-left:none;border-radius:0 6px 6px 0}.segmented button.active{background:var(--accent);color:var(--accent-text)}.place-search{position:relative}.place-search input{width:220px;min-width:0;max-width:100%}.place-results{width:min(380px,100vw - 32px);max-height:50vh;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.place-results ul{margin:0;padding:0;list-style:none}.place-results button{text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;width:100%;display:flex}.place-results p{margin:4px 6px}.place-results .attribution{text-align:right}.area-filter{gap:4px}.area-label{background:var(--accent);color:var(--accent-text);white-space:nowrap;border-radius:6px;padding:5px 10px}.check{align-items:center;gap:4px;display:inline-flex}.check input{min-height:0}.status{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:6px 12px;font-size:13px;display:flex;position:absolute;bottom:150px;left:50%;overflow:hidden;transform:translate(-50%)}.status.has-error{color:var(--error)}.legend{align-items:center;gap:6px;font-size:12px;display:inline-flex}.legend-bar{border-radius:4px;width:80px;height:8px;display:inline-block}.spinner{border:2px solid var(--muted);border-top-color:#0000;border-radius:50%;flex:none;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.side-panel{flex-direction:column;align-items:flex-end;gap:8px;width:300px;max-width:calc(100% - 24px);max-height:calc(100% - 340px);display:flex;position:absolute;top:180px;right:12px}.tabs{gap:4px;padding:4px;display:flex}.tabs button{background:0 0;border:none}.tabs button.active{background:var(--accent);color:var(--accent-text)}.side-content{width:100%;padding:12px;overflow:auto}.stats{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.stats dt{color:var(--muted)}.stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.side-content form input{flex:1;min-width:0}.segments{margin:8px 0;padding:0;list-style:none}.segments li{margin-bottom:4px}.segment{text-align:left;font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-start;width:100%;display:flex}.segment.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.drawing-bar{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;max-width:calc(100% - 32px);padding:8px 12px;font-size:13px;display:flex;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.controls-hidden .drawing-bar{bottom:24px}.maplibregl-canvas-container.drawing,.maplibregl-canvas-container.drawing canvas{cursor:crosshair!important}.collections{margin:8px 0 0;padding:0;list-style:none}.collections li{gap:4px;margin-bottom:4px;display:flex}.collections button.collection{text-align:left;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.timeline{padding:8px 12px 4px;position:absolute;bottom:28px;left:12px;right:12px}.timeline-controls{margin-bottom:6px}.window-label{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.timeline-track{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);height:48px;position:relative}.timeline-track canvas{width:100%;height:100%;position:absolute;inset:0}.timeline-window{background:var(--window);border-left:2px solid var(--window-border);border-right:2px solid var(--window-border);cursor:grab;pointer-events:none;position:absolute;top:0;bottom:0}.timeline-axis{justify-content:space-between;padding-top:2px;font-size:11px}.login{place-items:center;min-height:100%;padding:16px;display:grid}.login-form{flex-direction:column;gap:10px;width:100%;max-width:340px;padding:24px;display:flex}.login-form label{flex-direction:column;gap:4px;display:flex}.login-form p{margin:0}.maplibregl-popup-content{background:var(--panel);color:var(--text)}.maplibregl-popup-tip{border-top-color:var(--panel)!important;border-bottom-color:var(--panel)!important}.point-details{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:12px;display:grid}.point-details dt{color:var(--muted)}.point-details dd{font-variant-numeric:tabular-nums;margin:0}@media (width<=640px){.top-bar{top:8px;left:8px;right:52px}.timeline{bottom:24px;left:8px;right:8px}.status,.drawing-bar{bottom:170px}.controls-hidden .status,.controls-hidden .drawing-bar{bottom:40px}.side-panel{max-height:45%;top:auto;bottom:200px;right:8px}}