:root{--color-surface:#ffffffdb;--color-surface-strong:#fffffff7;--color-surface-solid:#fff;--color-border:#0f172a1a;--color-text:#1a1f27;--color-text-muted:#5b6472;--color-accent:#2a78d6;--color-accent-soft:#2a78d61f;--shadow-sm:0 1px 2px #0f172a1a, 0 1px 1px #0f172a0d;--shadow-md:0 8px 24px #0f172a2e;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--font-sans:system-ui, sans-serif;--icon-legend-width:0px;--icon-legend-reserved:0px;--sidebar-width:0px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-surface:#1e2127db;--color-surface-strong:#181a1ff7;--color-surface-solid:#1e2127;--color-border:#ffffff1a;--color-text:#e7eaf0;--color-text-muted:#9aa3b2;--color-accent:#5b9cf2;--color-accent-soft:#5b9cf22e;--shadow-sm:0 1px 2px #00000059, 0 1px 1px #0003;--shadow-md:0 8px 24px #00000073}}html,body{height:100%;margin:0;padding:0}body{color:var(--color-text)}*{scrollbar-width:thin;scrollbar-color:var(--color-text-muted) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent);background-clip:padding-box}#map{position:absolute;inset:0}#map.globe-mode{background:#000}.maplibregl-ctrl-top-right{transition:right .2s;right:var(--icon-legend-width)!important}.maplibregl-ctrl-bottom-right{max-width:calc(100% - var(--icon-legend-width) - var(--sidebar-width) - 24px);box-sizing:border-box;transition:right .2s,max-width .2s;right:var(--icon-legend-width)!important}.panel-hidden{display:none!important}.drag-handle{cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.sidebar{z-index:2;background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:0 var(--radius-lg) var(--radius-lg) 0;max-width:calc(100% - 12px);box-shadow:var(--shadow-md);font-family:var(--font-sans);border-left:none;flex-direction:row;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.sidebar-content{flex-direction:column;width:300px;min-width:0;max-width:100%;display:flex}.sidebar.collapsed .sidebar-content{display:none}.sidebar-body{padding:var(--space-2);gap:var(--space-1);direction:rtl;flex-direction:column;flex:auto;display:flex;overflow-y:auto}.sidebar-body>*{direction:ltr}.sidebar-rail{width:28px;padding-top:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;border-left:1px solid var(--color-border);flex:0 0 28px;justify-content:center;display:flex}.sidebar.collapsed .sidebar-rail{border-left:none}.sidebar-rail:hover{background:var(--color-accent-soft)}.sidebar-rail-title{writing-mode:vertical-rl;text-orientation:sideways;color:var(--color-text-muted);white-space:nowrap;font-size:13px;font-weight:700}.sidebar-style-row{gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-3);margin-bottom:var(--space-1);border-bottom:1px solid var(--color-border);flex-direction:column;font-size:13px;font-weight:600;display:flex}.style-select{color:var(--color-text);background:var(--color-surface-solid);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:5px 6px;font-family:inherit;font-size:14px;font-weight:400}.view-mode-group{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.view-mode-btn{color:var(--color-text-muted);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;background:0 0;border:none;flex:1;padding:5px 6px;font-family:inherit;font-size:13px;font-weight:400}.view-mode-btn:hover{color:var(--color-text)}.view-mode-btn.active{background:var(--color-accent);color:var(--color-accent-contrast,#fff);font-weight:600}.sidebar-toggle-all-row{padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:13px;font-weight:600}.sidebar-category-toggle-all{cursor:pointer;flex:none;margin:0}.sidebar-expand-all-btn{width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;font-size:12px;font-weight:600}.sidebar-expand-all-btn:hover{color:var(--color-text);background:var(--color-accent-soft)}.sidebar-categories{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-category{border-radius:var(--radius-sm)}.sidebar-category-header{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;display:flex}.sidebar-category-header:hover{background:var(--color-accent-soft)}.sidebar-category-drag-handle{cursor:grab;touch-action:none;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;flex:none;font-size:13px;line-height:1}.sidebar-category-drag-handle:hover{color:var(--color-text)}.sidebar-category-icon{flex:none;font-size:14px}.sidebar-category-label{flex:auto}.sidebar-category-count{color:var(--color-accent);background:var(--color-accent-soft);border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:700}.sidebar-category-chevron{color:var(--color-text-muted);flex:none;font-size:10px;transition:transform .15s;display:inline-flex}.sidebar-category.expanded .sidebar-category-chevron{transform:rotate(90deg)}.sidebar-category-body{padding:var(--space-1) var(--space-1) var(--space-2) 26px;flex-direction:column;gap:1px;display:flex}.sidebar-category:not(.expanded) .sidebar-category-body{display:none}.sidebar-layer-row{align-items:center;gap:var(--space-1);padding:3px var(--space-1);border-radius:var(--radius-sm);font-size:13px;display:flex}.sidebar-layer-row:hover{background:var(--color-accent-soft)}.sidebar-drag-active{opacity:.5}.sidebar-layer-drag-handle{cursor:grab;touch-action:none;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;flex:none;font-size:13px;line-height:1}.sidebar-layer-drag-handle:hover{color:var(--color-text)}.sidebar-layer-toggle{align-items:center;gap:var(--space-1);cursor:pointer;flex:auto;min-width:0;display:flex}.sidebar-layer-toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-icon-toggle-btn{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;opacity:.7;background:0 0;border:none;flex:none;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex}.sidebar-icon-toggle-btn:hover{opacity:1;background:var(--color-accent-soft)}.sidebar-icon-toggle-btn.active{opacity:1;color:var(--color-accent);background:var(--color-accent-soft)}.weather-bubble{background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);box-shadow:var(--shadow-sm);white-space:nowrap;cursor:pointer;pointer-events:auto;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700}.weather-bubble:hover{background:var(--color-surface-solid);box-shadow:var(--shadow-md)}.weather-bubble-sep{color:var(--color-text-muted);margin:0 3px;font-weight:400}.search-box{top:12px;left:calc(var(--sidebar-width) + 12px);max-width:calc(100% - var(--sidebar-width) - var(--icon-legend-reserved) - 24px);z-index:2;width:320px;font-family:var(--font-sans);position:absolute}.search-box-input-row{align-items:center;display:flex;position:relative}.search-box-input{box-sizing:border-box;width:100%;padding:var(--space-2) var(--space-5) var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-strong);color:var(--color-text);box-shadow:var(--shadow-md);font-family:var(--font-sans);font-size:14px}.search-box-input:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.search-box-clear{right:var(--space-1);cursor:pointer;color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;font-size:13px;line-height:1;position:absolute}.search-box-clear:hover{background:var(--color-accent-soft)}.search-box-results{margin-top:var(--space-1);background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:60vh;box-shadow:var(--shadow-md);flex-direction:column;display:none;overflow-y:auto}.search-box-results.visible{display:flex}.search-box-result{padding:var(--space-2) var(--space-3);border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);text-align:left;cursor:pointer;font-family:var(--font-sans);background:0 0;flex-direction:column;align-items:flex-start;gap:1px;display:flex}.search-box-result:last-child{border-bottom:none}.search-box-result:hover{background:var(--color-accent-soft)}.search-box-result-name{font-size:14px}.search-box-result-sub,.search-popup-subtitle{color:var(--color-text-muted);font-size:12px}.forecast-overlay{top:12px;right:calc(12px + var(--icon-legend-reserved));z-index:2;background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:300px;max-height:calc(100% - 24px);box-shadow:var(--shadow-md);font-family:var(--font-sans);color:var(--color-text);padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-3);flex-direction:column;display:none;position:absolute;overflow-y:auto}.forecast-overlay.visible{display:flex}.forecast-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.forecast-header h3{margin:0;font-size:16px}.forecast-close{cursor:pointer;color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;font-size:14px;line-height:1}.forecast-close:hover{background:var(--color-accent-soft)}.forecast-loading,.forecast-stale-note{color:var(--color-text-muted);font-size:13px}.forecast-body{gap:var(--space-3);flex-direction:column;display:flex}.forecast-current{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);flex-direction:column;gap:2px;display:flex}.forecast-current-main{align-items:center;gap:var(--space-2);display:flex}.forecast-current-icon{font-size:28px}.forecast-current-temp{font-size:26px;font-weight:700}.forecast-current-label{color:var(--color-text-muted);font-size:13px}.forecast-current-details{color:var(--color-text-muted);flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:12px;display:flex}.forecast-hourly{gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex;overflow-x:auto}.forecast-hourly-item{color:var(--color-text-muted);flex-direction:column;flex:none;align-items:center;gap:2px;font-size:11px;display:flex}.forecast-hourly-icon{font-size:16px}.forecast-hourly-temp{color:var(--color-text);font-weight:600}.forecast-hourly-precip{color:var(--color-accent);min-height:12px}.forecast-daily{gap:var(--space-1);flex-direction:column;display:flex}.forecast-daily-row{align-items:center;gap:var(--space-2);color:var(--color-text-muted);grid-template-columns:32px 24px 1fr auto;font-size:12px;display:grid}.forecast-daily-day{color:var(--color-text);font-weight:600}.forecast-daily-precip{color:var(--color-accent);text-align:right;font-size:11px}.info-overlay{top:12px;right:calc(12px + var(--icon-legend-reserved));z-index:3;background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:280px;max-height:calc(100% - 24px);box-shadow:var(--shadow-md);font-family:var(--font-sans);color:var(--color-text);padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-3);flex-direction:column;display:none;position:absolute;overflow-y:auto}.info-overlay.visible{display:flex}.info-overlay-rows{gap:var(--space-2);flex-direction:column;display:flex}.info-overlay-row{justify-content:space-between;gap:var(--space-3);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding-bottom:4px;font-size:13px;display:flex}.info-overlay-label{color:var(--color-text-muted)}.info-overlay-value{color:var(--color-text);text-align:right;font-weight:600}a.info-overlay-value{color:var(--color-accent);text-decoration:none}a.info-overlay-value:hover{text-decoration:underline}.info-overlay-photo-slot:empty{display:none}.info-overlay-photo{border-radius:var(--radius-md);object-fit:cover;width:100%;display:block}.info-overlay-photo-credit{color:var(--color-text-muted);text-align:right;margin-top:4px;font-size:11px;text-decoration:none;display:block}.info-overlay-photo-credit:hover{text-decoration:underline}.icon-legend{z-index:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md) 0 0 var(--radius-md);max-width:calc(100% - 12px);box-shadow:var(--shadow-sm);font-family:var(--font-sans);color:var(--color-text);border-right:none;flex-direction:row;font-size:12px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.icon-legend-content{flex-direction:column;width:220px;min-width:0;max-width:100%;display:flex}.icon-legend.collapsed .icon-legend-content{display:none}.icon-legend-body{padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.icon-legend-rail{width:28px;padding-top:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;border-right:1px solid var(--color-border);flex:0 0 28px;justify-content:center;display:flex}.icon-legend.collapsed .icon-legend-rail{border-right:none}.icon-legend-rail:hover{background:var(--color-accent-soft)}.icon-legend-rail-title{writing-mode:vertical-rl;text-orientation:sideways;color:var(--color-text-muted);white-space:nowrap;font-size:12px;font-weight:700}.icon-legend-group{flex-direction:column;gap:2px;display:flex}.icon-legend-group-title{letter-spacing:.03em;color:var(--color-text-muted);font-size:10px;font-weight:700}.icon-legend-item{color:var(--color-text);align-items:center;gap:6px;display:flex}.icon-legend-swatch{border:1px solid var(--color-border);border-radius:50%;flex:none;width:10px;height:10px}.icon-legend-shape-icon{flex:none;width:16px;height:16px}.icon-legend-line{border:1px solid var(--color-border);border-radius:2px;flex:none;width:18px;height:4px}.icon-legend-scale-bar{border:1px solid var(--color-border);border-radius:3px;height:10px}.icon-legend-scale-ticks{color:var(--color-text-muted);justify-content:space-between;font-size:9px;display:flex}.icon-legend-scale-ticks span:first-child{text-align:left}.icon-legend-scale-ticks span:last-child{text-align:right}.pollen-badge{color:#1a1a1a;width:20px;height:20px;font-family:var(--font-sans);box-shadow:var(--shadow-sm);cursor:pointer;pointer-events:auto;border:1px solid #00000040;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.hover-preview{z-index:5;background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:260px;box-shadow:var(--shadow-md);font-family:var(--font-sans);color:var(--color-text);padding:var(--space-2) var(--space-3);pointer-events:none;display:none;position:fixed}.hover-preview.visible{display:block}.hover-preview-title{margin-bottom:6px;font-size:14px;font-weight:700}.weather-bubble-icon{vertical-align:-3px;width:13.6px;height:13.6px;margin-right:1px;transition:transform .3s}.maplibregl-popup-content{background:var(--color-surface-strong);color:var(--color-text);font-family:var(--font-sans);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2) var(--space-3);font-size:13px}.maplibregl-popup-content strong{font-size:14px}.maplibregl-popup-content a{color:var(--color-accent)}.maplibregl-popup-anchor-top .maplibregl-popup-tip,.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-bottom-color:var(--color-surface-strong)}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-top-color:var(--color-surface-strong)}.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:var(--color-surface-strong)}.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:var(--color-surface-strong)}.maplibregl-popup-close-button{color:var(--color-text-muted);padding:2px 6px;font-size:16px}.maplibregl-popup-close-button:hover{background:var(--color-accent-soft);color:var(--color-text)}.solar-activity-badge{z-index:2;background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);box-shadow:var(--shadow-sm);white-space:nowrap;pointer-events:none;border-radius:10px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}