@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Outfit:wght@300;400;500;600;700;800;900&family=Syne:wght@700;800&display=swap";:root{--bg:#f4f4f8;--surface:#fff;--surface-elevated:#ececef;--border:#e0e0e8;--border-focus:#ff4b2b;--accent-noise:#00b37a;--accent-power:#ff4b2b;--accent-hail:#5580e0;--accent-traffic:#d97700;--accent-gamification:#8a2387;--medal-gold:gold;--medal-silver:silver;--medal-bronze:#cd7f32;--text:#14141e;--text-muted:#666680;--font-mono:"DM Mono", monospace;--font-sans:"Outfit", sans-serif;--font-display:"Syne", sans-serif;--glow-power:#ff4b2b14;--glass-bg:#ffffffbf;--glass-border:#0000000f;--header-bg:#f4f4f8d9;--shadow-color:#00000014;--map-style:positron}.dark{--bg:#030305;--surface:#09090e;--surface-elevated:#11111a;--border:#1a1a26;--border-focus:#ff4b2b;--accent-noise:#00e5a0;--accent-power:#ff4b2b;--accent-hail:#80aaff;--accent-traffic:#f90;--accent-gamification:#b24fc0;--medal-gold:gold;--medal-silver:#e8e8e8;--medal-bronze:#e0a76f;--text:#e2e2e9;--text-muted:#8b8baf;--glow-power:#ff4b2b26;--glass-bg:#09090eb3;--glass-border:#ffffff08;--header-bg:#030305d9;--shadow-color:#00000080;--map-style:dark-matter}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:1.6;transition:background-color .35s,color .35s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-weight:800;line-height:1.1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-gradient{background:linear-gradient(135deg, var(--text) 30%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-accent-power{color:var(--accent-power)}.text-accent-noise{color:var(--accent-noise)}.text-accent-traffic{color:var(--accent-traffic)}.text-accent-hail{color:var(--accent-hail)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 12px 40px 0 var(--shadow-color);border-radius:16px;transition:background .35s,border-color .35s}.theme-toggle-btn{border:1px solid var(--border);background:var(--surface-elevated);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle-btn:hover{border-color:var(--accent-power);transform:scale(1.08)}header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:16px 0;transition:background .35s,border-color .35s;position:fixed;top:0;left:0;right:0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-sans);letter-spacing:-.05em;color:var(--text);align-items:center;gap:8px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.logo span{color:var(--accent-power)}nav{align-items:center;gap:32px;display:flex}nav a{color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}nav a:hover{color:var(--text)}section{border-bottom:1px solid var(--border);padding:100px 0;transition:border-color .35s}.section-tag{color:var(--accent-power);text-transform:uppercase;letter-spacing:.25em;margin-bottom:16px;font-size:12px}.section-title{max-width:600px;margin-bottom:20px;font-size:clamp(32px,4vw,48px)}.section-desc{color:var(--text-muted);max-width:600px;margin-bottom:48px;font-size:16px}.hero{align-items:center;min-height:100vh;padding-top:140px;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;display:grid}.hero-tag{color:var(--accent-power);background:#ff4b2b14;border:1px solid #ff4b2b33;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;font-size:12px;display:inline-flex}.hero h1{margin-bottom:24px;font-size:clamp(48px,5.5vw,68px);line-height:1.05}.hero-desc{color:var(--text-muted);margin-bottom:36px;font-size:18px}.hero-actions{gap:16px;display:flex}.map-demo-container{border:1px solid var(--border);border-radius:20px;height:550px;position:relative;overflow:hidden;box-shadow:0 20px 50px -15px #000c}.map-ui-overlay{z-index:10;flex-direction:column;gap:12px;max-width:280px;display:flex;position:absolute;top:20px;left:20px}.map-controls-panel{flex-direction:column;gap:10px;padding:16px;display:flex}.control-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:12px;transition:all .2s;display:flex}.control-btn:hover{background:var(--surface-elevated)}.control-btn.active{border-color:var(--btn-color);background:rgba(var(--btn-color-rgb), .1)}.map-stats-panel{z-index:10;gap:20px;padding:12px 18px;display:flex;position:absolute;bottom:20px;left:20px}.map-stat-item{flex-direction:column;display:flex}.map-stat-val{font-family:var(--font-sans);font-size:20px;font-weight:800}.map-stat-lbl{color:var(--text-muted);text-transform:uppercase;font-size:10px}.map-feed-panel{z-index:10;flex-direction:column;width:320px;padding:20px;display:flex;position:absolute;top:20px;bottom:20px;right:20px;overflow:hidden}.feed-header{font-family:var(--font-sans);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.pulse-dot{background-color:var(--accent-power);width:8px;height:8px;box-shadow:0 0 8px var(--accent-power);border-radius:50%;animation:2s infinite pulse-glow}.feed-list{flex-direction:column;flex-grow:1;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.feed-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:11px;transition:transform .2s}.feed-card:hover{background:var(--surface);transform:translate(-4px)}.feed-card-header{justify-content:space-between;margin-bottom:4px;font-weight:600;display:flex}.feed-card-desc{color:var(--text-muted)}.btn{font-family:var(--font-sans);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--text);color:var(--bg);border:none;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #ffffff4d}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0;transition:background .2s,border-color .2s}.btn-secondary:hover{background:var(--surface-elevated);border-color:var(--text-muted)}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border:1px solid var(--border);padding:32px;transition:all .3s}.feature-card:hover{border-color:var(--border-focus);transform:translateY(-4px)}.feature-icon{margin-bottom:24px;display:inline-flex}.feature-card h3{margin-bottom:12px;font-size:20px}.feature-card p{color:var(--text-muted);font-size:14px}.comparison-container{overflow-x:auto}table{border-collapse:collapse;width:100%;margin-top:24px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:18px 24px;font-size:13px}th{font-family:var(--font-sans);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}tr:hover td{background:#ffffff03}.badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-green{color:var(--accent-noise);background:#00e5a01a}.badge-orange{color:var(--accent-traffic);background:#ff99001a}.badge-red{color:var(--accent-power);background:#ff4b2b1a}.code-section-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;display:grid}.tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex}.tab-btn{color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s}.tab-btn.active{color:var(--text);background:var(--surface-elevated)}.code-container{border:1px solid var(--border);max-height:380px;padding:24px;overflow-x:auto;background:#09090e!important}pre{margin:0}code{font-family:var(--font-mono);color:#f8f8f2;font-size:13px}.code-comment{color:var(--text-muted)}.code-keyword{color:#ff79c6}.code-string{color:#f1fa8c}.code-function{color:#50fa7b}.download-box{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:48px;display:grid;position:relative;overflow:hidden}.download-box:before{content:"";background:radial-gradient(circle, var(--glow-power) 0%, transparent 70%);z-index:-1;filter:blur(40px);width:300px;height:300px;position:absolute;top:-50%;right:-20%}.qr-code-mock{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto;padding:16px;display:flex}.qr-placeholder{color:#8e8e9f;background:#111;border-radius:8px;justify-content:center;align-items:center;width:140px;height:140px;font-size:10px;display:flex;position:relative}.qr-placeholder:after{content:"PULSO.APK";color:#fff;letter-spacing:.1em;font-weight:700}footer{border-top:1px solid var(--border);background:var(--bg);padding:60px 0;transition:background .35s}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-copy{color:var(--text-muted);font-size:12px}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:12px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text)}@keyframes pulse-glow{0%{opacity:.6;transform:scale(1)}50%{opacity:1;box-shadow:0 0 12px var(--accent-power);transform:scale(1.2)}to{opacity:.6;transform:scale(1)}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;display:grid}.stat-card{text-align:center;border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .3s}.stat-card:hover{border-color:#ffffff1a;transform:translateY(-2px)}.stat-value{font-size:28px;font-weight:800;font-family:var(--font-sans);color:var(--text);margin-bottom:4px}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.stat-card[data-type=power]{border-left:3px solid var(--accent-power)}.stat-card[data-type=hail]{border-left:3px solid var(--accent-hail)}.stat-card[data-type=traffic]{border-left:3px solid var(--accent-traffic)}.stat-card[data-type=noise]{border-left:3px solid var(--accent-noise)}.stat-card[data-type=frost]{border-left:3px solid #a8d8ff}.stat-card[data-type=rain]{border-left:3px solid #4a90d9}.stat-card[data-type=accident]{border-left:3px solid #ff6b9d}.stat-card[data-type=construction]{border-left:3px solid gold}.stat-card[data-type=road_blocked]{border-left:3px solid #f44}.stat-card[data-type=pothole]{border-left:3px solid #8b4513}.stat-card[data-type=water_leak]{border-left:3px solid #00bfff}.stat-card[data-type=fire]{border-left:3px solid #ff4500}.admin-dashboard-container{background-color:var(--bg);min-height:100vh;color:var(--text);padding-top:100px;padding-bottom:60px}.admin-grid{grid-template-columns:1.2fr 1fr;gap:30px;margin-top:24px;display:grid}.admin-card{border:1px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-radius:16px;flex-direction:column;min-width:0;height:100%;padding:24px;display:flex;overflow:hidden}.admin-header-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-table-container{border:1px solid var(--border);-webkit-overflow-scrolling:touch;background:#ffffff03;border-radius:8px;max-height:480px;overflow:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);text-align:left;padding:12px 16px;font-size:11px}.admin-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#ffffff05;font-size:10px}.admin-table tr:hover td{background:#ffffff08}.status-badge{border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.status-badge-active{color:var(--accent-noise);background:#00e5a026}.status-badge-expired{color:var(--text-muted);background:#ffffff0d}.admin-map-container{border:1px solid var(--border);border-radius:12px;height:480px;position:relative;overflow:hidden}.admin-stats-summary{gap:16px;margin-bottom:20px;display:flex}.admin-stat-box{text-align:center;border:1px solid var(--border);background:#ffffff03;border-radius:8px;flex:1;padding:16px}.admin-stat-num{font-size:24px;font-weight:700;font-family:var(--font-sans)}.admin-stat-desc{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.glow-blob{filter:blur(80px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#ff4b2b12 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute}.glow-blob-1{animation:20s infinite alternate float-slow;top:10%;left:-10%}.glow-blob-2{background:radial-gradient(circle,#00e5a00a 0%,#0000 70%);animation:25s infinite alternate-reverse float-slow;bottom:10%;right:-10%}@keyframes float-slow{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,20px)scale(1.08)}to{transform:translate(-20px,-40px)scale(.95)}}.simulation-panel{box-shadow:0 8px 32px 0 var(--shadow-color);border:1px solid #ff4b2b33;flex-direction:column;gap:8px;padding:16px;animation:.3s fadeIn;display:flex;background:var(--surface)!important}.simulation-select{background:var(--surface-elevated);border:1px solid var(--border);color:var(--text);font-family:var(--font-sans);cursor:pointer;border-radius:6px;outline:none;padding:8px 12px;font-size:13px}.simulation-select option{background:var(--surface);color:var(--text)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=968px){.hero-grid{grid-template-columns:1fr;gap:40px}.features-grid{grid-template-columns:repeat(2,1fr)}.code-section-grid{grid-template-columns:1fr;gap:40px}.download-box{text-align:center;grid-template-columns:1fr}.map-feed-panel{display:none}.admin-grid{grid-template-columns:1fr}}@media (width<=768px){section{padding:60px 0}.section-title{margin-bottom:12px;font-size:28px!important}.section-desc{margin-bottom:32px;font-size:14px}.features-grid{grid-template-columns:1fr;gap:16px}.hero{min-height:auto;padding-top:100px;padding-bottom:40px}.hero h1{line-height:1.1;font-size:clamp(28px,7vw,38px)!important}.hero-desc{margin-bottom:24px;font-size:14px}.hero-actions{flex-direction:column;gap:12px;width:100%}.hero-actions .btn{width:100%}.hero-grid>div:last-child{padding:24px!important}.hero-grid>div:last-child h3{font-size:20px!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.stat-value{font-size:22px}nav{gap:12px}nav a:not([href="?admin=true"]):not([href=\#descarga]){display:none}.map-demo-container{height:auto;box-shadow:none;background:0 0;border:none;flex-direction:column-reverse;gap:16px;display:flex}.map-demo-container>div:not(.map-ui-overlay):not(.map-feed-panel){border:1px solid var(--border);border-radius:16px;overflow:hidden;height:380px!important}.map-ui-overlay{flex-direction:column;gap:12px;width:100%;max-width:100%;margin-top:0;display:flex;position:relative;top:0;left:0}.map-controls-panel{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;width:100%;padding:12px;display:grid}.map-controls-panel>div:first-child{grid-column:1/-1}.map-controls-panel>div:nth-child(2){display:none}.map-controls-panel .control-btn{white-space:nowrap;justify-content:flex-start;width:100%;padding:8px 6px;font-size:10px}.map-ui-overlay>.control-btn{text-align:center;justify-content:center;width:100%}.simulation-panel{width:100%}.qr-code-mock{display:none}.download-box{text-align:center;grid-template-columns:1fr;padding:32px 24px}.download-box>div{flex-direction:column;align-items:center;display:flex}.download-box>div>div:first-of-type{margin-bottom:8px}.download-box>div>div:nth-of-type(2){width:100%;flex-direction:column!important;gap:12px!important}.download-box>div>div:nth-of-type(2) a{width:100%}.download-box>div>div:nth-of-type(3){flex-wrap:wrap;justify-content:center;flex-direction:row!important;gap:12px!important}footer{padding:40px 0}.footer-content{text-align:center;flex-direction:column;gap:20px}.footer-links{justify-content:center;gap:16px}.admin-header-bar{flex-direction:column;align-items:flex-start;gap:16px}.admin-header-bar>div:last-child{justify-content:space-between;width:100%;gap:8px!important}.admin-header-bar .btn{flex:1;justify-content:center;padding:8px!important;font-size:11px!important}.admin-grid{gap:16px!important;margin-top:16px!important}.admin-card{padding:16px!important}.admin-map-container{height:320px!important}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{width:100%;display:block}.admin-table tr{border:1px solid var(--border);background:#ffffff03;border-radius:8px;margin-bottom:12px;padding:12px 10px}.admin-table td{text-align:right;border-bottom:1px dashed #ffffff0d;justify-content:space-between;align-items:center;padding:8px 4px;font-size:11px;display:flex}.admin-table td:last-child{border-bottom:none}.admin-table td:before{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;font-size:9px;font-weight:700}.admin-table td:first-child:before{content:"Tipo:"}.admin-table td:nth-child(2):before{content:"Coordenadas:"}.admin-table td:nth-child(3):before{content:"Reportado:"}.admin-table td:nth-child(4):before{content:"Estado:"}.feedback-table td:first-child:before{content:"Categoría:"}.feedback-table td:nth-child(2):before{content:"Mensaje:"}.feedback-table td:nth-child(3):before{content:"Reportado:"}.feedback-table td:nth-child(4):before{content:"Dispositivo:"}}@media (width<=600px){.comparison-container{border-radius:12px}th,td{padding:12px 8px;font-size:11px}.badge{padding:2px 4px;font-size:8px}}@media (width<=480px){.header-content{padding:0 12px}.admin-stat-box{padding:12px!important}.admin-stat-num{font-size:20px!important}.admin-stat-desc{font-size:8px!important}.logo{font-size:18px!important}nav{gap:8px!important}nav a{font-size:11px!important}nav a.btn{border-radius:6px!important;padding:6px 12px!important;font-size:11px!important}.tabs{-webkit-overflow-scrolling:touch;gap:4px;padding-bottom:4px;overflow-x:auto}.tab-btn{flex-shrink:0;padding:4px 8px;font-size:11px}.code-container{padding:16px}code{font-size:11px}.feature-card{padding:20px!important}}@media (width<=580px){.admin-stats-summary{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.admin-stats-summary>div:last-child{grid-column:span 2}}.mode-selector{border:1px solid var(--border);background:#ffffff08;border-radius:8px;margin-bottom:14px;padding:3px;display:flex}.mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.mode-btn.active{background:var(--accent-power);color:#fff}.live-dot{background-color:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-glow;display:inline-block}.simulate-btn{border:1px solid var(--accent-power);color:var(--accent-power);cursor:pointer;background:#ff4b2b14;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #ff4b2b26}.simulate-btn:hover{background:#ff4b2b26}.timeline-panel{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09090ed9;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;display:flex;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 8px 32px #0009}.timeline-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.play-btn{border:1px solid var(--border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:all .2s;display:flex}.play-btn:disabled{color:var(--text-muted);cursor:not-allowed}.toggle-day-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff05;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:10px;font-weight:700;transition:all .2s}.toggle-day-btn:hover{border-color:var(--accent-noise);color:#fff}.timeline-slider{width:100%;accent-color:var(--accent-power);cursor:pointer;border-radius:2px;outline:none;height:4px}.copy-btn{border:1px solid var(--border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:4px;padding:6px;position:absolute;top:12px;right:12px}.font-scale-control{border:1px solid var(--border);background:var(--surface-elevated);border-radius:20px;align-items:center;gap:4px;margin-right:6px;padding:2px 4px;display:flex}.font-scale-control button{color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;padding:4px 6px;font-size:11px;font-weight:700}.font-scale-control span{color:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.feedback-fab{z-index:1000;background:var(--surface);border:2px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:56px;height:56px;box-shadow:0 8px 32px 0 var(--shadow-color);color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px}.feedback-fab:hover{border-color:var(--accent-power);box-shadow:0 8px 32px 0 var(--shadow-color), 0 0 15px #ff4b2b1a}.feedback-modal{z-index:1000;animation:.3s fadeIn;position:fixed;bottom:90px;right:24px}.feed-card-confidence{color:#fff6;font-size:9px;font-family:var(--font-mono);margin-top:4px}.legend-chip{cursor:pointer;white-space:nowrap;border:1.5px solid;border-radius:12px;align-items:center;gap:3px;padding:3px 8px;font-family:inherit;font-size:10px;font-weight:600;transition:all .2s;display:inline-flex}.legend-chip:hover{opacity:.9;transform:scale(1.05)}.legend-chip.active{box-shadow:0 0 8px #ffffff26}.category-header{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s;display:flex}.category-header:hover{border-color:var(--text-muted)}.category-header.active{border-color:var(--accent-power);background:#ff4b2b0d}.sub-chip{cursor:pointer;background:0 0;border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;transition:all .2s;display:inline-flex}.sub-chip:hover{transform:scale(1.15)}.sub-chip.active{box-shadow:0 0 6px #fff3}