:root{--color-primary: #2e9ccc;--color-primary-dark: #1e82b4;--color-primary-light: #50b4dc;--r: 10px;--r2: 16px;--r3: 6px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-brand: Georgia, serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition: .15s ease}:root[data-theme=dark]{--bg: #0a1e2e;--surface: #122636;--s2: #1a3248;--s3: #223e56;--border: rgba(148,180,210,.1);--b2: rgba(148,180,210,.2);--b3: rgba(148,180,210,.35);--accent: #2e9ccc;--accent-h: #50b4dc;--accent-bg: rgba(46,156,204,.1);--accent-border: rgba(46,156,204,.3);--green: #4ade80;--green-bg: rgba(74,222,128,.1);--green-border: rgba(74,222,128,.25);--amber: #fbbf24;--amber-bg: rgba(251,191,36,.1);--amber-border: rgba(251,191,36,.25);--red: #f87171;--red-bg: rgba(248,113,113,.08);--red-border: rgba(248,113,113,.2);--purple: #a78bfa;--text: #dce8f0;--t2: #7a9ab8;--t3: #3a5a7a;--shadow: 0 2px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 40px rgba(0,0,0,.55)}:root[data-theme=light]{--bg: #f4f9fc;--surface: #ffffff;--s2: #f0f5fa;--s3: #e6edf4;--border: #dde8f0;--b2: rgba(0,0,0,.12);--b3: rgba(0,0,0,.2);--accent: #2e9ccc;--accent-h: #1e82b4;--accent-bg: rgba(46,156,204,.08);--accent-border: rgba(46,156,204,.3);--green: #16a34a;--green-bg: rgba(22,163,74,.1);--green-border: rgba(22,163,74,.3);--amber: #d97706;--amber-bg: rgba(217,119,6,.1);--amber-border: rgba(217,119,6,.3);--red: #dc2626;--red-bg: rgba(220,38,38,.07);--red-border: rgba(220,38,38,.2);--purple: #7c3aed;--text: #0d1a26;--t2: #3a5a7a;--t3: #8a9bb0;--shadow: 0 2px 12px rgba(0,0,0,.07);--shadow-lg: 0 8px 32px rgba(0,0,0,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:var(--font-body);font-size:14px;font-weight:400;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#app{height:100%}a{color:var(--accent);text-decoration:none}.loading-bar.active{background:#2433472e}.loading-bar.active:after{background:linear-gradient(90deg,transparent,var(--accent),var(--accent),transparent)}dialog[open]~#app .maplibregl-map{will-change:auto!important}dialog[open] .loading-bar.active:after{animation-play-state:paused}a:hover{color:var(--accent-h)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--s3);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}