:root{--color-bg: #f2f2f7;--color-card: #ffffff;--color-text: #1c1c1e;--color-text-secondary: #6e6e73;--color-text-tertiary: #aeaeb2;--color-border: rgba(0, 0, 0, 0.08);--color-divider: rgba(60, 60, 67, 0.12);--color-expired: #8e8e93;--color-active: #34c759;--color-tornado-warning: #FF0000;--color-severe-thunderstorm: #FFA500;--color-flash-flood: #8B0000;--color-hurricane: #DC143C;--color-blizzard: #FF4500;--color-winter-storm-warning: #FF69B4;--color-ice-storm: #8B008B;--color-high-wind: #DAA520;--color-gale: #DDA0DD;--color-storm-warning: #9400D3;--color-warning: #FF0000;--color-tornado-watch: #FFFF00;--color-severe-tstorm-watch: #DB7093;--color-winter-storm-watch: #4169E1;--color-flood-watch: #2E8B57;--color-hurricane-watch: #FF00FF;--color-watch: #F0E68C;--color-winter-weather: #7B68EE;--color-wind-advisory: #D2B48C;--color-fog-advisory: #708090;--color-heat-advisory: #FF7F50;--color-frost-advisory: #6495ED;--color-freeze: #483D8B;--color-small-craft: #D8BFD8;--color-advisory: #7B68EE;--color-statement: #FFE4B5;--color-default: #8e8e93;--color-extreme: #FF0000;--color-severe: #FFA500;--color-moderate: #B8860B;--color-minor: #4A90D9;--color-immediate: #FF0000;--color-expected: #FFA500;--color-future: #B8860B;--color-observed: #FF0000;--color-likely: #FFA500;--color-possible: #B8860B;--color-brand: #007aff;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(0, 0, 0, 0.06)}@media (prefers-color-scheme: dark){:root{--color-bg: #000000;--color-card: #1c1c1e;--color-text: #ffffff;--color-text-secondary: #98989f;--color-text-tertiary: #636366;--color-border: rgba(255, 255, 255, 0.08);--color-divider: rgba(84, 84, 88, 0.5);--shadow-card: 0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 8px rgba(0, 0, 0, 0.3)}}html.force-dark{--color-bg: #000000;--color-card: #1c1c1e;--color-text: #ffffff;--color-text-secondary: #98989f;--color-text-tertiary: #636366;--color-border: rgba(255, 255, 255, 0.08);--color-divider: rgba(84, 84, 88, 0.5);--shadow-card: 0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 8px rgba(0, 0, 0, 0.3)}html.force-light{--color-bg: #f2f2f7;--color-card: #ffffff;--color-text: #1c1c1e;--color-text-secondary: #6e6e73;--color-text-tertiary: #aeaeb2;--color-border: rgba(0, 0, 0, 0.08);--color-divider: rgba(60, 60, 67, 0.12);--shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(0, 0, 0, 0.06)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;font-size:16px;line-height:1.4;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}.alert-page{min-height:100vh;min-height:100dvh;padding:var(--spacing-md);padding-top:var(--spacing-md);padding-top:Max(env(safe-area-inset-top), var(--spacing-md));padding-bottom:calc(env(safe-area-inset-bottom, 0px) + var(--spacing-lg))}@media (min-width: 768px){.alert-page{max-width:520px;margin:0 auto;padding:var(--spacing-lg)}}.alert-card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card-section{padding:var(--spacing-lg);border-bottom:1px solid var(--color-divider)}.card-section:last-child{border-bottom:none}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.03em;border-radius:4px;flex-shrink:0}.status-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge--active{background:rgba(52,199,89,0.15);color:#34c759}.status-badge--active::before{animation:pulse 2s ease-in-out infinite}.status-badge--expired{background:var(--color-divider);color:var(--color-text-tertiary)}.status-badge--expired::before{opacity:0.6}.status-badge--cancelled{background:rgba(255,149,0,0.15);color:#ff9500}.status-badge--cancelled::before{opacity:0.8}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}.alert-card--expired{opacity:0.7}.card-header{display:flex;align-items:flex-start;gap:var(--spacing-md)}.alert-icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--color-default);color:white}.alert-icon svg{width:24px;height:24px}.alert-icon--warning{background:var(--color-warning)}.alert-icon--watch{background:var(--color-watch);color:#1c1c1e}.alert-icon--advisory{background:var(--color-advisory)}.alert-icon--statement{background:var(--color-statement);color:#1c1c1e}.alert-icon--tornado-warning{background:var(--color-tornado-warning)}.alert-icon--severe-thunderstorm-warning{background:var(--color-severe-thunderstorm)}.alert-icon--flash-flood-warning{background:var(--color-flash-flood)}.alert-icon--hurricane-warning{background:var(--color-hurricane)}.alert-icon--blizzard-warning{background:var(--color-blizzard)}.alert-icon--winter-storm-warning{background:var(--color-winter-storm-warning)}.alert-icon--ice-storm-warning{background:var(--color-ice-storm)}.alert-icon--high-wind-warning{background:var(--color-high-wind);color:#1c1c1e}.alert-icon--gale-warning{background:var(--color-gale);color:#1c1c1e}.alert-icon--storm-warning{background:var(--color-storm-warning)}.alert-icon--tornado-watch{background:var(--color-tornado-watch);color:#1c1c1e}.alert-icon--severe-thunderstorm-watch{background:var(--color-severe-tstorm-watch);color:white}.alert-icon--winter-storm-watch{background:var(--color-winter-storm-watch);color:white}.alert-icon--flood-watch,.alert-icon--flash-flood-watch{background:var(--color-flood-watch);color:white}.alert-icon--hurricane-watch{background:var(--color-hurricane-watch);color:white}.alert-icon--winter-weather-advisory{background:var(--color-winter-weather)}.alert-icon--wind-advisory{background:var(--color-wind-advisory);color:#1c1c1e}.alert-icon--dense-fog-advisory,.alert-icon--fog-advisory{background:var(--color-fog-advisory)}.alert-icon--heat-advisory{background:var(--color-heat-advisory);color:#1c1c1e}.alert-icon--frost-advisory{background:var(--color-frost-advisory)}.alert-icon--freeze-warning{background:var(--color-freeze)}.alert-icon--small-craft-advisory{background:var(--color-small-craft);color:#1c1c1e}.alert-icon--default{background:var(--color-default)}.alert-icon--expired{background:var(--color-expired)}.alert-icon--cancelled{background:#ff9500}.header-content{flex:1;min-width:0}.header-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.alert-type{margin:0;font-size:20px;font-weight:700;letter-spacing:-0.02em;line-height:1.2;color:var(--color-text);flex:1}.alert-area{margin:4px 0 0;font-size:14px;color:var(--color-text-secondary);line-height:1.3}.alert-area-container{margin:4px 0 0}.alert-area-container .alert-area{margin:0}.locations-toggle{display:inline-block;margin-top:6px;padding:4px 10px;font-size:13px;font-weight:500;color:var(--color-brand);background:transparent;border:1px solid var(--color-brand);border-radius:12px;cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease}.locations-toggle:hover{background:var(--color-brand);color:white}.locations-toggle:active{opacity:0.8}.timing-section{padding:var(--spacing-md) var(--spacing-lg)}.timing-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.02em;color:var(--color-text-tertiary)}.timing-relative{font-size:13px;font-weight:600;color:var(--color-active)}.timing-relative.expired{color:var(--color-expired)}.timing-section--with-onset{display:flex;flex-direction:column;gap:var(--spacing-md)}.timing-issued-row{display:flex;align-items:center;gap:6px;padding-top:var(--spacing-sm);border-top:1px solid var(--color-divider)}.timing-issued-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.02em;color:var(--color-text-tertiary)}.timing-issued-value{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.timing-issued-relative{font-size:12px;color:var(--color-text-tertiary)}.timing-timeline{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.timing-timeline-item{display:flex;flex-direction:column;gap:2px;flex:1}.timing-timeline-start{text-align:left}.timing-timeline-end{text-align:right}.timing-timeline-arrow{display:flex;align-items:center;padding-top:22px;color:var(--color-text-tertiary)}.timing-timeline-arrow svg{width:20px;height:20px}.timing-value-small{font-size:12px;font-weight:400;color:var(--color-text-secondary)}.timing-value-small.expired{color:var(--color-expired)}.attributes-section{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.attribute{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.attribute-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.02em;color:var(--color-text-tertiary)}.attribute-value{display:inline-block;padding:4px 10px;font-size:12px;font-weight:600;border-radius:10px;background:var(--color-text-tertiary);color:white}.attribute-value--extreme{background:#dc2626}.attribute-value--severe{background:#ea580c}.attribute-value--moderate{background:#ca8a04}.attribute-value--minor{background:#0284c7}.attribute-value--immediate{background:#dc2626}.attribute-value--expected{background:#ea580c}.attribute-value--future{background:#ca8a04}.attribute-value--observed{background:#dc2626}.attribute-value--likely{background:#ea580c}.attribute-value--possible{background:#ca8a04}.attribute-value--unknown{background:var(--color-text-tertiary)}.description-section{padding:var(--spacing-lg)}.section-title{margin:0 0 var(--spacing-sm);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.02em;color:var(--color-text-tertiary)}.description-content{font-size:14px;line-height:1.5;color:var(--color-text)}.description-content strong{font-weight:600}.description-content div{margin:0}.description-content div+div{margin-top:var(--spacing-sm)}.description-content br+br{display:none}.related-section{margin-top:var(--spacing-md)}.related-group{margin-bottom:var(--spacing-md)}.related-title{margin:0 0 var(--spacing-sm);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.02em;color:var(--color-text-tertiary)}.related-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.related-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-card);border-radius:var(--radius-sm);text-decoration:none;transition:opacity 0.2s}.related-card,.related-card:link,.related-card:visited{text-decoration:none}.related-card:hover,.related-card:active{opacity:0.7;text-decoration:none}.related-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.related-type{font-size:14px;font-weight:600;color:var(--color-text);text-decoration:none}.related-area{font-size:12px;color:var(--color-text-secondary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-expires{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:11px;font-weight:600;color:#34c759;white-space:nowrap;padding:3px 8px;background:rgba(52,199,89,0.15);border-radius:10px}.related-expires::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}.radar-section{margin-top:var(--spacing-md);background:var(--color-card);border-radius:var(--radius-md);overflow:hidden}.radar-map-container{position:relative}.radar-toggle{position:absolute;bottom:10px;left:10px;z-index:1000;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:var(--color-text-tertiary);color:white;cursor:pointer;transition:all 0.15s ease;box-shadow:0 1px 3px rgba(0,0,0,0.3)}.radar-toggle svg{width:18px;height:18px}.radar-toggle:hover{transform:scale(1.05)}.radar-toggle:active{transform:scale(0.95)}.radar-toggle.active{background:rgba(0,122,255,0.55)}.radar-map{width:100%;height:240px;background:var(--color-bg);touch-action:manipulation}html.embedded .app-promo{display:none}html.embedded .alert-card{border-radius:var(--radius-lg)}@media (min-width: 769px){html.embedded .back-to-explore{display:none !important}}@media (min-width: 769px){html.embedded .alert-page{padding-top:0}}@media (max-width: 768px){html.embedded .alert-page{padding-top:48px}}html.desktop-modal .alert-page{padding-top:12px}html.desktop-modal .back-to-explore{display:none !important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}html{scrollbar-width:thin;scrollbar-color:var(--color-text-tertiary) transparent}.app-promo{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-card);border-radius:var(--radius-md);text-decoration:none;transition:transform 0.2s}.app-promo,.app-promo:link,.app-promo:visited{text-decoration:none}.app-promo:hover,.app-promo:active{text-decoration:none;transform:scale(0.98)}.promo-icon{width:44px;height:44px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.promo-text{flex:1;display:flex;flex-direction:column;gap:2px}.promo-title{font-size:15px;font-weight:600;color:var(--color-text)}.promo-subtitle{font-size:13px;color:var(--color-text-secondary)}.promo-chevron{width:20px;height:20px;color:var(--color-text-tertiary)}.source-attribution{margin-top:var(--spacing-md);text-align:center;font-size:12px;color:var(--color-text-tertiary)}.source-attribution a{color:var(--color-brand);text-decoration:none}.app-promo--top{margin-bottom:var(--spacing-md)}.embedded .app-promo--top{display:none}.back-to-explore{display:none;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:15px;font-weight:500;color:var(--color-brand);text-decoration:none}.back-to-explore svg{width:20px;height:20px}.back-to-explore:active{opacity:0.7}@media (min-width: 769px){.back-to-explore{display:none !important}}.explore-link{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);text-decoration:none;color:var(--color-text);transition:all 0.2s ease}.explore-link:hover{opacity:0.8}.explore-link:active{transform:scale(0.98)}.explore-link svg:first-child{width:24px;height:24px;color:var(--color-brand)}.explore-link span{flex:1;font-size:15px;font-weight:500}.explore-link .explore-chevron{width:20px;height:20px;color:var(--color-text-tertiary)}.alert-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--spacing-lg)}.alert-not-found .not-found-icon{margin-bottom:var(--spacing-lg);color:var(--color-text-tertiary)}.alert-not-found h1{margin:0 0 var(--spacing-sm);font-size:24px;font-weight:700;color:var(--color-text)}.alert-not-found p{margin:0 0 var(--spacing-sm);font-size:15px;color:var(--color-text-secondary);max-width:320px}.alert-not-found p a{color:var(--color-brand);text-decoration:none}.alert-not-found .not-found-explore{margin:var(--spacing-lg) 0;width:100%;max-width:280px;justify-content:center;background:var(--color-brand);color:white}.alert-not-found .not-found-explore svg:first-child{color:white}.alert-not-found .not-found-explore span{color:white}.alert-not-found .not-found-explore .explore-chevron{color:rgba(255,255,255,0.7)}.alert-not-found .not-found-explore:hover{opacity:0.9}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.status-indicator{animation:none}}.explorer-page{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;overflow:hidden;background:var(--color-bg)}@media (max-width: 768px){.explorer-page{flex-direction:column}}.explorer-map{flex:1;height:100%;background:var(--color-bg);touch-action:manipulation}@media (max-width: 768px){.explorer-map{padding-top:calc(52px + env(safe-area-inset-top))}.embedded .explorer-map{padding-top:0}}.map-loader{display:none;position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:1001;background:var(--color-card);border-radius:20px;padding:8px 16px;box-shadow:0 2px 12px rgba(0,0,0,0.15);align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}@media (max-width: 768px){.map-loader{top:12px}}@media (min-width: 769px){.map-loader{display:none !important}}.map-loader-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:spin 0.7s linear infinite}.alert-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;align-items:center;justify-content:center}.alert-modal-overlay.visible{display:flex}@media (max-width: 768px){.alert-modal-overlay{display:none !important}}.alert-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}.alert-modal-content{position:relative;display:flex;flex-direction:column;width:90%;max-width:700px;height:90vh;max-height:900px;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,0.3);overflow:hidden}.alert-modal-header{display:flex;justify-content:flex-end;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);flex-shrink:0}.alert-modal-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.alert-modal-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:none;background-color:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:0;text-decoration:none;transition:color 0.15s ease;-webkit-appearance:none;appearance:none}.alert-modal-btn svg{width:24px;height:24px}.alert-modal-btn:hover{color:var(--color-text)}.alert-modal-iframe{flex:1;width:100%;border:none;background:var(--color-bg)}.explorer-sidebar{display:flex;flex-direction:column;width:380px;height:100%;background:var(--color-card);border-left:1px solid var(--color-divider);box-shadow:-2px 0 8px rgba(0,0,0,0.1);z-index:50;flex-shrink:0}@media (max-width: 768px){.explorer-sidebar{position:relative;width:100%;height:40vh;min-height:200px;border-left:none;border-top:1px solid var(--color-divider);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 20px rgba(0,0,0,0.15);margin-top:-16px;transition:height 0.3s ease}.explorer-sidebar.expanded{height:85vh}.explorer-sidebar.expanded .sidebar-toggle svg{transform:rotate(180deg)}}.sidebar-drag-handle{display:none;justify-content:center;padding:var(--spacing-sm) 0;cursor:pointer}@media (max-width: 768px){.sidebar-drag-handle{display:flex}}.drag-indicator{width:36px;height:4px;background:var(--color-text-tertiary);border-radius:2px;opacity:0.5}.sidebar-promo{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-sm) var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);text-decoration:none !important;flex-shrink:0;transition:all 0.15s ease}.sidebar-promo *{text-decoration:none !important}.sidebar-promo:hover{opacity:0.8}.sidebar-promo:active{transform:scale(0.98)}.sidebar-promo .promo-icon-small{width:36px;height:36px;border-radius:8px}.sidebar-promo .promo-text{flex:1;display:flex;flex-direction:column;gap:1px}.sidebar-promo .promo-title-small{font-size:14px;font-weight:600;color:var(--color-text)}.sidebar-promo .promo-subtitle-small{font-size:12px;color:var(--color-text-secondary)}.sidebar-promo .promo-chevron-small{width:16px;height:16px;color:var(--color-text-tertiary)}.embedded .sidebar-promo{display:none}@media (max-width: 768px){.sidebar-promo{position:fixed;top:calc(var(--spacing-sm) + env(safe-area-inset-top));left:var(--spacing-sm);right:var(--spacing-sm);margin:0;z-index:200}}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-divider);flex-shrink:0}.sidebar-brand{display:flex;flex-direction:column;gap:2px}.sidebar-title{margin:0;font-size:18px;font-weight:700;color:var(--color-text)}.sidebar-subtitle{font-size:13px;color:var(--color-text-secondary)}.sidebar-toggle{display:none;width:32px;height:32px;padding:0;border:none;background:var(--color-bg);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all 0.15s ease}.sidebar-toggle svg{width:24px;height:24px;transition:transform 0.3s ease}@media (max-width: 768px){.sidebar-toggle{display:flex;align-items:center;justify-content:center}}.explorer-sidebar.expanded .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-filters{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-divider);flex-shrink:0}.filter-group{margin-bottom:var(--spacing-sm)}.filter-group:last-child{margin-bottom:0}.filter-group--half{flex:1}.filter-row{display:flex;gap:var(--spacing-sm)}.filter-label{display:block;margin-bottom:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.02em;color:var(--color-text-tertiary)}.filter-select{width:100%;padding:8px 12px;font-size:14px;font-family:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%236e6e73'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.filter-select:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px rgba(0,122,255,0.15)}.filter-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.filter-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:13px;color:var(--color-text-secondary);cursor:pointer}.filter-checkbox input[type="checkbox"]{width:16px;height:16px;margin:0;accent-color:var(--color-brand);cursor:pointer}.filter-checkbox span{user-select:none}.filter-clear{flex:1;padding:8px 12px;font-size:13px;font-weight:500;font-family:inherit;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all 0.15s ease}.filter-clear:hover{background:var(--color-bg)}.filter-refresh{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px 12px;font-size:13px;font-weight:500;font-family:inherit;color:white;background:var(--color-brand);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.15s ease}.filter-refresh svg{width:16px;height:16px}.filter-refresh:hover{opacity:0.9}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-sm);-webkit-overflow-scrolling:touch}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--color-text-secondary);font-size:14px}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--color-text-tertiary);font-size:14px;text-align:center}.error-state{color:var(--color-extreme);text-align:center}.error-state button{margin-top:var(--spacing-sm);padding:6px 12px;font-size:13px;color:white;background:var(--color-brand);border:none;border-radius:var(--radius-sm);cursor:pointer}.alert-card-mini{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);background:var(--color-bg);border-radius:var(--radius-sm);text-decoration:none;transition:opacity 0.2s;cursor:pointer}.alert-card-mini,.alert-card-mini:link,.alert-card-mini:visited{text-decoration:none}.alert-card-mini:hover,.alert-card-mini:active{opacity:0.7;text-decoration:none}.alert-card-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.alert-card-type{font-size:14px;font-weight:600;color:var(--color-text);text-decoration:none}.alert-card-area{font-size:12px;color:var(--color-text-secondary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-card-expires{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:11px;font-weight:600;color:#34c759;white-space:nowrap;padding:3px 8px;background:rgba(52,199,89,0.15);border-radius:10px}.alert-card-expires::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}.sidebar-footer{padding:var(--spacing-sm) var(--spacing-lg);border-top:1px solid var(--color-divider);flex-shrink:0}.app-promo-mini{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);text-decoration:none;transition:all 0.15s ease}.app-promo-mini:hover{opacity:0.8}.promo-icon-small{width:32px;height:32px;border-radius:7px}.promo-text-small{flex:1;font-size:13px;font-weight:500;color:var(--color-text)}.promo-chevron-small{width:16px;height:16px;color:var(--color-text-tertiary)}.source-attribution-mini{margin-top:var(--spacing-sm);text-align:center;font-size:11px;color:var(--color-text-tertiary)}.source-attribution-mini a{color:var(--color-brand);text-decoration:none}.mobile-attribution{display:none}@media (max-width: 768px){.mobile-attribution{display:block;position:fixed;bottom:8px;left:0;right:0;text-align:center;font-size:10px;color:rgba(128,128,128,0.5);pointer-events:none;z-index:5}.mobile-attribution a{color:rgba(128,128,128,0.6);pointer-events:auto}}.map-controls{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:1000}@media (max-width: 768px){.map-controls{top:auto;bottom:calc(40vh + 8px);left:12px;transition:bottom 0.3s ease}.explorer-page:has(.explorer-sidebar.expanded) .map-controls{bottom:calc(85vh + 8px)}}.map-control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-text-secondary);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.15s ease}.map-control-btn svg{width:20px;height:20px}.map-control-btn:hover{background:var(--color-bg)}.map-control-btn.active{background:var(--color-brand);color:white}.alert-tooltip{background:var(--color-card) !important;border:1px solid var(--color-border) !important;border-radius:var(--radius-sm) !important;color:var(--color-text) !important;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif !important;font-size:13px !important;padding:8px 12px !important;box-shadow:0 2px 8px rgba(0,0,0,0.15) !important}.alert-tooltip::before{border-top-color:var(--color-card) !important}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{border-color:transparent !important}.leaflet-interactive:focus{outline:none}.alert-picker-popup .leaflet-popup-content-wrapper{background:#ffffff;color:#1c1c1e;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.3);padding:0}.alert-picker-popup .leaflet-popup-content{margin:0;min-width:220px}.alert-picker-popup .leaflet-popup-tip{background:#ffffff}.alert-picker{padding:8px 0}.alert-picker-title{font-size:11px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:0.5px;padding:6px 14px 8px;border-bottom:1px solid #e5e5ea}.alert-picker-item{display:flex;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;color:#1c1c1e;cursor:pointer;transition:background 0.15s;border-bottom:1px solid #f2f2f7}.alert-picker-item:last-child{border-bottom:none}.alert-picker-item:hover{background:#f2f2f7}.alert-picker-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.alert-picker-type{font-size:13px;font-weight:600;white-space:nowrap}.alert-picker-area{font-size:11px;color:#8e8e93;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-color-scheme: dark){.alert-picker-popup .leaflet-popup-content-wrapper{background:#2c2c2e;color:#ffffff}.alert-picker-popup .leaflet-popup-tip{background:#2c2c2e}.alert-picker-title{color:#98989d;border-color:#3a3a3c}.alert-picker-item{color:#ffffff;border-color:#3a3a3c}.alert-picker-item:hover{background:#3a3a3c}.alert-picker-area{color:#98989d}}.force-dark .alert-picker-popup .leaflet-popup-content-wrapper{background:#2c2c2e;color:#ffffff}.force-dark .alert-picker-popup .leaflet-popup-tip{background:#2c2c2e}.force-dark .alert-picker-title{color:#98989d;border-color:#3a3a3c}.force-dark .alert-picker-item{color:#ffffff;border-color:#3a3a3c}.force-dark .alert-picker-item:hover{background:#3a3a3c}.force-dark .alert-picker-area{color:#98989d}@media (prefers-color-scheme: dark){.leaflet-container{background:#1c1c1e}.leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(0.9) contrast(0.95)}}.force-dark .leaflet-container{background:#1c1c1e}.force-dark .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(0.9) contrast(0.95)}.force-light .leaflet-container{background:#f2f2f7}.force-light .leaflet-tile-pane{filter:none}.theme-toggle{position:fixed;bottom:24px;right:24px;z-index:1000;width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px rgba(0,0,0,0.15);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform 0.15s ease, box-shadow 0.15s ease}.theme-toggle:hover{transform:scale(1.08);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.theme-toggle:active{transform:scale(0.95)}.theme-toggle svg{width:20px;height:20px;fill:var(--color-text-secondary)}.theme-toggle.hidden{display:none}.explorer-page~.theme-toggle{display:none}.map-controls--right{left:auto;right:calc(380px + 20px)}@media (max-width: 768px){.map-controls--right{left:auto;right:12px}}