:root{--bg:#f8fafc;--bg-deep:#f1f5f9;--bg-deep-rgb:241, 245, 249;--panel:#fff;--panel-rgb:255, 255, 255;--panel-light:#f1f5f9;--panel-lighter:#cbd5e1;--border:#e2e8f0;--border-rgb:226, 232, 240;--border-light:#cbd5e1;--text:#0f172a;--text-dim:#475569;--text-faint:#64748b;--amber:#0891b2;--amber-dim:#0891b21a;--teal:#059669;--teal-dim:#0596691a;--red:#e11d48;--red-dim:#e11d481a;--blue:#4f46e5;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--map-marker-color:#02419c}.dark-theme{--bg:#0f172a;--bg-deep:#020617;--bg-deep-rgb:2, 6, 23;--panel:#1e293b;--panel-rgb:30, 41, 59;--panel-light:#334155;--panel-lighter:#475569;--border:#334155;--border-rgb:51, 65, 85;--border-light:#475569;--text:#f8fafc;--text-dim:#cbd5e1;--text-faint:#94a3b8;--amber:#06b6d4;--amber-dim:#06b6d426;--teal:#10b981;--teal-dim:#10b98126;--red:#f43f5e;--red-dim:#f43f5e26;--blue:#818cf8;--map-marker-color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow:hidden}.wrap{max-width:1280px;margin:0 auto;padding:0 24px}header.portal-header{background:linear-gradient(180deg, var(--bg-deep) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);padding:30px 0 24px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);align-items:center;gap:8px;margin-bottom:10px;font-family:monospace;font-size:11.5px;display:flex}.eyebrow:before{content:"";background:var(--amber);border-radius:50%;width:6px;height:6px;display:inline-block}.title-row{align-items:center;gap:16px;margin-bottom:8px;display:flex}.title-row img{background:#fff;border-radius:50%;flex-shrink:0;width:48px;height:48px;padding:2px}h1.portal-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:28px;font-weight:800}header p.sub{color:var(--text-dim);max-width:640px;margin-bottom:20px;font-size:14px}.stat-row{background:var(--border);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.stat{background:var(--panel);padding:14px 16px}.stat .num{color:var(--amber);font-family:monospace;font-size:24px;font-weight:700;line-height:1.1}.stat .lbl{color:var(--text-dim);margin-top:4px;font-size:11px}.content-section{flex-direction:column;height:100vh;padding:0;display:flex;position:relative}.content-section .wrap{flex-direction:column;flex:1;max-width:100%;height:100%;padding:0;display:flex}.left-sidebar-nav{background:var(--bg-deep);border:1px solid var(--border);z-index:1000;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;width:320px;padding:24px 16px;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 8px 24px #0003}.sidebar-branding{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.sidebar-logo{text-align:left;margin-bottom:2px}.sidebar-header{text-align:left;margin-bottom:0}.sidebar-header h2{color:var(--text);margin-bottom:2px;font-size:15px;font-weight:700}.sidebar-header p{color:var(--text-dim);font-size:11px}.map-footer-visual{z-index:1000;flex-direction:column;width:100%;display:flex;position:absolute;bottom:0;left:0}.sidebar-bottom-banner{color:#fff;background:linear-gradient(90deg,#00143c 0%,#02419c 100%);flex-direction:row;justify-content:center;align-items:center;gap:16px;padding:10px 12px;display:flex}.sidebar-banner-item{letter-spacing:.02em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.sidebar-banner-item a{color:#fff;text-decoration:none}.sidebar-banner-item a:hover{text-decoration:underline}.light-theme .left-sidebar-nav{color:#fff;background:linear-gradient(160deg,#02419c 0%,#00143c 100%)}.light-theme .sidebar-header h2,.light-theme .sidebar-header p{color:#fff}.light-theme .theme-toggle-btn{color:#0f172a;background:#fff;border-color:#e5e7eb}.light-theme .theme-toggle-btn:hover{background:#f8fafc}.tabs-nav-container{width:100%;position:relative}.tabs-nav-list{flex-direction:column;gap:8px;width:100%;display:flex}.nav-card-btn{background:var(--panel);border:1px solid var(--border);text-align:left;cursor:pointer;width:100%;color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.nav-card-btn.dropdown-toggle{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #0003}.nav-card-btn.dropdown-toggle .nav-card-title,.nav-card-btn.dropdown-toggle .nav-card-subtitle{color:#fff}.nav-card-btn-content-wrap{align-items:center;gap:12px;display:flex}.nav-card-btn:hover{background:var(--panel-light);border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}@keyframes activeCardPulseDark{0%{box-shadow:0 0 #38bdf8b3}50%{box-shadow:0 0 0 4px #38bdf84d}to{box-shadow:0 0 0 6px #38bdf800}}.nav-card-btn.active{border-color:var(--power-blue,#38bdf8);background:var(--panel-light);animation:1.5s ease-in-out infinite activeCardPulseDark}.nav-card-icon{background:var(--bg-deep);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:12px;font-size:24px;display:flex}.icon-powermap{color:var(--power-blue)}.icon-ev{color:var(--success)}.icon-hydrokinetic{color:var(--danger)}.icon-pumphydro{color:var(--power-blue)}.icon-battery{color:var(--amber)}.icon-shp{color:#14b8a6}.icon-quiz{color:var(--amber)}.light-theme .nav-card-btn{color:#0f172a;background:#fff;border-color:#e5e7eb}.light-theme .nav-card-btn:hover{background:#f8fafc;box-shadow:0 4px 12px #0000000d}@keyframes activeCardPulse{0%{box-shadow:0 0 #ffffffb3}50%{box-shadow:0 0 0 4px #ffffff4d}to{box-shadow:0 0 0 6px #fff0}}.light-theme .nav-card-btn.active{background:#02419c;border-color:#02419c;animation:1.5s ease-in-out infinite activeCardPulse}.light-theme .nav-card-btn.active .nav-card-title,.light-theme .nav-card-btn.active .nav-card-subtitle,.light-theme .nav-card-btn.active .nav-card-chevron{color:#fff}.light-theme .nav-card-title{color:#02419c}.light-theme .nav-card-btn.dropdown-toggle{background:#fff;border-color:#e5e7eb}.light-theme .nav-card-btn.dropdown-toggle .nav-card-title{color:#02419c}.light-theme .nav-card-btn.dropdown-toggle .nav-card-subtitle,.light-theme .nav-card-btn.dropdown-toggle .nav-card-chevron{color:#475569}.light-theme .nav-card-icon{color:#fff}.light-theme .icon-powermap{background:#02419c}.light-theme .icon-ev{background:#45a649}.light-theme .icon-hydrokinetic{background:#3ba9b6}.light-theme .icon-pumphydro{background:#1884c7}.light-theme .icon-battery{background:#7d2f9b}.light-theme .icon-shp{background:#0369a1}.light-theme .icon-quiz{background:#ed8c22}.light-theme .nav-card-btn.active .nav-card-icon{color:#02419c;background:#fff}.nav-card-content{flex:1}.nav-card-title{text-transform:uppercase;margin-bottom:3px;font-size:13px;font-weight:700;display:block}.nav-card-subtitle{color:var(--text-dim);font-size:11px;line-height:1.3;display:block}.nav-card-chevron{color:var(--text-faint);margin-left:8px;font-size:16px}.tab-content{display:none}.tab-content.active{animation:.3s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.map-shell{background:var(--bg);flex:1;min-height:0;position:relative;overflow:hidden}.map-wrap{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.map-container-element{width:100%;height:100%}.sidebar-container-wrapper{z-index:10;background:rgba(var(--panel-rgb), .85);-webkit-backdrop-filter:blur(20px)saturate(190%);border:1px solid rgba(var(--border-rgb), .4);border-radius:16px;flex-direction:column;width:290px;animation:.4s cubic-bezier(.16,1,.3,1) forwards panelSlideIn;display:flex;position:absolute;top:20px;bottom:20px;left:20px;overflow:hidden;box-shadow:0 10px 30px #00000014,0 1px 3px #0000000a}.close-secondary-btn{background:rgba(var(--border-rgb), .4);width:28px;height:28px;color:var(--text);cursor:pointer;z-index:20;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.close-secondary-btn:hover{color:#fff;background:#ef4444cc}@keyframes panelSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.controls{background:0 0;border-right:none;flex-direction:column;gap:16px;height:100%;padding:18px;display:flex;overflow-y:auto}.ctrl-group label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:7px;font-size:11px;font-weight:600;display:block}.toggle-row{background:var(--panel-light);border:1px solid var(--border-light);border-radius:10px;gap:4px;height:44px;padding:3px;display:flex}.toggle-row button{color:var(--text-dim);cursor:pointer;height:100%;font-size:13px;font-weight:600;font-family:var(--font-display);background:0 0;border:none;border-radius:7px;flex:1;transition:all .2s cubic-bezier(.4,0,.2,1)}.toggle-row button.active{background:var(--amber);color:#fff}select,input[type=text]{background:var(--panel-light);border:1px solid var(--border-light);width:100%;color:var(--text);height:44px;font-size:13.5px;font-family:var(--font-sans);border-radius:10px;outline:none;padding:0 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}select:hover,input[type=text]:hover{border-color:var(--text-faint);background:var(--panel)}select:focus,input:focus{border-color:var(--amber);box-shadow:0 0 0 2px #06b6d633}.count-badge{background:var(--panel-light);border:1px solid var(--border-light);text-align:center;border-radius:10px;margin-top:auto;padding:14px}.count-badge .n{color:var(--teal);font-family:monospace;font-size:22px;font-weight:700}.count-badge .l{color:var(--text-dim);margin-top:2px;font-size:11px}.reset-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;height:44px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.reset-btn:hover{background:var(--panel-light);border-color:var(--border-light);color:var(--text);transform:translateY(-.5px)}.map-wrap{width:100%;height:100%;position:relative}.map-container-element{background:var(--bg-deep);border-radius:0;width:100%;height:100%}.legend-box{-webkit-backdrop-filter:blur(16px);z-index:500;border-radius:12px;width:220px;max-height:250px;padding:14px 16px;font-size:11.5px;position:absolute;bottom:80px;left:auto;right:24px;overflow-y:auto;box-shadow:0 10px 30px #00000014,0 1px 3px #0000000a;background:rgba(var(--panel-rgb), .85)!important;border:1px solid rgba(var(--border-rgb), .4)!important}.legend-box::-webkit-scrollbar{width:6px}.legend-box::-webkit-scrollbar-track{background:0 0}.legend-box::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.legend-box .lt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:10px;font-weight:700}.legend-item{color:var(--text-dim);align-items:center;gap:7px;margin-bottom:5px;display:flex}.legend-item.interactive-item{border-radius:6px;margin-left:-8px;margin-right:-8px;padding:6px 8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.legend-item.interactive-item:hover{background:var(--panel-light);color:var(--text);transform:translate(3px)}.legend-item.interactive-item.active{background:var(--amber-dim);color:var(--amber);font-weight:600}.legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.map-grid-layout{grid-template-rows:1fr auto;grid-template-columns:1fr;gap:16px;height:100%;display:grid}.list-side-panel{background:0 0;border:none;border-radius:0;flex-direction:column;height:auto;min-height:0;max-height:40vh;padding:16px 18px;display:flex}.list-side-panel .panel-header{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;font-family:var(--font-display);align-items:center;gap:6px;margin-bottom:8px;padding-bottom:12px;display:flex}.list-side-panel ul.ph-list{flex:1;margin-top:0;padding-right:4px;list-style:none;overflow-y:auto}.list-side-panel ul.ph-list::-webkit-scrollbar{width:6px}.list-side-panel ul.ph-list::-webkit-scrollbar-track{background:0 0}.list-side-panel ul.ph-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.list-side-panel ul.ph-list::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.placeholder-banner{background:var(--red-dim);color:#f0a99e;border:1px solid #5a3830;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:12.5px;line-height:1.4;display:flex}.placeholder-banner b{color:#f5c4bc}.ph-list li{border-bottom:1px solid var(--border);cursor:pointer;border-left:3px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:14px 16px;font-size:13.5px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.ph-list li:hover{background:var(--panel-light);border-left-color:var(--amber);transform:translate(6px);box-shadow:0 4px 12px #0000000d}.ph-list li.active{background:var(--panel-light);border-left-color:var(--amber);transform:translate(6px);box-shadow:0 4px 12px #00000014}.ph-list .pname{color:var(--text);font-weight:600;line-height:1.3}.ph-list .ploc{color:var(--text-faint);margin-top:2px;font-size:11px;font-weight:400;display:block}.ph-tag{border-radius:4px;flex-shrink:0;padding:2px 7px;font-family:monospace;font-size:10px}.ph-tag.ev{background:var(--amber-dim);color:var(--amber)}.ph-tag.hk{background:var(--teal-dim);color:var(--teal)}.leaflet-popup-content-wrapper{background:var(--panel-light)!important;color:var(--text)!important;border:1px solid var(--border-light)!important;border-radius:8px!important;box-shadow:0 4px 16px #00000014!important}.leaflet-popup-tip{background:var(--panel-light)!important}.leaflet-popup{animation:.25s cubic-bezier(.4,0,.2,1) forwards popupFadeIn}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.popup-title{margin-bottom:6px;font-size:13.5px;font-weight:700}.popup-row{color:var(--text-dim);margin-bottom:2px;font-size:12px}.popup-row b{color:var(--text);font-weight:600}.popup-tag{background:var(--amber-dim);color:var(--amber);border-radius:4px;margin-top:6px;padding:2px 6px;font-family:monospace;font-size:10.5px;display:inline-block}@media (max-width:860px){.map-shell,.map-grid-layout{grid-template-columns:1fr}.list-side-panel{height:auto;max-height:300px}.tabs-nav{max-width:100%;overflow-x:auto}.stat-row{grid-template-columns:repeat(2,1fr)}}.popup-survey-card{font-family:var(--font-sans);flex-direction:column;gap:6px;display:flex}.popup-survey-img-container{border:1px solid var(--border-light);background:var(--bg-deep);border-radius:6px;width:100%;height:140px;margin-bottom:6px;overflow:hidden}.popup-survey-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.popup-survey-img:hover{transform:scale(1.04)}.site-details-panel{border-top:1px solid var(--border);background:var(--panel);flex-direction:column;flex-shrink:0;gap:12px;max-height:55%;margin-top:12px;padding-top:14px;animation:.3s cubic-bezier(.4,0,.2,1) forwards detailsSlideUp;display:flex}@keyframes detailsSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.details-header{color:var(--text);font-size:13.5px;font-weight:700;font-family:var(--font-display);justify-content:space-between;align-items:center;display:flex}.close-details-btn{cursor:pointer;color:var(--text-faint);background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1;transition:color .2s}.close-details-btn:hover{color:var(--text)}.details-body{flex-direction:column;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.details-body::-webkit-scrollbar{width:4px}.details-body::-webkit-scrollbar-track{background:0 0}.details-body::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.details-img-container{border:1px solid var(--border);cursor:pointer;border-radius:6px;flex-shrink:0;width:100%;height:120px;position:relative;overflow:hidden}.details-img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.details-img-container:hover .details-img{transform:scale(1.03)}.zoom-overlay{color:#fff;text-align:center;opacity:0;background:#0f172ab3;padding:3px 0;font-size:10px;font-weight:600;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.details-img-container:hover .zoom-overlay{opacity:1}.details-info{flex-direction:column;gap:5px;font-size:12px;display:flex}.details-row{color:var(--text-dim);line-height:1.35}.details-row b{color:var(--text);font-weight:600}.ev-leaflet-icon{background:0 0!important;border:none!important}.custom-emoji-icon{justify-content:center;align-items:center;display:flex;background:0 0!important;border:none!important}.ev-marker-icon{color:#d97706;background:#fff;border:2px solid #d97706;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:5px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;display:flex;box-shadow:0 3px 8px #00000029}.ev-marker-icon svg{width:100%;height:100%;display:block}.ev-marker-icon:hover{cursor:pointer;transform:scale(1.12);box-shadow:0 5px 12px #d9770640}.ev-marker-icon.highlighted{box-shadow:0 0 16px var(--amber), 0 5px 12px #d9770673!important;z-index:1000!important;border-color:#fff!important;transform:scale(1.25)!important}.theme-toggle-btn{background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.theme-toggle-btn:hover{background:var(--panel-light);border-color:var(--border-light);transform:translateY(-.5px)}.theme-toggle-btn svg{color:#e0a458}.leaflet-bar{border:none!important;box-shadow:0 4px 20px #00000014!important}.leaflet-bar a{-webkit-backdrop-filter:blur(12px);justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);background-color:rgba(var(--panel-rgb), .85)!important;color:var(--text)!important;border:1px solid rgba(var(--border-rgb), .4)!important;border-bottom:none!important;width:44px!important;height:44px!important;font-size:18px!important;line-height:44px!important;display:flex!important}.leaflet-bar a:first-child{border-top-left-radius:10px!important;border-top-right-radius:10px!important}.leaflet-bar a:last-child{border-bottom:1px solid rgba(var(--border-rgb), .4)!important;border-bottom-right-radius:10px!important;border-bottom-left-radius:10px!important}.leaflet-bar a:hover{background-color:var(--panel-light)!important;color:var(--amber)!important}@keyframes districtBlink{0%,to{opacity:1}50%{opacity:.2}}.leaflet-tooltip-permanent.district-tooltip,.leaflet-tooltip.district-tooltip{opacity:1!important;visibility:visible!important;transition:none!important}.district-tooltip{color:#f1f5f9!important;letter-spacing:.07em!important;text-transform:uppercase!important;pointer-events:none!important;-webkit-backdrop-filter:blur(6px)!important;white-space:nowrap!important;background:#0f172ac7!important;border:1px solid #ffffff38!important;border-radius:6px!important;padding:3px 9px!important;font-size:11px!important;font-weight:700!important;animation:1.8s ease-in-out infinite districtBlink!important;box-shadow:0 2px 12px #0006!important}.district-tooltip:before{display:none!important}.light-theme .district-tooltip{color:#1e293b!important;background:#ffffffd9!important;border:1px solid #1e293b38!important;box-shadow:0 2px 8px #00000026!important}.dark-theme .ev-marker-icon{background:var(--panel);border-color:var(--amber);color:var(--amber)}.dark-theme .ev-marker-icon:hover{box-shadow:0 5px 12px #0891b259}.custom-map-controls{z-index:1000;flex-direction:column;gap:8px;display:flex;position:absolute;top:20px;right:20px}.custom-map-controls .control-btn{background:rgba(var(--panel-rgb), .85);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #00000026}.custom-map-controls .control-btn:hover{background:var(--panel-light);color:var(--amber);transform:translateY(-1px)}.custom-map-controls .control-btn:active{transform:translateY(1px)}.custom-map-controls .active-line-btn{background:var(--amber);border-color:var(--amber);color:var(--bg-deep)!important}.custom-map-controls .active-line-btn:hover{background:var(--amber);opacity:.9;color:var(--bg-deep)!important}.custom-map-controls .home-btn{color:var(--text-dim);margin-top:4px}.custom-map-controls .home-btn:hover{color:var(--amber)}@keyframes markerBlink{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.power-map-icon-inner{filter:drop-shadow(0 2px 4px #00000080);color:var(--map-marker-color);justify-content:center;align-items:center;display:flex}.power-map-icon-inner.primary{width:24px;height:24px}.power-map-icon-inner.secondary{width:18px;height:18px}.marker-blinking>div{transform-origin:50%;animation:1.2s ease-in-out infinite markerBlink!important}.marker-primary-blink>div{transform-origin:50%;animation:1.8s ease-in-out infinite markerBlink!important}@keyframes dialogSlideIn{0%{opacity:0;transform:translate(-50%,-46%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.info-dialog-backdrop{z-index:9000;-webkit-backdrop-filter:blur(3px);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.info-dialog{z-index:9001;-webkit-backdrop-filter:blur(20px);background:#0a121ee0;border:1px solid #ffffff1f;border-radius:16px;width:min(420px,92vw);max-height:82vh;padding:0;animation:.22s cubic-bezier(.34,1.56,.64,1) forwards dialogSlideIn;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 60px #0009,0 0 0 1px #ffffff0f}.light-theme .info-dialog{background:#ffffffeb;border:1px solid #0000001a;box-shadow:0 24px 60px #0003}.info-dialog-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px 10px;display:flex}.light-theme .info-dialog-header{border-bottom-color:#00000014}.info-dialog-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:700}.info-dialog-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;transition:background .15s,color .15s;display:flex}.info-dialog-close:hover{color:#fff;background:#ffffff1a}.light-theme .info-dialog-close:hover{color:#111;background:#00000014}.info-dialog-name{color:var(--amber);margin:12px 20px 0;font-size:15px;font-weight:700;line-height:1.4}.info-dialog-body{flex-direction:column;gap:7px;padding:10px 20px 20px;display:flex}.info-dialog-row{color:var(--text);font-size:13px;line-height:1.5}.info-dialog-row b{color:var(--text-dim);margin-right:4px;font-weight:600}@keyframes zoomInOutBlink{0%{opacity:.8;transform:scale(.8)}50%{opacity:1;transform:scale(1.5);box-shadow:0 0 15px #ff453acc}to{opacity:.8;transform:scale(.8)}}.unakoti-sld-blink>div{transform-origin:50%;animation:1.5s ease-in-out infinite sldHighlightBlink!important}@keyframes sldHighlightBlink{0%{filter:drop-shadow(0 0 4px #ff453a)drop-shadow(0 0 10px #ff453a)brightness()}50%{filter:drop-shadow(0 0 12px #ff453a)drop-shadow(0 0 20px #ff453a)brightness(1.5);transform:scale(1.15)}to{filter:drop-shadow(0 0 4px #ff453a)drop-shadow(0 0 10px #ff453a)brightness()}}.pdf-modal-overlay{z-index:99999;background-color:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.pdf-modal-header{background-color:#111;justify-content:flex-end;width:100%;padding:15px 30px;display:flex;box-shadow:0 4px 6px #0000004d}.pdf-modal-close-btn{color:#fff;cursor:pointer;background-color:#ff453a;border:none;border-radius:6px;padding:8px 16px;font-size:16px;font-weight:700;transition:background-color .2s}.pdf-modal-close-btn:hover{background-color:#ff2a1f}.pdf-modal-content{background:#fff;border-radius:8px;width:90%;height:85%;margin-top:20px;overflow:hidden;box-shadow:0 10px 30px #00000080}.pdf-modal-content iframe{border:none;width:100%;height:100%}.district-label{letter-spacing:1px;text-transform:uppercase;text-shadow:1px 1px 3px #000c;pointer-events:none;font-size:.85rem;font-weight:800;box-shadow:none!important;color:#ffffff73!important;background:0 0!important;border:none!important}.district-label:before,.district-label:after{display:none!important}.light-theme .district-label{text-shadow:2px 2px 5px #fffc;color:#00000073!important}
:root{--power-blue:#3b82f6;--power-blue-glow:#3b82f680;--power-dark:#0f172a;--power-light:#eff6ff;--success:#10b981;--success-bg:#10b98133;--danger:#ef4444;--danger-bg:#ef444433;--border:#fff3}*{box-sizing:border-box}.quiz-launcher,.next-button,.secondary-button,.answer-option,.close-button{font:inherit}.quiz-launcher{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:1000;background:#2563ebd9;border:1px solid #3b82f666;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:220px;height:44px;padding:10px 20px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #2563eb33}.quiz-launcher:hover{background:#2563eb;transform:translateY(-1.5px);box-shadow:0 10px 24px #2563eb59}.quiz-launcher:active{transform:translateY(.5px)}.quiz-overlay{z-index:1000;background-image:url(/tripura-power-map.jpeg);background-repeat:no-repeat;background-size:120% 120%;animation:25s ease-in-out infinite alternate bgPan;position:fixed;inset:0}@keyframes bgPan{0%{background-position:0 0}to{background-position:100% 100%}}.quiz-overlay:before{content:"";-webkit-backdrop-filter:blur(12px);z-index:0;background:linear-gradient(135deg,#02419ceb,#00143cf2);position:absolute;inset:0}.quiz-chatbot{z-index:1;background:0 0;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow-y:auto}.quiz-progress-wrap,.quiz-body,.result-screen{width:100%;max-width:800px;margin:0 auto}.quiz-header{color:#fff;background:0 0;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.quiz-header h2,.result-screen h2,.message-bubble h3{margin:0}.quiz-header h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.quiz-eyebrow{letter-spacing:.15em;color:var(--power-blue);text-transform:uppercase;margin:0 0 5px;font-size:.75rem;font-weight:800}.close-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .2s;display:flex}.close-button:hover{color:#fff;background:#fff3;transform:rotate(90deg)}.quiz-progress-wrap{padding:30px 20px 20px}.quiz-progress-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin-bottom:12px;font-size:.85rem;font-weight:700;display:flex}.quiz-progress-track{background:#fff3;border-radius:999px;height:6px;overflow:hidden}.quiz-progress-fill{border-radius:inherit;background:#fff;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ffffff80}.quiz-stepper{justify-content:space-between;gap:5px;margin-top:20px;display:flex}.quiz-step{color:#fff9;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;transition:all .3s;display:grid}.quiz-step.active{color:var(--power-dark);background:#fff;border-color:#fff;transform:scale(1.15);box-shadow:0 0 15px #ffffff80}.quiz-step.completed{color:#fff;background:var(--success);border-color:var(--success)}.quiz-body{padding:10px 20px 40px}.bot-message{align-items:center;gap:16px;margin-bottom:25px;display:flex}.bot-avatar{width:48px;height:48px;color:var(--power-blue);background:#fff;border-radius:14px;flex:0 0 48px;place-items:center;font-size:1.5rem;display:grid;box-shadow:0 4px 15px #0003}.message-bubble{background:#fff;border:none;border-radius:12px 24px 24px;padding:16px 24px;box-shadow:0 10px 30px #0003}.message-bubble p{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:.95rem;font-weight:400}.message-bubble h3{color:#0f172a;font-size:1rem;font-weight:800;line-height:1.4}.answer-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answer-option{color:#0f172a;text-align:left;cursor:pointer;background:#fffffff2;border:1px solid #fff3;border-radius:12px;align-items:center;gap:16px;width:100%;padding:16px 20px;font-size:1.05rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0000001a}.answer-option:hover:not(:disabled){background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.option-letter{width:32px;height:32px;color:var(--power-blue);background:#f1f5f9;border-radius:8px;flex:0 0 32px;place-items:center;font-size:.85rem;font-weight:800;transition:all .2s;display:grid}.answer-option:hover:not(:disabled) .option-letter{background:var(--power-blue);color:#fff}.answer-option.correct{border-color:var(--success);color:#065f46;background:#f0fdf4;box-shadow:0 4px 15px #10b98126}.answer-option.incorrect{border-color:var(--danger);color:#991b1b;background:#fef2f2;box-shadow:0 4px 15px #ef444426}.answer-option.correct .option-letter{background:var(--success);color:#fff}.answer-option.incorrect .option-letter{background:var(--danger);color:#fff}.feedback{background:#fff;border:1px solid #02419c1a;border-radius:12px;margin-top:24px;padding:20px 24px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;box-shadow:0 4px 20px #0000000d}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feedback strong{margin-bottom:8px;font-size:1.2rem;display:block}.feedback p{color:#475569;margin:0 0 20px;font-size:1rem;line-height:1.6}.feedback.positive{color:#065f46;background:#f0fdf4;border-color:#34d399}.feedback.negative{color:#991b1b;background:#fef2f2;border-color:#f87171}.next-button,.secondary-button{cursor:pointer;border-radius:12px;width:100%;max-width:250px;padding:14px 24px;font-size:1rem;font-weight:800;transition:all .2s}.next-button{color:#fff;background:var(--power-blue);box-shadow:0 4px 15px var(--power-blue-glow);border:none}.next-button:hover{box-shadow:0 8px 25px var(--power-blue-glow);background:#1e3a8a;transform:translateY(-2px)}.secondary-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3}.secondary-button:hover{background:#fff3}.result-screen{text-align:center;color:#0f172a;background:#fff;border-radius:20px;margin-top:40px;padding:60px 20px;box-shadow:0 10px 40px #00000014}.result-icon{background:linear-gradient(135deg, var(--power-blue), #1e3a8a);width:80px;height:80px;box-shadow:0 12px 30px var(--power-blue-glow);border-radius:50%;place-items:center;margin:0 auto 24px;font-size:2.5rem;display:grid}.result-screen h2{margin-bottom:10px;font-size:2rem}.score-circle{background:#fff;border:8px solid #02419c1a;border-radius:50%;place-content:center;width:160px;height:160px;margin:35px auto;display:grid;box-shadow:0 10px 30px #0000000d}.score-circle span{color:var(--power-blue);font-size:3.5rem;font-weight:900}.score-circle small{color:#64748b;margin-top:5px;font-size:1.1rem;font-weight:700}.result-message{color:#0f172a;max-width:400px;margin:0 auto;font-size:1.2rem;line-height:1.6}.result-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}@media (max-width:520px){.quiz-header{padding:20px}.quiz-step{width:22px;height:22px;font-size:.65rem}.bot-message{text-align:center;flex-direction:column;align-items:center}.message-bubble{border-radius:20px}}