@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@200;300;400;500&family=Inter:wght@100;200;300;400;500;600;700&family=Noto+Sans+SC:wght@200;300;400;500;600&display=swap";:root{color-scheme:dark;font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;--bg: #050507;--bg-elev: #0a0b0e;--bg-card: #0e1014;--bg-card-hi: #131418;--border: #16181d;--border-soft: #1f2024;--border-hi: #2a2d33;--text: #e5e7eb;--text-soft: #9ca3af;--text-mute: #6b7280;--text-faint: #4b5563;--accent-warm: #c89668;--accent-warm-soft: #f5e6d0;--accent-warm-bg: rgba(var(--accent-warm-rgb),.12);--accent-warm-bg-strong: rgba(var(--accent-warm-rgb),.22);--accent-cool: #38bdf8;--accent-green: #84cc16;--accent-warn: #f59e0b;--accent-red: #ef4444;--accent-warm-rgb: 200,150,100;--accent-cool-rgb: 56,189,248;--accent-green-rgb: 132,204,22;--card-off-bg: 14,16,20;--card-off-border: 31,32,36;--card-on-bg: 26,21,14;--card-on-border: 70,52,32;--bg-gradient-1: rgba(var(--accent-warm-rgb),.06);--bg-gradient-2: rgba(var(--accent-cool-rgb),.04);--mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);overflow:hidden;transition:background .9s cubic-bezier(.4,0,.2,1),color .9s cubic-bezier(.4,0,.2,1)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:focus-visible{outline:2px solid var(--accent-warm);outline-offset:2px}.app{height:100vh;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(ellipse at 20% 0%,var(--bg-gradient-1) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,var(--bg-gradient-2) 0%,transparent 50%),var(--bg);transition:background .9s cubic-bezier(.4,0,.2,1)}.main{overflow:auto;padding:28px 36px 36px;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}.main::-webkit-scrollbar{width:8px}.main::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:4px}.room-tabs{display:flex;gap:8px;padding:14px 20px;border-bottom:1px solid var(--border-soft);background:var(--bg-elev);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-x:auto;scrollbar-width:none;transition:background .9s cubic-bezier(.4,0,.2,1),border-color .9s cubic-bezier(.4,0,.2,1)}.room-tabs::-webkit-scrollbar{display:none}.room-tab{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-soft);color:var(--text-soft);font-size:15px;font-weight:500;letter-spacing:.02em;transition:background .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1);flex-shrink:0;white-space:nowrap}.room-tab:hover{border-color:var(--border-hi);color:var(--text);transform:translateY(-1px)}.room-tab.active{background:var(--accent-warm-bg);border-color:rgba(var(--accent-warm-rgb),.4);color:var(--accent-warm-soft);box-shadow:0 4px 16px rgba(var(--accent-warm-rgb),.1)}.room-tab.has-active:not(.active){color:var(--text);border-color:rgba(var(--accent-warm-rgb),.15)}.room-tab.has-active:not(.active):before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-warm);box-shadow:0 0 6px var(--accent-warm);animation:breathe 2s infinite;margin-right:2px}.room-tab.home{background:linear-gradient(135deg,var(--bg-card),var(--bg-card-hi))}.room-tab.home.active{background:linear-gradient(135deg,var(--accent-warm-bg-strong),var(--accent-warm-bg))}.room-tab .ic{display:flex;align-items:center;color:currentColor}.room-tab .badge{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--text-faint);padding:2px 6px;background:#0000004d;border-radius:4px}.room-tab.active .badge{background:rgba(var(--accent-warm-rgb),.2);color:var(--accent-warm)}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}.overview{display:flex;flex-direction:column;gap:28px;max-width:1400px;margin:0 auto}.hero{display:grid;grid-template-columns:1fr auto;align-items:end;padding:12px 0;gap:24px}.hero-label{font-family:var(--mono);font-size:11px;color:var(--accent-warm);letter-spacing:.3em;margin-bottom:6px}.hero-name{font-size:42px;font-weight:200;color:var(--text);letter-spacing:-.01em}.hero-name .accent{color:var(--accent-warm);font-weight:300}.hero-meta{font-size:13px;color:var(--text-mute);margin-top:10px;letter-spacing:.05em}.hero-meta .aqi-good{color:var(--accent-green)}.hero-clock{text-align:right}.hero-clock .t{font-size:56px;font-weight:200;color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-family:Inter,sans-serif;line-height:1}.hero-clock .t .colon{color:var(--accent-warm);animation:blink-soft 1s steps(2) infinite}.hero-clock .d{font-size:12px;color:var(--text-mute);letter-spacing:.2em;margin-top:6px;font-family:var(--mono)}@keyframes blink-soft{50%{opacity:.3}}.overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.overview-metric{padding:18px 22px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.overview-metric:before{content:"";position:absolute;top:0;left:0;width:32px;height:1px;background:var(--accent-warm);opacity:.5}.overview-metric.ok:before{background:var(--accent-green)}.overview-metric.warn:before{background:var(--accent-warn)}.om-v{font-size:26px;font-weight:300;color:var(--text);font-variant-numeric:tabular-nums}.om-u{font-size:12px;color:var(--text-mute);margin-left:3px}.om-l{font-size:10px;color:var(--text-faint);letter-spacing:.2em;font-family:var(--mono);text-transform:uppercase}.overview-metric.ok .om-v{color:var(--accent-green)}.overview-metric.warn .om-v{color:var(--accent-warn)}.overview-section{display:flex;flex-direction:column;gap:14px}.overview-section-title{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:4px;border-bottom:1px dashed var(--border-soft)}.overview-section-title>span:first-child{font-size:16px;color:var(--text);font-weight:500;letter-spacing:.05em}.overview-section-title .hint{font-family:var(--mono);font-size:10px;color:var(--text-faint);letter-spacing:.2em}.scene-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.scene-card{padding:22px 16px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;overflow:hidden;transition:border-color .6s cubic-bezier(.4,0,.2,1),color .6s cubic-bezier(.4,0,.2,1);isolation:isolate}.scene-card.active{border-color:rgba(var(--accent-warm-rgb),.5)}.scene-active-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-warm-bg-strong),var(--accent-warm-bg));border-radius:16px;z-index:0;box-shadow:0 12px 32px rgba(var(--accent-warm-rgb),.18)}.scene-card-content{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.scene-ic{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--border);color:var(--text-soft);transition:background .7s cubic-bezier(.4,0,.2,1),color .7s cubic-bezier(.4,0,.2,1),box-shadow .7s cubic-bezier(.4,0,.2,1)}.scene-card.active .scene-ic{background:rgba(var(--accent-warm-rgb),.28);color:var(--accent-warm-soft);box-shadow:0 0 18px rgba(var(--accent-warm-rgb),.4)}.scene-lb{transition:color .7s cubic-bezier(.4,0,.2,1)}.scene-lb{font-size:13px;color:var(--text-soft);font-weight:500}.scene-card.active .scene-lb{color:var(--accent-warm-soft)}.scene-active-dot-fm{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--accent-warm);box-shadow:0 0 8px var(--accent-warm);z-index:2}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.room-card{padding:18px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px;display:flex;flex-direction:column;gap:10px;text-align:left;transition:all .2s}.room-card:hover{border-color:var(--border-hi);background:var(--bg-card-hi);transform:translateY(-2px)}.room-card.on{border-color:rgba(var(--accent-warm-rgb),.25);background:linear-gradient(135deg,rgba(var(--accent-warm-rgb),.05),var(--bg-card))}.room-card-head{display:flex;align-items:center;gap:10px}.room-card-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--border);color:var(--text-soft);transition:all .2s}.room-card.on .room-card-ic{background:var(--accent-warm-bg-strong);color:var(--accent-warm)}.room-card-name{font-size:15px;font-weight:500;color:var(--text)}.room-card-stats{font-family:var(--mono);font-size:12px;color:var(--text-mute);letter-spacing:.05em}.room-card-stats .sep{color:var(--text-faint);margin:0 4px}.room-card-stats .dim{color:var(--text-faint);font-size:10px}.room-card-bar{margin-top:4px}.room-card .badge{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--text-faint);padding:3px 8px;background:var(--border);border-radius:4px;display:inline-block}.room-card .badge.active{background:var(--accent-warm-bg);color:var(--accent-warm)}.room-view{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.room-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:20px;border-bottom:1px solid var(--border-soft)}.room-title-main{display:flex;align-items:center;gap:14px}.room-title-main .ic{display:flex;align-items:center;color:var(--accent-warm);padding:8px;border-radius:12px;background:var(--accent-warm-bg)}.room-title-main h2{font-size:32px;font-weight:300;color:var(--text);letter-spacing:-.01em}.room-sub{font-family:var(--mono);font-size:12px;color:var(--text-mute);letter-spacing:.1em;margin-top:6px;margin-left:56px}.room-climate-badge{display:flex;gap:24px;padding:14px 20px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px}.climate-stat{display:flex;align-items:center;gap:10px}.climate-stat-ic{color:var(--accent-warm);flex-shrink:0}.climate-stat-text{display:flex;flex-direction:column;gap:2px}.climate-stat .v{font-size:24px;font-weight:300;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.climate-stat .v .u{font-size:12px;color:var(--text-mute);margin-left:1px}.climate-stat .l{font-size:10px;color:var(--text-faint);letter-spacing:.2em;font-family:var(--mono)}.dev-groups{display:flex;flex-direction:column;gap:20px}.dev-group{display:flex;flex-direction:column;gap:12px}.dev-group-title{display:flex;align-items:baseline;gap:10px;padding-bottom:4px}.dev-group-title .lb{font-size:13px;font-weight:500;color:var(--text-soft);letter-spacing:.1em}.dev-group-title .ct{font-family:var(--mono);font-size:10px;color:var(--text-faint);letter-spacing:.15em;padding:2px 8px;background:var(--bg-card);border-radius:4px}.dev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.dev-card{--card-tint: var(--card-off-bg);--card-border: var(--card-off-border);--card-glow: 0;--card-accent: var(--accent-warm-rgb);background:radial-gradient(ellipse at 0% 0%,rgba(var(--card-accent),calc(var(--card-glow) * .12)) 0%,transparent 60%),rgb(var(--card-tint));border:1px solid rgb(var(--card-border));border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-height:96px;position:relative;overflow:hidden;transition:background .6s cubic-bezier(.4,0,.2,1),border-color .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 rgba(var(--card-accent),0)}.dev-card:before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:radial-gradient(circle,rgba(var(--card-accent),.35) 0%,transparent 60%);opacity:var(--card-glow);filter:blur(8px);pointer-events:none;transition:opacity .7s cubic-bezier(.4,0,.2,1)}.dev-card:after{content:"";position:absolute;top:14px;bottom:14px;left:0;width:2px;background:rgb(var(--card-accent));border-radius:0 2px 2px 0;opacity:var(--card-glow);transform:scaleY(calc(.4 + var(--card-glow) * .6));transform-origin:center;transition:opacity .7s,transform .7s cubic-bezier(.4,0,.2,1)}.dev-card.on{--card-tint: var(--card-on-bg);--card-border: var(--card-on-border);--card-glow: 1;box-shadow:0 8px 28px rgba(var(--card-accent),.15)}.dev-card.kind-climate.on,.dev-card.kind-fan.on{--card-accent: var(--accent-cool-rgb)}.dev-card-head{display:flex;align-items:center;gap:12px}.dev-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;flex-shrink:0;color:var(--text-soft);transition:background .6s cubic-bezier(.4,0,.2,1),color .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1)}.dev-card.on .dev-icon{background:rgba(var(--card-accent),.18);color:rgb(var(--card-accent));box-shadow:0 0 16px rgba(var(--card-accent),.35)}.dev-card.on .dev-icon svg{animation:icon-glow 2.4s infinite}@keyframes icon-glow{0%,to{opacity:.85}50%{opacity:1;transform:scale(1.05)}}.dev-meta{flex:1;min-width:0}.dev-name{font-size:14px;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-sub{font-family:var(--mono);font-size:11px;color:var(--text-mute);letter-spacing:.05em;margin-top:3px;transition:color .6s cubic-bezier(.4,0,.2,1)}.dev-card.on .dev-sub{color:rgb(var(--card-accent))}.dev-row{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.filler{flex:1}.slider{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;background:#ffffff0f;border-radius:3px;outline:none;transition:background .6s}.dev-card.on .slider{background:rgba(var(--card-accent),.18)}.slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-warm);cursor:pointer;box-shadow:0 0 8px rgba(var(--accent-warm-rgb),.5);border:2px solid var(--bg-card);transition:background .6s,box-shadow .6s,transform .2s}.dev-card.on .slider::-webkit-slider-thumb{background:rgb(var(--card-accent));box-shadow:0 0 12px rgba(var(--card-accent),.6)}.slider::-webkit-slider-thumb:active{transform:scale(1.2)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-warm);cursor:pointer;border:2px solid var(--bg-card)}.slider:disabled::-webkit-slider-thumb{background:var(--border-hi);box-shadow:none}.toggle-pill{flex-shrink:0;width:44px;height:24px;background:#ffffff14;border-radius:12px;position:relative;transition:background .45s cubic-bezier(.4,0,.2,1);cursor:pointer}.toggle-pill.on{background:rgb(var(--card-accent));box-shadow:0 0 12px rgba(var(--card-accent),.5)}.toggle-pill .knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--text-soft);transition:transform .4s cubic-bezier(.4,0,.2,1),background .45s;box-shadow:0 2px 4px #0000004d}.toggle-pill.on .knob{transform:translate(20px);background:#fff}.climate-row{gap:8px}.step-btn{width:32px;height:32px;border-radius:10px;background:#ffffff0a;color:var(--text-soft);font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .25s}.step-btn:hover:not(:disabled){background:#ffffff14;color:var(--text)}.step-btn:disabled{opacity:.3;cursor:not-allowed}.climate-temp{font-size:22px;font-weight:300;color:var(--text);font-variant-numeric:tabular-nums;min-width:60px;text-align:center;transition:color .6s}.dev-card.kind-climate.on .climate-temp{color:rgb(var(--card-accent))}.climate-temp .u{font-size:11px;color:var(--text-mute);margin-left:1px}.sensor-row{gap:32px}.sensor-stat .v{font-size:24px;font-weight:300;color:var(--text);font-variant-numeric:tabular-nums}.sensor-stat .v .u{font-size:11px;color:var(--text-mute);margin-left:2px}.sensor-stat .l{font-size:10px;color:var(--text-faint);letter-spacing:.15em;font-family:var(--mono);margin-top:2px}.battery{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.battery-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),#22c55e);border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.ctrl-btn{padding:8px 16px;border-radius:10px;font-size:12px;letter-spacing:.1em;background:var(--border);color:var(--text-soft);transition:all .2s}.ctrl-btn.primary{background:rgba(var(--accent-green-rgb),.15);color:var(--accent-green);border:1px solid rgba(var(--accent-green-rgb),.3)}.ctrl-btn.primary:hover{background:rgba(var(--accent-green-rgb),.25)}.active-section{transition:opacity .4s ease}.mini-wrap{animation:mini-enter .45s cubic-bezier(.4,0,.2,1) both;transform-origin:top left}.mini-wrap.leaving{animation:mini-leave .45s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes mini-enter{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@keyframes mini-leave{0%{opacity:1;transform:none;max-height:200px}to{opacity:0;transform:translateY(-4px) scale(.96);max-height:0}}.active-mini{display:flex;flex-direction:column;gap:4px}.active-mini-room{font-family:var(--mono);font-size:9px;color:var(--text-faint);letter-spacing:.2em;text-transform:uppercase;margin-left:4px}.tab-content{animation:tab-fade-in .4s cubic-bezier(.4,0,.2,1) both}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width: 1100px){.scene-grid{grid-template-columns:repeat(3,1fr)}.overview-metrics{grid-template-columns:repeat(2,1fr)}.main{padding:20px 22px 28px}.room-tabs{padding:14px 22px}}@media (max-width: 720px){.hero{grid-template-columns:1fr}.hero-clock{text-align:left}.hero-clock .t{font-size:40px}.hero-name{font-size:30px}.scene-grid{grid-template-columns:repeat(2,1fr)}.dev-grid{grid-template-columns:1fr}.room-title-main h2{font-size:24px}}@media (orientation: landscape) and (min-width: 1024px){.hero-name{font-size:48px}.hero-clock .t{font-size:64px}.room-title-main h2{font-size:36px}.room-tab{padding:14px 22px;font-size:16px}.scene-card{padding:26px 18px}.scene-ic{font-size:32px}.scene-lb{font-size:14px}}.theme-switcher{position:fixed;right:24px;bottom:24px;z-index:100}.theme-toggle{width:52px;height:52px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-soft);color:var(--text-soft);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 28px #0006;transition:background .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover{border-color:rgba(var(--accent-warm-rgb),.4);color:var(--text);transform:translateY(-2px);box-shadow:0 12px 36px #00000080,0 0 16px rgba(var(--accent-warm-rgb),.15)}.theme-toggle.open{background:var(--accent-warm-bg);border-color:rgba(var(--accent-warm-rgb),.5);color:var(--accent-warm)}.theme-toggle-accent{position:absolute;bottom:6px;right:6px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-card);transition:border-color .9s cubic-bezier(.4,0,.2,1)}.theme-toggle.open .theme-toggle-accent{border-color:var(--accent-warm-bg)}.theme-menu{position:absolute;bottom:calc(100% + 12px);right:0;min-width:240px;padding:6px;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:14px;box-shadow:0 24px 56px #0009;display:flex;flex-direction:column;gap:2px;transform-origin:bottom right}.theme-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:transparent;text-align:left;position:relative;transition:background .2s ease}.theme-menu-item:hover{background:var(--bg-card)}.theme-menu-item.active{background:var(--bg-card-hi)}.theme-menu-swatch{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px #0003;flex-shrink:0;position:relative}.theme-menu-accent{position:absolute;bottom:-2px;right:-2px;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--bg-elev)}.theme-menu-text{flex:1;min-width:0}.theme-menu-text .n{font-size:13px;font-weight:500;color:var(--text)}.theme-menu-text .h{font-family:var(--mono);font-size:10px;color:var(--text-mute);letter-spacing:.05em;margin-top:2px}.theme-menu-active-mark{position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:var(--accent-warm);box-shadow:0 0 8px var(--accent-warm)}.ring-progress{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:rgb(var(--card-accent))}.ring-track{opacity:.12}.ring-fill{filter:drop-shadow(0 0 4px rgba(var(--card-accent),.5))}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-v{font-size:14px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.ring-u{font-size:9px;color:var(--text-mute);margin-left:1px}.ring-l{font-size:8px;color:var(--text-faint);letter-spacing:.1em;margin-top:2px;font-family:var(--mono)}.dev-card-right{flex-shrink:0;display:flex;align-items:center}.sparkline{display:block;color:rgb(var(--card-accent))}.sensor-spark{display:flex;align-items:center;justify-content:flex-end;flex:1;min-width:0}.spark-temp{color:rgb(var(--card-accent))}.energy-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:18px;transition:background .9s,border-color .9s}.energy-card-head{display:flex;justify-content:space-between;align-items:flex-end}.energy-now{font-size:38px;font-weight:200;color:var(--accent-warm);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.energy-now .u{font-size:14px;color:var(--text-mute);margin-left:4px;font-weight:300}.energy-now-l{font-size:10px;color:var(--text-faint);letter-spacing:.2em;font-family:var(--mono);margin-top:6px}.energy-card-stats{display:flex;gap:24px}.energy-stat .v{font-size:18px;font-weight:300;color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.energy-stat .v .u{font-size:10px;color:var(--text-mute);margin-left:2px}.energy-stat .l{font-size:9px;color:var(--text-faint);letter-spacing:.15em;font-family:var(--mono);margin-top:3px;text-align:right}.hourly-bars{display:flex;align-items:flex-end;gap:3px;position:relative}.bar-slot{flex:1;height:100%;display:flex;align-items:flex-end;position:relative;min-width:0}.bar{width:100%;background:linear-gradient(180deg,var(--accent-warm) 0%,rgba(var(--accent-warm-rgb),.3) 100%);border-radius:3px 3px 0 0;transform-origin:bottom;opacity:.55;transition:opacity .3s}.bar-slot.current .bar{opacity:1;box-shadow:0 0 12px rgba(var(--accent-warm-rgb),.6)}.bar-slot.current:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent-warm);box-shadow:0 0 8px var(--accent-warm);animation:breathe 1.6s infinite}.bar-tick{position:absolute;bottom:-16px;left:0;font-family:var(--mono);font-size:9px;color:var(--text-faint);letter-spacing:.1em}