:root{--outage-red:var(--color-error,#dc2626);--outage-red-glow:color-mix(in oklab, var(--color-error,#dc2626) 16%, transparent);--outage-amber:var(--color-warning,#efc84a);--outage-amber-glow:color-mix(in oklab, var(--color-warning,#efc84a) 18%, transparent);--outage-green:var(--color-success,#10b981);--outage-surface:#0f0f1408;--outage-grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}.outage-live-dot{background:var(--outage-red);width:8px;height:8px;box-shadow:0 0 6px var(--outage-red);border-radius:50%;animation:2s ease-in-out infinite outage-pulse}@keyframes outage-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.outage-interactive-map-wrap{border:1px solid var(--fallback-b3,oklch(var(--b3)));background:var(--fallback-b1,oklch(var(--b1)));border-radius:1rem;position:relative;overflow:hidden}.outage-interactive-map{width:100%;height:500px}@media (max-width:768px){.outage-interactive-map{height:380px}}.outage-map-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fca5a5;letter-spacing:.02em;z-index:5;background:#1e1e1ed9;border:1px solid #dc26264d;border-radius:2rem;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:3.5rem;left:.75rem}.outage-map-controls{z-index:5;gap:.4rem;display:flex;position:absolute;bottom:.75rem;left:.75rem}.outage-map-select{appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e5e7eb;cursor:pointer;background:#1e1e1ed9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%239ca3af' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right .5rem center no-repeat;border:1px solid #ffffff26;border-radius:.5rem;min-width:100px;padding:.4rem 1.8rem .4rem .6rem;font-size:.7rem;font-weight:600;transition:border-color .15s}.outage-map-select:hover,.outage-map-select:focus{border-color:#dc262680;outline:none}.outage-map-select option{color:#e5e7eb;background:#1e1e1e}.outage-map-search-overlay{z-index:10;align-items:flex-start;gap:.4rem;max-width:380px;display:flex;position:absolute;top:.75rem;left:.75rem;right:3.5rem}.outage-map-search-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e1ee0;border:1px solid #ffffff1f;border-radius:.6rem;flex:1;min-width:0;position:relative;overflow:visible}.outage-map-search-input .relative{position:relative}.outage-map-search-input input{color:#e5e7eb!important;padding:.45rem .5rem!important;font-size:.8rem!important}.outage-map-search-input input::placeholder{color:#e5e7eb66!important}.outage-map-search-input .absolute{z-index:20!important}.outage-map-locate-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e5e7eb;cursor:pointer;background:#1e1e1ee0;border:1px solid #ffffff1f;border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.outage-map-locate-btn:hover{color:#60a5fa;background:#1e1e1ef2;border-color:#3b82f680}.outage-map-locate-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.outage-map-search-overlay{max-width:none;right:2.75rem}}.outage-interactive-map-wrap .maplibregl-popup-content{border-radius:.75rem!important;padding:1rem!important;box-shadow:0 8px 30px #0003!important}.outage-interactive-map-wrap .maplibregl-popup-close-button{color:#6b7280;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;transition:background .15s;display:flex;top:6px!important;right:8px!important}.outage-interactive-map-wrap .maplibregl-popup-close-button:hover{color:#111;background:#00000014}.outage-state-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;display:grid}.outage-station-card.active{border-color:var(--outage-red)!important;background:var(--outage-red-glow)!important}.outage-filters{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.outage-filter-btn{border:1px solid var(--fallback-b3,oklch(var(--b3)));background:var(--fallback-b1,oklch(var(--b1)));color:var(--fallback-bc,oklch(var(--bc) / .7));cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.outage-filter-btn:hover{border-color:var(--fallback-bc,oklch(var(--bc) / .3));background:var(--fallback-b2,oklch(var(--b2)))}.outage-filter-btn.active{background:var(--outage-red);border-color:var(--outage-red);color:#fff;box-shadow:0 2px 8px var(--outage-red-glow)}.outage-filter-btn .filter-count{background:#fff3;border-radius:999px;padding:.1rem .4rem;font-size:.65rem;font-weight:800}.outage-station-card{background:var(--fallback-b1,oklch(var(--b1)));border:1px solid var(--fallback-b3,oklch(var(--b3)));border-radius:.75rem;align-items:flex-start;gap:.875rem;padding:1rem;transition:all .15s;display:flex}.outage-station-card:hover{border-color:var(--outage-red);box-shadow:0 2px 12px var(--outage-red-glow)}.outage-station-logo{object-fit:contain;background:var(--fallback-b2,oklch(var(--b2)));border-radius:.5rem;flex-shrink:0;width:40px;height:40px}.outage-station-info{flex:1;min-width:0}.outage-station-name{color:var(--fallback-bc,oklch(var(--bc)));white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;overflow:hidden}.outage-station-address{color:var(--fallback-bc,oklch(var(--bc) / .5));white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.75rem;overflow:hidden}.outage-reason{color:var(--fallback-bc,oklch(var(--bc) / .35));margin-top:.25rem;font-size:.65rem;font-style:italic}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.outage-filters{gap:.4rem}.outage-filter-btn{padding:.35rem .7rem;font-size:.7rem}}.outage-pagination{justify-content:center;align-items:center;gap:.25rem;margin-top:1.5rem;display:flex}.outage-section{max-width:80rem;margin:0 auto;padding:2rem 1.5rem}.outage-section-label{text-transform:uppercase;letter-spacing:.15em;color:var(--fallback-bc,oklch(var(--bc) / .35));margin-bottom:.75rem;font-size:.65rem;font-weight:800}.outage-section-title{color:var(--fallback-bc,oklch(var(--bc)));margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.outage-view-toggle{border:1px solid var(--fallback-b3,oklch(var(--b3)));background:var(--fallback-b1,oklch(var(--b1)));border-radius:999px;align-items:center;gap:.25rem;padding:.25rem;display:inline-flex}.outage-view-btn{width:2rem;height:2rem;color:var(--fallback-bc,oklch(var(--bc) / .55));cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.outage-view-btn:hover{background:var(--fallback-b2,oklch(var(--b2)));color:var(--outage-red)}.outage-view-btn.active{background:var(--outage-red);color:var(--color-primary-content,#fff)}