:root,:root[data-theme=dark]{--color-text:#e6edf3;--color-bg:#0d151d;--color-header-bg:#111c26;--color-header-border:#1e2d3b;--color-subtitle:#8ba3b8;--color-panel-bg:#111c26e6;--color-panel-border:#1e2d3b;--color-overlay-bg:#060a0ed9;--color-box-bg:#16232f;--color-box-border:#2a3d4d;--color-accent:#4aa3ff;--color-accent-text:#0d151d;--color-error:#f28b82}:root[data-theme=light]{--color-text:#12202b;--color-bg:#eef4f9;--color-header-bg:#fff;--color-header-border:#d3dee7;--color-subtitle:#4c6172;--color-panel-bg:#ffffffeb;--color-panel-border:#d3dee7;--color-overlay-bg:#dce6eed9;--color-box-bg:#fff;--color-box-border:#c3d2de;--color-accent:#1f6fd6;--color-accent-text:#fff;--color-error:#c0392b}:root{color:var(--color-text);background-color:var(--color-bg);font-family:system-ui,-apple-system,sans-serif;line-height:1.6}html,body{height:100%;margin:0;overflow:hidden}#app{height:100%}.app{flex-direction:column;height:100%;display:flex}.app-header{background:var(--color-header-bg);border-bottom:1px solid var(--color-header-border);flex-shrink:0;align-items:baseline;gap:.75rem;padding:.5rem 1rem;display:flex}.app-header h1{margin:0;font-size:1.1rem}.app-subtitle{color:var(--color-subtitle);flex:1;font-size:.85rem}.app-main{flex:1;min-height:0;position:relative}.map-canvas-container{touch-action:none;position:absolute;inset:0}.map-canvas{cursor:grab;width:100%;height:100%;display:block}.map-canvas:active{cursor:grabbing}.map-loading{background:var(--color-panel-bg);border-radius:.4rem;padding:.4rem .9rem;font-size:.85rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.map-loading-error{color:var(--color-error)}.map-tooltip{background:var(--color-panel-bg);border:1px solid var(--color-panel-border);pointer-events:none;white-space:nowrap;z-index:10;border-radius:.3rem;padding:.25rem .5rem;font-size:.8rem;position:absolute;top:0;left:0}.map-click-popup{background:var(--color-panel-bg);border:1px solid var(--color-panel-border);white-space:nowrap;z-index:11;border-radius:.4rem;padding:.4rem .6rem;font-size:.8rem;position:absolute;top:0;left:0}.map-click-popup ul{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.map-click-popup .map-click-popup-layer{color:var(--color-subtitle);margin-right:.35rem}.legend{background:var(--color-panel-bg);border:1px solid var(--color-panel-border);border-radius:.5rem;min-width:10rem;padding:.75rem 1rem;font-size:.85rem;position:absolute;top:1rem;right:1rem}.legend-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.legend-list label{cursor:pointer;align-items:center;gap:.4rem;display:flex}.legend-swatch{border-radius:1px;width:.9rem;height:.25rem;display:inline-block}.theme-control{gap:.25rem;display:flex}.theme-control-btn{color:var(--color-subtitle);border:1px solid var(--color-panel-border);cursor:pointer;background:0 0;border-radius:.3rem;padding:.2rem .55rem;font-size:.8rem}.theme-control-btn.active{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.pwa-overlay{background:var(--color-overlay-bg);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pwa-overlay-box{background:var(--color-box-bg);border:1px solid var(--color-box-border);text-align:center;border-radius:.6rem;max-width:24rem;padding:1.5rem 1.75rem}.pwa-overlay-box h2{margin:0 0 .5rem;font-size:1.1rem}.pwa-overlay-box button,.pwa-banner button{background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;border:none;border-radius:.4rem;padding:.5rem 1rem;font-weight:600}.pwa-banner{background:var(--color-box-bg);border:1px solid var(--color-box-border);z-index:999;border-radius:.5rem;align-items:center;gap:.75rem;padding:.6rem .8rem;font-size:.9rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}