:root{color-scheme:dark;--bg: #0b0e0c;--ink: #eaf0eb;--ink-strong: #f2f6f3;--mute-84: rgba(234, 240, 235, .84);--mute-62: rgba(234, 240, 235, .62);--mute-46: rgba(234, 240, 235, .46);--mute-38: rgba(234, 240, 235, .38);--mute-30: rgba(234, 240, 235, .3);--glass: rgba(255, 255, 255, .05);--glass-2: rgba(255, 255, 255, .08);--glass-bd: rgba(255, 255, 255, .09);--green: #55d14e;--green-2: #75dd6e;--green-3: #7bdf74;--solar: #f5c24c;--teal: #4fd1c5;--blue: #8fb8ff;--warm: #ff9e6b;--violet: #c9a2ff;--red: #ff6b6b;--tint-evening: radial-gradient(120% 55% at 82% -8%, rgba(85, 209, 78, .2), transparent 62%), radial-gradient(90% 45% at 0% 12%, rgba(255, 158, 107, .1), transparent 60%), linear-gradient(180deg, #101512 0%, #0b0d0c 55%, #080a09 100%);--tint-night: radial-gradient(120% 50% at 78% -6%, rgba(96, 140, 255, .16), transparent 60%), linear-gradient(180deg, #0d1016 0%, #080a0e 60%, #06070a 100%);--tint-dawn: radial-gradient(120% 55% at 85% -8%, rgba(255, 169, 110, .22), transparent 62%), radial-gradient(80% 40% at 0% 18%, rgba(85, 209, 78, .1), transparent 60%), linear-gradient(180deg, #16110e 0%, #0d0a09 58%, #090707 100%);--font: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;--font-num: Oswald, Manrope, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;font-family:var(--font);color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}.app{position:relative;max-width:430px;margin:0 auto;min-height:100vh;background:var(--tint-evening);overflow:hidden}.app.night{background:var(--tint-night)}.app.dawn{background:var(--tint-dawn)}.screen{padding:max(14px,env(safe-area-inset-top)) 0 150px}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:2px 26px 4px;font:500 15px/1 var(--font-mono)}.statusbar .r{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#eaf0eb73}.statusbar .bat{display:inline-block;width:22px;height:11px;border:1px solid rgba(234,240,235,.4);border-radius:3px;position:relative}.statusbar .bat span{position:absolute;inset:1.5px 5px 1.5px 1.5px;background:var(--green);border-radius:1px;display:block}.hdr{display:flex;align-items:flex-end;justify-content:space-between;padding:20px 22px 0}.hdr .house{font:500 12px/1 var(--font-mono);letter-spacing:.2em;color:#eaf0eb6b;text-transform:uppercase}.hdr .greet{font:300 32px/1.1 var(--font);letter-spacing:-.03em;margin-top:10px}.hdr .right{display:flex;align-items:center;gap:10px;padding-bottom:6px}.hdr .edit{font:600 12px/1 var(--font-mono);letter-spacing:.12em;color:var(--green);text-transform:uppercase}.hdr .logo{width:64px;height:22px;background-size:84px auto;background-position:-11px -47px;background-repeat:no-repeat;mix-blend-mode:screen;opacity:.9;display:block}.modes{display:flex;gap:8px;padding:18px 22px 0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.modes::-webkit-scrollbar{display:none}.mode{flex:none;width:104px;height:112px;border-radius:24px;padding:14px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;color:var(--ink);transition:width .32s cubic-bezier(.2,.8,.2,1),background .3s}.mode.active{width:222px;background:linear-gradient(150deg,#6be05f,#3aae35);border-color:#55d14e99;color:#04180a}.mode .top{display:flex;align-items:center;justify-content:space-between}.mode .ico{width:32px;height:32px;border-radius:11px;background:#ffffff14;color:#eaf0ebd9;display:flex;align-items:center;justify-content:center}.mode.active .ico{background:#04180a24;color:#04180a}.mode .since{font:600 11px/1 var(--font-mono);letter-spacing:.14em;color:#04180a;background:#04180a24;padding:5px 7px;border-radius:6px;white-space:nowrap}.mode .name{font:700 16px/1.2 var(--font);white-space:nowrap}.mode .desc{font:400 13px/1.35 var(--font);color:#04180ab3;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bricks{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 22px 0;align-content:start}.brick{position:relative;border-radius:26px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);padding:16px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .18s}.brick:active{transform:scale(.985)}.brick.tall{min-height:168px}.brick.span2{grid-column:span 2}.brick.hero{border-radius:28px;background:linear-gradient(145deg,#ffffff10,#ffffff09);padding:16px}.brick .top{display:flex;align-items:center;justify-content:space-between;position:relative}.brick .ico{width:34px;height:34px;border-radius:12px;background:#ffffff14;color:#eaf0ebd9;display:flex;align-items:center;justify-content:center}.brick .ico.solar{background:#f5c24c24;color:var(--solar)}.brick .ico.blue{background:#8fb8ff24;color:var(--blue)}.brick .ico.warm{background:#ff9e6b24;color:var(--warm)}.brick .ico.teal{background:#4fd1c524;color:var(--teal)}.brick .ico.green{background:#55d14e24;color:var(--green-3)}.brick .ico.violet{background:#c9a2ff24;color:var(--violet)}.brick .num{font:600 28px/1 var(--font-num)}.brick .num small{font-size:15px;color:#eaf0eb66}.brick .num.solar{color:var(--solar)}.brick .num.teal{color:var(--teal)}.brick .num.warm{color:var(--warm)}.brick .num.blue{color:var(--blue)}.brick .num.off{color:#eaf0eb59}.brick .num.green{color:var(--green-3)}.brick .num.red{color:var(--red)}.brick .name{font:600 15px/1.2 var(--font);position:relative}.brick .sub{font:400 13px/1.3 var(--font);color:#eaf0eb73;margin-top:3px;position:relative}.brick .bars{display:flex;gap:4px;margin-top:10px;position:relative}.brick .bars span{flex:1;height:4px;border-radius:2px;background:#ffffff1f;display:block;transition:background .3s}.brick .bars span.on{background:var(--solar)}.brick .cols{display:flex;gap:3px;margin-top:10px;height:14px;align-items:flex-end}.brick .cols span{flex:1;border-radius:1px;background:#8fb8ff8c;display:block;transition:height .4s}.brick .segs{display:flex;gap:2px;margin-top:9px}.brick .segs span{flex:1;height:4px;border-radius:1px;background:#ffffff1a;display:block}.brick .segs span.on{background:var(--teal)}.brick .action{position:relative;margin-top:12px;text-align:center;padding:9px;border-radius:13px;background:#ffffff14;font:600 13px/1 var(--font);color:#eaf0ebd9;display:block;width:100%}.brick .tag{font:600 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#eaf0eb59}.brick .tag.green{color:var(--green);border:1px solid rgba(85,209,78,.35);padding:5px 7px;border-radius:6px}.brick .tag.solar{color:var(--solar)}.brick .tag.violet{color:var(--violet)}.brick .glow{position:absolute;bottom:-50px;right:-30px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(245,194,76,.28),transparent 70%);transition:opacity .4s;pointer-events:none}.brick .glow.green{inset:-60px auto auto -40px;width:220px;height:220px;background:radial-gradient(circle,rgba(85,209,78,.18),transparent 70%)}.brick .glow.violet{top:-40px;bottom:auto;width:170px;height:170px;background:radial-gradient(circle,rgba(201,162,255,.2),transparent 70%)}.brick .demo{position:absolute;top:16px;left:56px;font:600 10.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#c9a2ffb3;border:1px solid rgba(201,162,255,.3);padding:3px 5px;border-radius:5px}.brick.span2 .demo{left:auto;right:16px;top:16px}.brick.nrg{border-radius:28px;padding:16px}.brick.nrg .nrg-head{display:flex;align-items:center;justify-content:space-between}.nrg-live{display:flex;align-items:center;gap:7px;font:500 11.5px/1 var(--font-mono);letter-spacing:.18em;color:#eaf0eb80;text-transform:uppercase}.nrg-live .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);display:block;animation:shim 1.6s infinite}@keyframes shim{0%,to{opacity:.35}50%{opacity:1}}.brick.nrg .nrg-auto{font:600 11.5px/1 var(--font-mono);letter-spacing:.12em;color:var(--green);text-transform:uppercase}.nrg-cols{display:flex;align-items:stretch;justify-content:space-between;margin-top:16px}.nrg-cols>i{width:1px;background:#ffffff14}.nrg-cols .col{text-align:center;flex:1}.nrg-cols .k{font:500 11px/1 var(--font-mono);letter-spacing:.12em;color:#eaf0eb66;text-transform:uppercase}.nrg-cols .v{font:600 28px/1 var(--font-num);margin-top:8px}.nrg-cols .v.solar{color:var(--solar)}.nrg-cols .v.teal{color:var(--teal)}.nrg-cols .v.blue{color:var(--blue)}.nrg-cols .v.green{color:var(--green)}.nrg-cols .v.red{color:var(--red)}.nrg-cols .v.mute{color:#eaf0eb66}.nrg-cols .u{font:500 11.5px/1 var(--font-mono);color:#eaf0eb66;margin-top:5px;white-space:nowrap}.nrg-split{height:5px;border-radius:3px;overflow:hidden;display:flex;margin-top:16px;background:#ffffff14}.nrg-split span{display:block;transition:width .6s}.nrg-split .home{background:var(--solar)}.nrg-split .batt{background:var(--teal)}.brick.nrg .nrg-foot{display:flex;justify-content:space-between;font:400 12.5px/1 var(--font);color:#eaf0eb80;margin-top:9px}.brick.nrg .maj{font:400 11.5px/1 var(--font-mono)}.nrg-head{display:flex;align-items:flex-start;justify-content:space-between}.nrg-title{display:flex;align-items:center;gap:7px;font:700 15px/1.15 var(--font)}.nrg-title .dot{width:6px;height:6px;border-radius:50%;background:#69d961;display:block}.nrg-sub{font:400 12.5px/1.35 var(--font);color:#eaf0eb6b;margin-top:5px}.nrg-auto{text-align:right}.nrg-auto .v{font:700 18.5px/1 var(--font);color:var(--green-2)}.nrg-auto .l{font:500 11px/1.25 var(--font);color:var(--mute-38);margin-top:4px}.nrg-map{position:relative;height:132px;margin-top:13px}.nrg-map>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.nrg-node{position:absolute;display:flex;align-items:center;gap:8px}.nrg-node .ni{width:31px;height:31px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:none}.nrg-node .nv{font:700 16px/1 var(--font)}.nrg-node .nl{font:500 11.5px/1.25 var(--font);color:var(--mute-38);margin-top:4px}.nrg-node.solar{left:0;top:7px}.nrg-node.solar .ni{background:#f5c24c1a;color:var(--solar)}.nrg-node.batt{left:0;bottom:4px}.nrg-node.batt .ni{background:#4fd1c51a;color:var(--teal)}.nrg-node.grid{right:0;top:42px;justify-content:flex-end;text-align:right}.nrg-node.grid .nv{color:var(--mute-62)}.nrg-node.grid .ni{background:#ffffff0b;color:#eaf0eb6b}.nrg-node.grid.active .nv{color:var(--blue)}.nrg-node.grid.active .ni{background:#8fb8ff1f;color:var(--blue)}.nrg-home{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);display:flex;flex-direction:column;align-items:center}.nrg-home .hi{width:58px;height:58px;border-radius:22px;background:#55d14e13;border:1px solid rgba(85,209,78,.26);color:var(--green-3);display:flex;align-items:center;justify-content:center}.nrg-home .hv{font:750 18.5px/1 var(--font);margin-top:8px}.nrg-home .hl{font:500 11.5px/1.2 var(--font);color:#eaf0eb66;margin-top:4px}.nrg-sep{height:1px;background:#fff1;margin:2px 0 11px}.nrg-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.nrg-foot .msg{font:500 12.5px/1.2 var(--font);color:#eaf0eb80}.nrg-foot .lnk{height:28px;padding:0 10px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;font:650 12px/1 var(--font);color:#eaf0ebb8;white-space:nowrap;flex:none}.nrg-edge{fill:none;stroke-linecap:round;stroke-width:1.5}.nrg-flow{stroke-dasharray:3 9;animation:flow 1.4s linear infinite}@keyframes flow{to{stroke-dashoffset:-12}}.zones{display:flex;gap:6px;margin-top:14px;overflow-x:auto}.zone{flex:1;min-width:68px;padding:9px 8px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.zone .zn{font:500 11px/1 var(--font-mono);letter-spacing:.1em;color:#eaf0eb66;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone .zv{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font:600 16.5px/1 var(--font-num)}.zone .zv i{width:6px;height:6px;border-radius:50%;display:block}.big-temp{display:flex;align-items:baseline;gap:2px}.big-temp .v{font:600 30px/1 var(--font-num);color:var(--warm)}.big-temp .u{font:500 14px/1 var(--font-mono);color:#eaf0eb66}.music{position:relative;display:flex;gap:13px;align-items:center}.music .cover{width:64px;height:64px;flex:none;border-radius:14px;background:linear-gradient(140deg,#3a2a5a,#1a1226);display:flex;align-items:center;justify-content:center;color:var(--violet);font-size:24px}.music .eq{display:flex;align-items:flex-end;gap:2px;height:12px}.music .eq span{width:2px;background:var(--violet);display:block;animation:eq .9s ease-in-out infinite}.music .eq span:nth-child(2){animation-delay:.2s}.music .eq span:nth-child(3){animation-delay:.4s}.music.paused .eq span{animation:none;height:4px!important}@keyframes eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.music .title{font:700 16.5px/1.2 var(--font);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music .artist{font:400 14px/1.2 var(--font);color:#eaf0eb80;margin-top:3px}.music .play{width:44px;height:44px;flex:none;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;color:var(--bg)}.people{display:flex}.people span{width:28px;height:28px;border-radius:50%;font:700 13px/30px var(--font);text-align:center;display:block}.people span:first-child{background:linear-gradient(140deg,#55d14e,#2e9a2a);color:#04180a}.people span+span{background:linear-gradient(140deg,#c9a2ff,#8a6bd1);color:#1a0f2e;margin-left:-9px;border:1.5px solid #12160f}.tabbar{position:fixed;bottom:26px;left:50%;transform:translate(-50%);width:calc(100% - 44px);max-width:386px;height:66px;border-radius:33px;background:#ffffff14;border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:40}.tabbar .tab{display:flex;flex-direction:column;align-items:center;gap:5px;width:64px;color:#eaf0eb66;font:600 11.5px/1 var(--font)}.tabbar .tab.active{color:var(--green)}.tabbar .gap{width:54px}.voice{position:fixed;bottom:42px;left:50%;margin-left:-33px;width:66px;height:66px;border-radius:50%;background:linear-gradient(160deg,#6be05f,#2e9a2a);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -6px #55d14e8c,0 0 0 7px #0a0d0b;z-index:41}.voice .w{display:flex;align-items:flex-end;gap:3px;height:20px}.voice .w span{width:3px;border-radius:2px;background:#04180a;display:block}.assist{position:fixed;inset:0;z-index:50;background:radial-gradient(90% 50% at 50% 100%,rgba(85,209,78,.22),transparent 70%),#060907d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 26px 128px;text-align:center}.assist .orb{position:relative;width:96px;height:96px;margin-bottom:26px}.assist .orb span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(85,209,78,.5);animation:pulse 2.4s ease-out infinite;display:block}.assist .orb span:nth-child(2){animation-delay:.8s}.assist .orb i{position:absolute;inset:22px;border-radius:50%;background:linear-gradient(160deg,#6be05f,#2e9a2a);display:block}@keyframes pulse{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.35);opacity:0}}.assist .q{font:300 26px/1.3 var(--font);letter-spacing:-.02em}.assist .a{font:400 15px/1.5 var(--font);color:#eaf0eb99;margin-top:18px}.assist .hint{font:500 12.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#eaf0eb59;margin-top:26px}.toast{position:fixed;bottom:140px;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:22px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);font:500 13.5px/1 var(--font);white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:60;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis}.toast.error{background:#ff6b6b29;border-color:#ff6b6b4d}.page-title{padding:8px 22px 0}.page-title .k{font:500 11.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute-38)}.page-title h1{margin:8px 0 0;font:300 32px/1.08 var(--font);letter-spacing:-.035em}.page-title h1 b{font-weight:600;color:var(--green)}.room-temp{font:600 24px/1 var(--font-num);color:var(--warm);margin-left:10px;vertical-align:6px}.room-temp.stale{color:#eaf0eb66}.back{display:inline-flex;align-items:center;gap:4px;margin:12px 22px 0;font:600 13px/1 var(--font);color:var(--green)}.list{padding:14px 22px 0;display:flex;flex-direction:column;gap:10px}.rowcard{display:flex;align-items:center;gap:12px;border-radius:22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);padding:13px 15px}.rowcard .ico{width:38px;height:38px;border-radius:13px;background:#ffffff12;display:flex;align-items:center;justify-content:center;font-size:18.5px;flex:none}.rowcard .grow{flex:1;min-width:0}.rowcard .name{font:600 15px/1.2 var(--font)}.rowcard .sub{font:400 13px/1.3 var(--font);color:#eaf0eb73;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowcard .num{font:600 24px/1 var(--font-num);color:var(--warm)}.rowcard .pill{font:600 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 7px;border-radius:6px;color:#eaf0eb80;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.rowcard .pill.green{color:var(--green);border-color:#55d14e59}.rowcard .pill.violet{color:var(--violet);border-color:#c9a2ff59}.rowcard .pill.warn{color:var(--solar);border-color:#f5c24c59}.sub-title{padding:18px 22px 0;font:700 16px/1 var(--font);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 22px 0}.tile{position:relative;border-radius:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:15px;min-height:134px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:background .25s,border-color .25s}.tile.active{background:#ffffff12;border-color:#ffffff21}.tile.tappable{cursor:pointer}.tile-head{display:flex;align-items:center;justify-content:space-between}.tile .icon{width:34px;height:34px;border-radius:12px;background:#ffffff12;color:#eaf0ebd9;display:flex;align-items:center;justify-content:center;flex:none}.tile.active .icon{background:#ffffff1f}.tile.real.active .icon{background:#55d14e29;color:var(--green-3)}.tile-more{position:absolute;right:12px;bottom:12px;width:28px;height:28px;border-radius:50%;background:#ffffff12;color:#eaf0eb99;display:flex;align-items:center;justify-content:center}.fill-tile{padding:0;border:0;min-height:134px}.fill-tile .body{padding:15px;min-height:134px;display:flex;flex-direction:column;justify-content:space-between}.fill-tile .tile-head .icon{background:#ffffff1a}.tile .pill{font:600 10.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#eaf0eb66}.tile .pill.on{color:var(--green)}.tile .pill.warn{color:var(--solar)}.tile .pill.demo-pill{color:#c9a2ffcc}.tile-value{font:600 24px/1 var(--font-num);margin-top:12px}.tile-name{font:500 13px/1.3 var(--font);color:#eaf0eb80;margin-top:4px}.slider{width:100%;margin:10px 0 0;accent-color:var(--green);height:22px}.stepper{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.stepper button{width:32px;height:32px;border-radius:10px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:17.5px}.stepper span{font:600 17.5px/1 var(--font-num)}.quick{display:flex;gap:8px;padding:12px 22px 0}.quick button,.chip-btn{padding:9px 12px;border-radius:13px;background:#ffffff14;font:600 13px/1 var(--font);color:#eaf0ebd9}.offline{margin:20px 22px 0;padding:14px 16px;border-radius:20px;background:#ff9e6b14;border:1px solid rgba(255,158,107,.2);font:500 14px/1.4 var(--font);color:#eaf0ebbf}.switch{position:relative;width:44px;height:26px;flex:none}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:26px;background:#ffffff21;transition:background .2s}.switch span:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:var(--ink);transition:transform .2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:before{transform:translate(18px)}.sheet-backdrop{position:fixed;inset:0;background:#060907b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center;z-index:55}.sheet{width:100%;max-width:430px;background:#101512;border-radius:30px 30px 0 0;padding:12px 20px calc(24px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);max-height:88vh;overflow:auto}.sheet .handle{width:40px;height:4px;border-radius:4px;background:#ffffff26;margin:0 auto 14px}.sheet h2{margin:0 0 4px;font:600 22px/1.15 var(--font);letter-spacing:-.02em}.sheet .status{color:#eaf0eb80;font:400 14px/1.4 var(--font);margin:0 0 14px}.btn{display:block;width:100%;font:600 15px/1.2 var(--font);padding:13px 15px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:#ffffff0d;color:var(--ink);margin-bottom:8px;text-align:left}.btn.primary{background:linear-gradient(160deg,#6be05f,#2e9a2a);border-color:transparent;color:#04180a}.btn.danger{border-color:#ff6b6b4d;color:#ff8a8a}.btn:disabled{opacity:.4}.btn small{display:block;font:400 13px/1.3 var(--font);opacity:.7;margin-top:3px}.field{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:8px;font:500 14.5px/1 var(--font)}.field input,.field select{font:600 15px/1 var(--font);background:#ffffff0f;color:var(--ink);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:9px 10px;width:8.5rem}.fillcard{position:relative;border-radius:24px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:pointer}.fillcard .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 34%,transparent),color-mix(in srgb,var(--c) 18%,transparent));border-right:1.5px solid color-mix(in srgb,var(--c) 70%,transparent);transition:width .18s;pointer-events:none}.fillcard.dragging .fill{transition:none}.fillcard.off .fill{border-right-color:transparent}.fillcard .body{position:relative}.fillcard.disabled{opacity:.5}.masters{display:flex;flex-direction:column;gap:10px;padding:14px 22px 0}.master{border-radius:24px}.master .body,.master.clim{display:flex;align-items:center;gap:13px;padding:16px 16px 16px 15px;min-height:78px}.master.clim{position:relative;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);overflow:hidden;cursor:pointer}.master.clim:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%);pointer-events:none}.master.clim.off:before{opacity:.35}.master .mi{width:40px;height:40px;border-radius:14px;background:#ffffff1a;color:var(--c);display:flex;align-items:center;justify-content:center;flex:none;position:relative}.master .mt{flex:1;min-width:0;position:relative}.master .mt .n{font:700 16px/1.2 var(--font)}.master .mt .s{font:400 13px/1.3 var(--font);color:#eaf0eb80;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.master .mv{font:600 28px/1 var(--font-num);color:var(--c);position:relative}.master .mv small{font-size:15px;color:#eaf0eb73;margin-left:1px}.master .stepper{display:flex;align-items:center;gap:8px;margin:0;position:relative}.master .stepper button{width:34px;height:34px;border-radius:12px;background:#ffffff1a;color:var(--ink);display:flex;align-items:center;justify-content:center}.master .stepper .mv{min-width:58px;text-align:center}.clim-summary{display:flex;gap:14px;padding:14px 22px 0;font:600 13px/1 var(--font)}.clim-summary span{display:flex;align-items:center;gap:6px}.clim-summary i{width:7px;height:7px;border-radius:50%;display:block}.clim-summary .heat{color:var(--warm)}.clim-summary .heat i{background:var(--warm)}.clim-summary .cool{color:var(--blue)}.clim-summary .cool i{background:var(--blue)}.zone-row{position:relative;overflow:hidden;width:100%}.zone-row:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 16%,transparent),transparent 60%);pointer-events:none}.zone-row.off:before{opacity:.3}.zone-row .ico{color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent);position:relative}.zone-row .grow,.zone-row .num{position:relative}.dsheet{position:fixed;inset:0;z-index:58;max-width:430px;margin:0 auto;background:#0b0e0c;overflow-y:auto;padding:max(14px,env(safe-area-inset-top)) 22px calc(30px + env(safe-area-inset-bottom))}.dsheet-glow{position:fixed;top:-120px;left:50%;transform:translate(-50%);width:520px;height:420px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 22%,transparent),transparent 65%);pointer-events:none;transition:background .4s}.dsheet-hd{position:relative;display:flex;align-items:center;gap:12px;padding-top:6px}.dsheet-hd .close{width:38px;height:38px;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex:none}.dsheet-hd .mid{flex:1;min-width:0}.dsheet-hd .k{font:500 11.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#eaf0eb6b}.dsheet-hd .n{font:600 22px/1.15 var(--font);letter-spacing:-.02em;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsheet-hd .state{font:600 11.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);padding:6px 8px;border-radius:7px;white-space:nowrap}.dsheet-body{position:relative;display:flex;gap:16px;margin-top:22px;height:min(58vh,480px)}.dsheet-body .side{width:96px;flex:none;display:flex;flex-direction:column;gap:10px;justify-content:center}.rb{height:74px;border-radius:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:600 13px/1 var(--font);color:#eaf0ebd9;transition:background .2s}.rb:active{background:#ffffff1f}.rb.big{height:96px}.rb.on{background:color-mix(in srgb,var(--c) 22%,transparent);border-color:color-mix(in srgb,var(--c) 55%,transparent);color:var(--c)}.dsheet .cover{width:96px;height:96px;border-radius:20px;background:linear-gradient(140deg,#3a2a5a,#1a1226);display:flex;align-items:center;justify-content:center;color:var(--violet)}.dsheet .track{font:600 13px/1.3 var(--font);color:#eaf0ebb3;text-align:center}.presets{position:relative;display:flex;gap:8px;margin-top:16px}.presets button{flex:1;height:42px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font:600 14px/1 var(--font);color:#eaf0ebcc;text-align:center}.presets button.on{background:color-mix(in srgb,var(--c) 22%,transparent);border-color:color-mix(in srgb,var(--c) 55%,transparent);color:var(--c)}.dsheet-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:46vh;gap:18px}.huge{font:600 88px/1 var(--font-num);color:var(--c)}.huge small{font-size:32px;color:#eaf0eb66}.under{font:500 14px/1.3 var(--font);color:#eaf0eb80}.giant{width:160px;height:160px;border-radius:50%;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#eaf0ebb3;transition:all .25s}.giant.on{background:radial-gradient(circle,color-mix(in srgb,var(--c) 40%,transparent),color-mix(in srgb,var(--c) 14%,transparent));border-color:var(--c);color:var(--c);box-shadow:0 0 60px -10px var(--c)}.cam-view{position:relative;height:220px;margin-top:22px;border-radius:24px;background:linear-gradient(160deg,#161b18,#0d100e);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#eaf0eb73;font:500 13px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.vslider{position:relative;flex:1;border-radius:30px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.vslider.dragging{cursor:grabbing}.vslider .fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 55%,transparent),color-mix(in srgb,var(--c) 82%,transparent));transition:height .18s;pointer-events:none}.vslider.top .fill{bottom:auto;top:0;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 80%,transparent),color-mix(in srgb,var(--c) 45%,transparent));border-bottom:2px solid var(--c)}.vslider:not(.top) .fill{border-top:2px solid var(--c)}.vslider.dragging .fill{transition:none}.vslider .ticks{position:absolute;inset:24px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:14px;pointer-events:none}.vslider .ticks span{width:8px;height:1px;background:#eaf0eb38;display:block}.vslider .readout{position:absolute;left:20px;bottom:22px;pointer-events:none}.vslider .readout .v{font:600 52px/1 var(--font-num);color:var(--ink-strong);text-shadow:0 2px 12px rgba(0,0,0,.35)}.vslider .readout .v small{font-size:24px;color:#eaf0eb99}.vslider .readout .l{font:500 12px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#eaf0eb99;margin-top:6px}.vslider.top .readout{bottom:auto;top:22px}.vslider.disabled{opacity:.4}.dial{position:relative;width:260px;height:260px;margin:16px auto 0}.dial svg{width:100%;height:100%;touch-action:none;cursor:grab}.dial .track{fill:none;stroke:#ffffff17;stroke-width:14;stroke-linecap:round}.dial .prog{fill:none;stroke:var(--c);stroke-width:14;stroke-linecap:round;transition:stroke-dasharray .2s,stroke .3s;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--c) 60%,transparent))}.dial .knob{fill:var(--ink-strong);stroke:var(--c);stroke-width:3}.dial .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.dial .center .k{font:500 11.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#eaf0eb73}.dial .center .v{font:600 64px/1 var(--font-num);color:var(--c);margin-top:8px}.dial .center .v small{font-size:28px;color:#eaf0eb80}.dial .center .m{font:500 13px/1 var(--font);color:#eaf0eb80;margin-top:8px}.dial .pm{position:absolute;bottom:14px;width:46px;height:46px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font:300 28px/1 var(--font);display:flex;align-items:center;justify-content:center;color:var(--ink)}.dial .pm.minus{left:26px}.dial .pm.plus{right:26px}.dial.disabled{opacity:.4}.modes-seg{position:relative;display:flex;gap:6px;margin-top:20px;padding:5px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.modes-seg button{flex:1;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:7px;font:600 14px/1 var(--font);color:#eaf0eb99;transition:all .25s}.modes-seg button.on{background:#ffffff1f;color:var(--ink-strong)}.modes-seg button.heat.on{background:#ff9e6b33;color:var(--warm)}.modes-seg button.cool.on{background:#8fb8ff33;color:var(--blue)}.auto-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:14px 16px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.auto-row .n{font:600 15px/1.2 var(--font)}.auto-row .s{font:400 13px/1.3 var(--font);color:#eaf0eb80;margin-top:3px}.dsheet-sub{position:relative;display:flex;align-items:center;gap:7px;margin-top:22px;font:700 16px/1 var(--font);letter-spacing:-.01em}.sched{position:relative;margin-top:12px}.sched-now{display:flex;align-items:center;gap:8px;font:400 14px/1.3 var(--font);color:#eaf0eb99}.sched-now b{color:var(--c);font-weight:600}.sched-now .dot{width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);display:block;flex:none}.sched .days{display:flex;gap:5px;margin-top:14px}.sched .days button{flex:1;height:34px;border-radius:11px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font:600 12.5px/1 var(--font);color:#eaf0eb99;text-align:center}.sched .days button.today{border-color:#55d14e66}.sched .days button.on{background:color-mix(in srgb,var(--c) 24%,transparent);border-color:var(--c);color:var(--ink-strong)}.sched .bar{position:relative;height:26px;margin-top:14px;border-radius:8px;background:#ffffff0f;overflow:hidden}.sched .seg{position:absolute;top:0;bottom:0;background:var(--c);display:block;border-right:1px solid rgba(11,14,12,.6)}.sched .now{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:var(--ink-strong);box-shadow:0 0 6px #fff;display:block}.sched .hours{display:flex;justify-content:space-between;margin-top:5px;font:500 11px/1 var(--font-mono);color:#eaf0eb61}.sched .slots{display:flex;flex-direction:column;gap:8px;margin-top:14px}.sched .slot{display:grid;grid-template-columns:1fr auto;gap:8px 10px;padding:10px 12px;border-radius:16px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-left:3px solid color-mix(in srgb,var(--c) calc(var(--a) * 100%),rgba(255,255,255,.15))}.sched .times{display:flex;align-items:center;gap:6px}.sched .times input{font:600 15px/1 var(--font-mono);background:#ffffff0f;color:var(--ink);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:7px 8px;width:6.2rem;color-scheme:dark}.sched .times .arrow{color:#eaf0eb66;display:flex}.sched .temp{display:flex;align-items:center;gap:4px;justify-self:end}.sched .temp button,.sched .del{width:30px;height:30px;border-radius:10px;background:#ffffff14;display:flex;align-items:center;justify-content:center;color:var(--ink)}.sched .temp span{font:600 16.5px/1 var(--font-num);min-width:46px;text-align:center;color:var(--c)}.sched .labels{display:flex;gap:5px}.sched .labels button{padding:6px 9px;border-radius:9px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font:600 12.5px/1 var(--font);color:#eaf0eb8c}.sched .labels button.on{background:color-mix(in srgb,var(--c) calc(var(--a) * 40%),rgba(255,255,255,.06));border-color:color-mix(in srgb,var(--c) calc(var(--a) * 100%),rgba(255,255,255,.2));color:var(--ink-strong)}.sched .del{justify-self:end;color:#eaf0eb80}.sched-actions{display:flex;gap:8px;margin-top:12px}.sched-actions button{flex:1;height:40px;border-radius:13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font:600 13px/1 var(--font);color:#eaf0ebcc;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.sched.disabled{opacity:.45;pointer-events:none}.rise-enter-active,.rise-leave-active{transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s}.rise-enter-from,.rise-leave-to{transform:translateY(40px);opacity:0}.demo-tag{font:600 10.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#c9a2ffcc;border:1px solid rgba(201,162,255,.3);padding:3px 5px;border-radius:5px;margin-left:6px;vertical-align:middle}.auto-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;position:relative}.auto-row.compact{margin-top:0;padding:12px 14px;cursor:pointer}.lnk{font:600 13px/1 var(--font);color:var(--green)}.lnk.center{display:block;text-align:center;width:100%;padding:14px 0 4px}.tabs{position:relative;display:flex;gap:6px;margin-top:18px;padding:4px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.tabs button{flex:1;height:34px;border-radius:10px;font:600 14px/1 var(--font);color:#eaf0eb99;text-align:center}.tabs button.on{background:#ffffff1f;color:var(--ink-strong)}.presets.small{margin-top:10px}.presets.small button{height:36px;font-size:13px}.rb.slim{height:44px;flex-direction:row;font-size:14px}.shade-head{position:relative;display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.shade-head span{display:inline-flex;align-items:center;gap:5px;font:600 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#eaf0eb8c;padding:6px 8px;border-radius:7px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.shade-head .sun{color:var(--solar);border-color:#f5c24c59}.shade-body{position:relative;display:flex;gap:16px;margin-top:14px;height:min(54vh,440px)}.shade-body .side{width:96px;flex:none;display:flex;flex-direction:column;gap:10px;justify-content:center}.window{position:relative;flex:1;border-radius:26px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;background:#0f1512}.window.dragging{cursor:grabbing}.window .scene{position:absolute;inset:0}.window .sky{position:absolute;inset:0;background:linear-gradient(180deg,#1a2a44,#2d4a6e 45%,#6d7f8e 75%,#3b4a3d 76%)}.window .sun-disc{position:absolute;top:22%;right:22%;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#ffe9a8,#f5c24c 60%,transparent 62%);box-shadow:0 0 40px 10px #f5c24c59}.window .ground{position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(180deg,#3b4a3d,#26312a)}.window .frame{position:absolute;inset:0;border:10px solid #1b211d;border-radius:26px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff14}.window .frame:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:6px;margin-left:-3px;background:#1b211d}.window.curtain .frame:before,.window.awning .frame:before{display:none}.window .apron{position:absolute;left:0;right:0;top:0;background:repeating-linear-gradient(180deg,#9aa9bf 0 9px,#7d8ba0 9px 11px,#b3c0d4 11px 12px);transition:height .18s;box-shadow:0 6px 14px #00000073}.window.dragging .apron,.window.dragging .slats,.window.dragging .panel,.window.dragging .canvas{transition:none}.window.screen .apron{background:repeating-linear-gradient(90deg,#28302ce6 0 2px,#3c4642d9 2px 4px),repeating-linear-gradient(180deg,#28302ce6 0 2px,#3c4642d9 2px 4px);opacity:.92}.window .rail{position:absolute;left:0;right:0;bottom:0;height:8px;background:#cfd8e6;border-radius:0 0 3px 3px}.window .slats{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;overflow:hidden;transition:height .18s}.window .slat{flex:1;position:relative;min-height:0}.window .slat:before{content:"";position:absolute;left:0;right:0;top:0;height:var(--t);background:linear-gradient(180deg,#b7c3d3,#7c8a9d);border-bottom:1px solid rgba(0,0,0,.35);transition:height .15s}.window .panel{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(90deg,#7a5a4a 0 14px,#5c4238 14px 22px,#8a6a58 22px 30px);transition:width .18s;box-shadow:0 0 18px #00000080}.window .panel.left{left:0;border-radius:0 6px 6px 0}.window .panel.right{right:0;border-radius:6px 0 0 6px}.window .rod{position:absolute;left:4px;right:4px;top:8px;height:5px;border-radius:3px;background:#c9b48a;box-shadow:0 2px 6px #00000080}.window.awning .sky{background:linear-gradient(180deg,#4a7fc1,#8fb8e6 55%,#d9c9a8 56%,#b9a37c)}.window .canvas{position:absolute;left:0;right:0;top:0;background:repeating-linear-gradient(90deg,#f0e6d2 0 16px,#c0392b 16px 32px);transition:height .18s;box-shadow:0 10px 24px #00000073;transform-origin:top}.window .valance{position:absolute;left:0;right:0;bottom:-10px;height:12px;background:radial-gradient(circle at 8px 0,transparent 8px,#c0392b 8px) 0 0 / 16px 12px repeat-x}.window .readout{position:absolute;left:22px;top:22px;pointer-events:none}.window .readout .v{font:600 52px/1 var(--font-num);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.6)}.window .readout .v small{font-size:24px;opacity:.7}.window .readout .l{font:500 12px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#ffffffbf;margin-top:6px;text-shadow:0 1px 8px rgba(0,0,0,.6)}.window .hint{position:absolute;left:0;right:0;bottom:18px;text-align:center;font:500 11.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.6)}.tilt-row{position:relative;display:flex;align-items:center;gap:12px;margin-top:12px}.slat-ico{display:flex;flex-direction:column;gap:3px;width:18px}.slat-ico i{height:3px;background:#eaf0eb99;border-radius:1px;display:block;transform-origin:center}.slat-ico.closed i{transform:rotate(70deg)}.tilt-bar{position:relative;flex:1;height:34px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);touch-action:none;overflow:hidden}.tilt-bar .fill{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--c) 30%,transparent)}.tilt-bar .knob{position:absolute;top:4px;bottom:4px;width:26px;margin-left:-13px;border-radius:9px;background:var(--ink-strong);box-shadow:0 2px 8px #00000080}.light-fixture{position:relative;height:128px;margin-top:16px;border-radius:24px;background:linear-gradient(180deg,#11161380,#0b0e0c);border:1px solid rgba(255,255,255,.07);overflow:hidden;display:flex;align-items:center;justify-content:center}.light-fixture .glowfield{position:absolute;inset:0;background:radial-gradient(60% 90% at 50% 0%,color-mix(in srgb,var(--lc) 45%,transparent),transparent 70%);opacity:calc(var(--b) * .9);transition:opacity .3s}.light-fixture .fx-label{position:absolute;left:14px;bottom:10px;font:500 11.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#eaf0eb73}.light-fixture .spots{display:flex;gap:14px;position:relative}.light-fixture .spot{width:22px;height:22px;border-radius:50%;background:#1f2622;border:2px solid #2e3731;display:flex;align-items:center;justify-content:center;position:relative}.light-fixture .spot i,.light-fixture .bulb i,.light-fixture .sconce i,.light-fixture .pendant i,.light-fixture .lamp i,.light-fixture .strip i{display:block;border-radius:50%;background:var(--lc);box-shadow:0 0 calc(18px * var(--b) + 2px) calc(6px * var(--b)) color-mix(in srgb,var(--lc) 70%,transparent);opacity:calc(.15 + var(--b) * .85);transition:opacity .3s,box-shadow .3s}.light-fixture .spot i{width:10px;height:10px}.light-fixture .spot:after{content:"";position:absolute;top:24px;left:50%;width:60px;height:90px;margin-left:-30px;background:linear-gradient(180deg,color-mix(in srgb,var(--lc) 35%,transparent),transparent);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);opacity:var(--b);pointer-events:none}.light-fixture .chandelier{position:relative;width:160px;height:90px}.light-fixture .chain{position:absolute;left:50%;top:0;width:2px;height:26px;margin-left:-1px;background:#eaf0eb59}.light-fixture .arm{position:absolute;left:10px;right:10px;top:26px;height:22px;border:2px solid rgba(234,240,235,.35);border-top:0;border-radius:0 0 80px 80px}.light-fixture .bulb{position:absolute;top:40px;left:calc(10px + (100% - 20px) * var(--i) / (var(--n) - 1));margin-left:-8px}.light-fixture .bulb i{width:16px;height:16px;border-radius:50% 50% 45% 45%}.light-fixture .strip{width:78%;height:8px;border-radius:4px;background:#1f2622;position:relative}.light-fixture .strip i{position:absolute;inset:2px;border-radius:3px}.light-fixture .pendant{position:relative;width:80px;height:100px}.light-fixture .pendant .chain{height:40px}.light-fixture .pendant .cone{position:absolute;top:40px;left:10px;width:60px;height:34px;background:linear-gradient(180deg,#2b3430,#1c221f);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}.light-fixture .pendant i{position:absolute;top:66px;left:30px;width:20px;height:20px}.light-fixture .walls{display:flex;gap:60px}.light-fixture .sconce{position:relative;width:44px;height:22px;border-radius:22px 22px 0 0;background:#222a26;border:2px solid #2e3731;border-bottom:0;overflow:visible}.light-fixture .sconce i{position:absolute;left:12px;top:-14px;width:20px;height:20px;opacity:calc(.1 + var(--b) * .8)}.light-fixture .lamp{position:relative;width:80px;height:100px}.light-fixture .lamp .shade{position:absolute;top:6px;left:10px;width:60px;height:40px;background:linear-gradient(180deg,color-mix(in srgb,var(--lc) calc(var(--b) * 60%),#2b3430),#1c221f);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);transition:background .3s}.light-fixture .lamp .stem{position:absolute;top:46px;left:39px;width:2px;height:40px;background:#eaf0eb59}.light-fixture .lamp .foot{position:absolute;top:84px;left:22px;width:36px;height:6px;border-radius:3px;background:#eaf0eb4d}.light-fixture .lamp i{position:absolute;top:30px;left:30px;width:20px;height:20px}.light-body{height:min(44vh,360px)}.color-pane,.white-pane{position:relative;margin-top:16px}.wheel{width:220px;height:220px;margin:0 auto;border-radius:50%;position:relative;touch-action:none;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,.55) 25%,transparent 70%),conic-gradient(from 0deg,#eb4747,#ebeb47,#47eb47,#47ebeb,#4747eb,#eb47eb,#eb4747);box-shadow:0 0 0 6px #ffffff0d,0 20px 50px -20px #000c}.wheel .knob{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 10px #0009;pointer-events:none}.swatches{display:flex;justify-content:center;gap:12px;margin-top:18px}.swatches button{width:38px;height:38px;border-radius:50%;border:3px solid transparent;box-shadow:0 4px 14px -4px #000000b3}.swatches button.on{border-color:#fff}.ct-bar{position:relative;height:44px;border-radius:16px;background:linear-gradient(90deg,#ffaa46,#ffd296,#f5f0e6,#d7e6ff);touch-action:none}.ct-bar .knob{position:absolute;top:-4px;width:52px;height:52px;margin-left:-26px;border-radius:50%;border:4px solid #0b0e0c;box-shadow:0 0 0 2px #fff9,0 4px 14px #0009;pointer-events:none}.ct-scale{display:flex;justify-content:space-between;margin-top:8px;font:500 11.5px/1 var(--font-mono);color:#eaf0eb73}.white-pane .presets.small button{border-color:color-mix(in srgb,var(--c) 40%,transparent)}.white-pane .presets.small button.on{background:color-mix(in srgb,var(--c) 30%,transparent);color:#fff}.modes-seg button svg{flex:none}.decision{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:6px}.decision .badge{font:600 12px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 12%,transparent);padding:6px 9px;border-radius:8px}.decision .sub{font:400 13.5px/1 var(--font);color:#eaf0eb8c}.decision .lnk{margin-left:4px}.preheat{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font:600 12.5px/1 var(--font);color:var(--warm)}.quick-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.quick-grid button{border-radius:18px;padding:12px 8px 11px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#eaf0ebbf;transition:all .25s}.quick-grid button b{font:700 13px/1.1 var(--font);color:var(--ink)}.quick-grid button span{font:400 11px/1.2 var(--font);color:#eaf0eb73}.quick-grid button.on{background:color-mix(in srgb,var(--c) 20%,transparent);border-color:color-mix(in srgb,var(--c) 60%,transparent);color:var(--c)}.quick-grid button:disabled{opacity:.4}.holiday-row{position:relative;display:flex;align-items:center;gap:8px;margin-top:10px;font:500 14px/1 var(--font);color:#eaf0eb99}.holiday-row input,.depart input[type=time]{font:600 14px/1 var(--font-mono);background:#ffffff0f;color:var(--ink);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 9px;color-scheme:dark;flex:1;min-width:0}.dsheet-sub.toggle{width:100%;justify-content:flex-start}.dsheet-sub .chev{margin-left:auto;display:flex;color:#eaf0eb80;transition:transform .2s}.dsheet-sub .chev.open{transform:rotate(180deg)}.temp-list{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:10px}.temp-row{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;border-radius:16px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.temp-row .mt{flex:1;min-width:0}.temp-row .n{font:600 14.5px/1.2 var(--font)}.temp-row .s{font:400 12.5px/1.3 var(--font);color:#eaf0eb73;margin-top:2px}.temp-row .stepper,.depart .stepper{display:flex;align-items:center;gap:4px;margin:0}.temp-row .stepper button,.depart .stepper button{width:30px;height:30px;border-radius:10px;background:#ffffff14;display:flex;align-items:center;justify-content:center;color:var(--ink)}.temp-row .stepper span,.depart .stepper span{font:600 16.5px/1 var(--font-num);min-width:52px;text-align:center}.sched .bar{height:34px;border-radius:10px;overflow:visible;touch-action:none}.sched .bar.drag{cursor:ew-resize}.sched .seg{border-radius:6px;cursor:pointer;background:color-mix(in srgb,var(--c) calc(var(--a) * 100%),rgba(255,255,255,.07));opacity:1!important;display:flex;align-items:center;justify-content:center;overflow:hidden}.sched .seg.sel{outline:2px solid #fff;outline-offset:-2px;z-index:1}.sched .seg.dim .lbl{color:#eaf0ebd9}.sched .seg .lbl{font:600 12.5px/1 var(--font-num);color:#06120a;font-style:normal;white-space:nowrap}.sched .handle{position:absolute;top:-6px;bottom:-6px;width:18px;margin-left:-9px;z-index:2;cursor:ew-resize;touch-action:none}.sched .handle:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:4px;border-radius:2px;background:#ffffff8c}.sched .handle.sel:before{background:#fff;box-shadow:0 0 8px #fff}.sched-hint{margin-top:8px;text-align:center;font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#eaf0eb59}.sched .slot{grid-template-columns:1fr auto;cursor:pointer}.sched .slot.sel{border-color:#ffffff59}.sched .tval{font:600 17.5px/1 var(--font-num);color:var(--c);justify-self:end;align-self:center}.cam{position:relative}.cam-live{position:relative;aspect-ratio:16 / 9;margin-top:16px;border-radius:22px;overflow:hidden;background:#0c1210;border:1px solid rgba(255,255,255,.08)}.cam.full .cam-live{position:fixed;inset:0;z-index:70;border-radius:0;aspect-ratio:auto;margin:0}.cam-live .scene,.cam-tile .scene{position:absolute;inset:0;background:linear-gradient(180deg,#16201b,#0f1613 60%,#0a0e0c)}.cam-live .horizon,.cam-tile .horizon{position:absolute;left:0;right:0;top:58%;height:1px;background:linear-gradient(90deg,transparent,rgba(85,209,78,.35),transparent)}.cam-live .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,transparent 40%,#000 100%);mask-image:linear-gradient(180deg,transparent 40%,#000 100%)}.cam-live .vignette,.cam-tile .vignette{position:absolute;inset:0;background:radial-gradient(80% 80% at 50% 50%,transparent 55%,rgba(0,0,0,.6))}.cam-top,.cam-bottom{position:absolute;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;font:600 11.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#eaf0ebb3}.cam-top{top:12px}.cam-bottom{bottom:12px}.cam .live,.cam-tile .live{display:inline-flex;align-items:center;gap:6px;color:#ff6b6b}.cam .live i,.cam-tile .live i{width:7px;height:7px;border-radius:50%;background:#ff6b6b;box-shadow:0 0 8px #ff6b6b;display:block;animation:shim 1.4s infinite}.cam-msg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#eaf0eb59;font:500 12.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.cam-full{position:absolute;right:12px;top:34px;width:30px;height:30px;border-radius:9px;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center}.cam-actions{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.cam-actions button{height:64px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:600 12.5px/1 var(--font);color:#eaf0ebcc}.cam-actions button.on{background:#ff6b6b33;border-color:#ff6b6b80;color:#ff8a8a}.ptz{position:relative;display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px;gap:6px;width:144px;margin:14px auto 0}.ptz button{border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;color:#eaf0ebd9}.ptz .u{grid-column:2;grid-row:1}.ptz .l{grid-column:1;grid-row:2}.ptz .c{grid-column:2;grid-row:2;background:#ffffff1f}.ptz .r{grid-column:3;grid-row:2}.ptz .d{grid-column:2;grid-row:3}.events{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:10px}.event{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.event .thumb{width:54px;height:36px;border-radius:9px;background:linear-gradient(180deg,#1a241f,#0f1613);display:flex;align-items:center;justify-content:center;color:#eaf0eb99;flex:none}.event.person .thumb{color:var(--solar)}.event.vehicle .thumb{color:var(--teal)}.event.ring .thumb{color:var(--green)}.event .mt{flex:1;min-width:0}.event .n{font:600 14.5px/1.2 var(--font)}.event .s{font:400 13px/1.3 var(--font);color:#eaf0eb80;margin-top:2px}.event .at{font:500 13px/1 var(--font-mono);color:#eaf0eb80}.cam-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.cam-tile{position:relative;aspect-ratio:16 / 10;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0c1210;cursor:pointer}.cam-tile .live{position:absolute;left:10px;top:10px}.cam-tile .name{position:absolute;left:10px;bottom:9px;font:600 13px/1 var(--font);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.8)}.cam-tile .last{position:absolute;right:10px;bottom:9px;font:500 11px/1 var(--font-mono);color:#eaf0eb99}.cam-tile .demo-tag{position:absolute;right:8px;top:8px;margin:0}.alarm-card{position:relative;border-radius:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);padding:16px;overflow:hidden}.alarm-card.armed{background:linear-gradient(145deg,#55d14e29,#55d14e0a);border-color:#55d14e66}.alarm-card .hd{display:flex;align-items:center;gap:12px}.alarm-card .hd .ico{width:40px;height:40px;border-radius:14px;background:#ffffff14;display:flex;align-items:center;justify-content:center}.alarm-card.armed .hd .ico{background:#55d14e2e;color:var(--green-3)}.alarm-card .hd .n{font:700 16.5px/1.2 var(--font)}.alarm-card .hd .s{font:400 13px/1.3 var(--font);color:#eaf0eb80;margin-top:3px}.alarm-card .modes-seg{margin-top:14px}.alarm-card .modes-seg button.on{background:#55d14e38;color:var(--green-3)}.alarm-card .modes-seg button.off.on{background:#ffffff1f;color:var(--ink-strong)}.dsheet-hd .state.solar{color:var(--solar);border-color:#f5c24c66}.dsheet-hd .state.denied,.dsheet-hd .state.safety{color:#ff8a8a;border-color:#ff6b6b66}.veh-hero{position:relative;display:flex;align-items:center;gap:14px;margin-top:18px}.veh-hero .soc{position:relative;width:150px;height:150px;flex:none}.veh-hero .soc svg{width:100%;height:100%}.veh-hero .soc .track{fill:none;stroke:#ffffff17;stroke-width:11;stroke-linecap:round}.veh-hero .soc .prog{fill:none;stroke:var(--teal);stroke-width:11;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(79,209,197,.6));transition:stroke-dasharray .4s}.veh-hero .soc .limit{fill:#fff;stroke:#0b0e0c;stroke-width:2}.veh-hero .soc .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.veh-hero .soc .v{font:600 38px/1 var(--font-num);color:var(--teal)}.veh-hero .soc .v small{font-size:17.5px;color:#eaf0eb80}.veh-hero .soc .l{font:500 12.5px/1 var(--font-mono);color:#eaf0eb80;margin-top:6px}.veh-hero .soc .demo-tag{position:absolute;left:50%;bottom:6px;transform:translate(-50%);margin:0}.veh-hero .facts{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.fact .k{font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#eaf0eb66}.fact .v{font:600 24px/1 var(--font-num);margin-top:4px}.fact .v.small{font-size:16.5px;line-height:1.2}.fact .v small{font-size:14px;color:#eaf0eb73}.fact .v.teal{color:var(--teal)}.fact .s{font:400 12.5px/1.3 var(--font);color:#eaf0eb73;margin-top:2px}.veh-line{position:relative;margin:12px 0 0;font:400 14px/1.4 var(--font);color:#eaf0eb99}.mode-cards{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.mode-card{border-radius:20px;padding:13px 10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:118px;transition:all .25s}.mode-card .mi{width:32px;height:32px;border-radius:11px;background:#ffffff14;display:flex;align-items:center;justify-content:center}.mode-card b{font:700 14.5px/1.1 var(--font);margin-top:4px}.mode-card span:last-child{font:400 12px/1.3 var(--font);color:#eaf0eb73}.mode-card.solar.on{background:#f5c24c24;border-color:#f5c24c8c}.mode-card.solar.on .mi{background:#f5c24c38;color:var(--solar)}.mode-card.max.on{background:#4fd1c524;border-color:#4fd1c58c}.mode-card.battery.on{background:#55d14e24;border-color:#55d14e8c}.mode-card.battery.on .mi{background:#55d14e38;color:var(--green)}.max-form .range{width:100%;margin:6px 0 2px;accent-color:var(--green)}.max-form .hint{margin:8px 0 0;font:400 13px/1.4 var(--font);color:#eaf0eb8c}.mode-card.max.on .mi{background:#4fd1c538;color:var(--teal)}.mode-card.deny.on{background:#ff6b6b24;border-color:#ff6b6b80}.mode-card.deny.on .mi{color:#ff8a8a}.mode-card:disabled{opacity:.45}.max-form{position:relative;margin-top:10px;padding:4px 14px 10px;border-radius:18px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.max-form .btn{margin:10px 0 0}.depart{position:relative;margin-top:10px;padding:14px 14px 12px;border-radius:20px;background:#4fd1c514;border:1px solid rgba(79,209,197,.3)}.depart.off{background:#ffffff0b;border-color:#ffffff14}.depart .row{display:flex;align-items:center;justify-content:space-between;gap:10px}.depart .row.fields{margin-top:12px;justify-content:flex-start}.depart .n{font:500 15px/1.3 var(--font)}.depart .n b{color:var(--teal);font-weight:700}.depart .s{font:400 12.5px/1.3 var(--font);color:#eaf0eb80;margin-top:3px}.depart input[type=time]{flex:none;width:6.4rem}.depart .days{display:flex;gap:5px;margin-top:12px}.depart .days button{flex:1;height:30px;border-radius:9px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font:600 12.5px/1 var(--font);color:#eaf0eb8c;text-align:center}.depart .days button.on{background:#4fd1c538;border-color:#4fd1c599;color:var(--ink-strong)}.depart.off .days button.on{background:#ffffff1a;border-color:#fff3}.limit-bar{position:relative;height:44px;margin-top:16px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);touch-action:none}.limit-bar .fill{position:absolute;inset:0 auto 0 0;border-radius:16px;background:linear-gradient(90deg,#4fd1c540,#4fd1c573)}.limit-bar .daily{position:absolute;top:-14px;transform:translate(-50%);font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#eaf0eb66}.limit-bar .daily:after{content:"";position:absolute;left:50%;top:12px;height:48px;width:1px;background:#ffffff40}.limit-bar .knob{position:absolute;top:4px;bottom:4px;width:58px;margin-left:-29px;border-radius:12px;background:var(--ink-strong);color:#04180a;font:700 14px/36px var(--font);text-align:center;box-shadow:0 2px 10px #00000080;pointer-events:none}.veh-stats{position:relative;display:flex;align-items:stretch;margin-top:10px;padding:14px 10px;border-radius:20px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.veh-stats>div{flex:1;text-align:center}.veh-stats>i{width:1px;background:#ffffff14}.veh-stats .v{font:600 24px/1 var(--font-num)}.veh-stats .v.green{color:var(--green)}.veh-stats .v small{font-size:13px;color:#eaf0eb73}.veh-stats .k{font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#eaf0eb66;margin-top:6px}.sessions{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:10px}.session{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.session .bar{width:6px;height:36px;border-radius:3px;background:#8fb8ff59;position:relative;overflow:hidden;flex:none}.session .bar span{position:absolute;left:0;right:0;bottom:0;background:var(--solar);display:block}.session .mt{flex:1;min-width:0}.session .n{font:600 14.5px/1.2 var(--font)}.session .s,.session .right .s{font:400 12.5px/1.3 var(--font);color:#eaf0eb80;margin-top:2px}.session .right{text-align:right}.session .right .v{font:600 16px/1 var(--font-num)}.flow{position:relative;height:300px;margin-top:8px}.flow>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.flow .edge{fill:none;stroke-linecap:round;stroke:#eaf0eb1f;transition:stroke-width .4s}.flow .edge.on{stroke-dasharray:4 10;animation:flow-run linear infinite}.flow .edge.solar.on{stroke:var(--solar)}.flow .edge.grid.on{stroke:var(--blue)}.flow .edge.grid.exp{stroke:var(--green)}.flow .edge.batt.on{stroke:var(--teal)}.flow .edge.cons.on{stroke:#eaf0ebb3}@keyframes flow-run{to{stroke-dashoffset:-14}}.flow .node{position:absolute;display:flex;align-items:center;gap:8px;color:#eaf0eb8c}.flow .node.on{color:var(--ink)}.flow .node .ni{width:34px;height:34px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex:none;color:#eaf0eb80}.flow .node .v{font:700 16.5px/1 var(--font-num);white-space:nowrap}.flow .node .v small{font-size:12.5px;font-family:var(--font-mono);color:#eaf0eb73;font-weight:500}.flow .node .k{font:500 11px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#eaf0eb66;margin-top:4px;white-space:nowrap}.flow .node.solar.on .ni{background:#f5c24c24;color:var(--solar)}.flow .node.solar.on .v{color:var(--solar)}.flow .node.grid.on .ni{background:#8fb8ff24;color:var(--blue)}.flow .node.grid.on .v{color:var(--blue)}.flow .node.grid.exp .ni{background:#55d14e24;color:var(--green)}.flow .node.grid.exp .v{color:var(--green)}.flow .node.right{text-align:right}.flow .node.batt.on .ni{background:#4fd1c524;color:var(--teal)}.flow .node.batt.on .v{color:var(--teal)}.flow .node.home{flex-direction:column;gap:0;transform:translate(-50%);color:var(--ink)}.flow .node.home .hi{width:62px;height:62px;border-radius:24px;background:#55d14e1a;border:1px solid rgba(85,209,78,.35);color:var(--green-3);display:flex;align-items:center;justify-content:center}.flow .node.home .v{font-size:19.5px;margin-top:8px}.flow .node.cons{flex-direction:column;gap:0;transform:translate(-50%);text-align:center}.flow .node.cons .ni{width:30px;height:30px;border-radius:10px}.flow .node.cons .v{font-size:15px;margin-top:6px}.flow .node.cons.on .ni{background:#ffffff1f;color:var(--ink)}.flow .node.cons.is-demo .k:after{content:" · démo";color:#c9a2ffb3}.flow-legend{display:flex;justify-content:space-between;gap:8px;margin-top:4px}.flow-legend .item{flex:1;text-align:center;padding:10px 6px;border-radius:14px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07)}.flow-legend .v{font:600 19.5px/1 var(--font-num)}.flow-legend .v.green{color:var(--green)}.flow-legend .k{font:500 11px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#eaf0eb66;margin-top:5px}.tile-fixture{display:flex;gap:4px;margin-top:8px}.tile-fixture span{width:8px;height:8px;border-radius:50%;background:#ffffff1f;display:block;transition:all .3s}.tile-fixture span.on{background:var(--lc);box-shadow:0 0 8px var(--lc)}.tile-shade{height:22px;margin-top:8px;border-radius:5px;border:1.5px solid rgba(143,184,255,.35);position:relative;overflow:hidden;background:linear-gradient(180deg,#8fb8ff1f,#8fb8ff0a)}.tile-shade i{position:absolute;left:0;right:0;top:0;background:#8fb8ff8c;display:block;transition:height .3s}.tile-shade.curtain i{top:0;bottom:0;right:auto}.tile-shade.curtain i+i{left:auto;right:0}.tile-shade.awning i{background:repeating-linear-gradient(90deg,#f0e6d2b3 0 4px,#c0392bb3 4px 8px)}.tile-shade.venetian i{background:repeating-linear-gradient(180deg,#b7c3d3bf 0 2px,#00000059 2px 3px)}.player{position:relative;margin-top:16px;padding:18px 16px 14px;border-radius:26px;background:linear-gradient(160deg,#c9a2ff24,#ffffff08);border:1px solid rgba(201,162,255,.25);display:flex;flex-direction:column;align-items:center}.player .cover-big{position:relative;width:150px;height:150px;border-radius:26px;background:linear-gradient(140deg,#4a3673,#1a1226);display:flex;align-items:center;justify-content:center;color:var(--violet);box-shadow:0 24px 50px -20px #c9a2ff80}.player .cover-big .eq{position:absolute;right:12px;bottom:12px;display:flex;align-items:flex-end;gap:3px;height:16px}.player .cover-big .eq i{width:3px;background:var(--violet);border-radius:2px;height:4px;display:block}.player.on .cover-big .eq i{animation:eq .9s ease-in-out infinite}.player.on .cover-big .eq i:nth-child(2){animation-delay:.2s}.player.on .cover-big .eq i:nth-child(3){animation-delay:.4s}.player.on .cover-big .eq i:nth-child(4){animation-delay:.1s}.player .np{text-align:center;margin-top:16px}.player .np .t{font:700 19.5px/1.2 var(--font);letter-spacing:-.02em}.player .np .a{font:400 14px/1.3 var(--font);color:#eaf0eb8c;margin-top:4px}.player .progress{width:100%;margin-top:16px}.player .progress .bar{height:4px;border-radius:2px;background:#ffffff1f;overflow:hidden}.player .progress .bar span{display:block;height:100%;background:var(--violet);transition:width 1s linear}.player .progress .times{display:flex;justify-content:space-between;margin-top:6px;font:500 11.5px/1 var(--font-mono);color:#eaf0eb73}.player .transport{display:flex;align-items:center;gap:22px;margin-top:14px}.player .transport button{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#eaf0ebcc;background:#ffffff0f}.player .transport .main{width:66px;height:66px;background:var(--ink);color:var(--bg)}.player .vol-row{width:100%;display:flex;align-items:center;gap:10px;margin-top:16px;color:#eaf0eb8c}.player .vol-bar{flex:1;height:28px;border-radius:10px;background:#ffffff12;overflow:hidden;touch-action:none;position:relative}.player .vol-bar .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#c9a2ff66,#c9a2ffb3);display:block}.player .vol-row .v{font:600 16px/1 var(--font-num);min-width:26px;text-align:right;color:var(--ink)}.zones-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.zone-chip{border-radius:16px;padding:11px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#eaf0ebbf}.zone-chip span{font:600 14px/1.1 var(--font);color:var(--ink)}.zone-chip small{font:400 12px/1 var(--font);color:#eaf0eb73}.zone-chip.on{background:#c9a2ff29;border-color:#c9a2ff80;color:var(--violet)}.zone-chip.me{border-style:dashed}.favs{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.favs button{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font:600 13px/1 var(--font);color:#eaf0ebd9}.presets.small button svg{vertical-align:-2px;margin-right:4px}.room-card{min-height:140px;text-align:left}.room-card .icon{font-size:18.5px}.room-card .temp{font:600 22px/1 var(--font-num);color:var(--warm)}.room-card .temp.stale{color:#eaf0eb59}.room-card .name{font:700 19px/1.15 var(--font);letter-spacing:-.01em;margin-top:12px}.room-card .pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.room-card .rp{display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border-radius:7px;background:#ffffff0f;font:600 11.5px/1 var(--font);color:#eaf0eb8c}.room-card .rp.solar{color:var(--solar);background:#f5c24c1f}.room-card .rp.blue{color:var(--blue);background:#8fb8ff1f}.room-card .rp.warm{color:var(--warm);background:#ff9e6b1f}.room-card .rp.violet{color:var(--violet);background:#c9a2ff1f}.room-card .rp.teal{color:var(--teal);background:#4fd1c51f}.ring-brick{padding:16px 12px 8px}.ring-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.ring-brick .nrg-auto{font:600 11.5px/1 var(--font-mono);letter-spacing:.12em;color:var(--green);text-transform:uppercase}.ring-legend{display:flex;justify-content:center;gap:14px;padding:6px 0 4px;font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#eaf0eb73}.ring-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.ring-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.ring-legend i.g{background:var(--green);box-shadow:0 0 6px var(--green)}.ring-legend i.r{background:var(--red);box-shadow:0 0 6px var(--red)}.ring-legend i.w{background:#eaf0ebbf}.ring{position:relative;width:100%;aspect-ratio:1;margin:46px 0 40px}.ring>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ring .orbit{fill:none;stroke:#ffffff14;stroke-width:1;stroke-dasharray:2 5}.ring .edge{fill:none;stroke-linecap:round;stroke:#eaf0eb1a;transition:stroke-width .4s,stroke .4s}.ring .edge.on{stroke-dasharray:5 9;animation:flow-run linear infinite}.ring .edge.green{stroke:var(--green);filter:drop-shadow(0 0 4px rgba(85,209,78,.55))}.ring .edge.red{stroke:var(--red);filter:drop-shadow(0 0 4px rgba(255,107,107,.55))}.ring .edge.white{stroke:#eaf0ebbf}.ring .core{fill:#ffffff0a;stroke:#ffffff24;stroke-width:1.5;transition:stroke .4s}.ring .core.green{stroke:#55d14e99;filter:drop-shadow(0 0 22px rgba(85,209,78,.25))}.ring .core.red{stroke:#ff6b6b99;filter:drop-shadow(0 0 22px rgba(255,107,107,.25))}.ring .core-html{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.ring .core-html .logo{width:64px;height:22px;background-size:84px auto;background-position:-11px -47px;background-repeat:no-repeat;mix-blend-mode:screen;opacity:.95;display:block}.ring .core-html .v{font:600 22px/1 var(--font-num);color:var(--ink-strong)}.ring .core-html .v small{font:500 11.5px/1 var(--font-mono);color:#eaf0eb73}.ring .core-html.red .v{color:var(--red)}.ring .core-html.green .v{color:var(--green)}.ring .meter{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.ring .meter .disc{width:54px;height:54px;border-radius:50%;background:#12171420;background:#101512f5;border:1.5px solid rgba(255,255,255,.14);color:#eaf0eb8c;display:flex;align-items:center;justify-content:center;transition:all .4s}.ring .meter.green .disc{border-color:var(--green);color:var(--green);box-shadow:0 0 22px -4px #55d14e99}.ring .meter.red .disc{border-color:var(--red);color:var(--red);box-shadow:0 0 22px -4px #ff6b6b99}.ring .meter.white .disc{border-color:#eaf0ebb3;color:var(--ink-strong)}.ring .meter .txt{position:absolute;top:58px;text-align:center;white-space:nowrap}.ring .meter .txt.up{top:auto;bottom:58px}.ring .meter .txt .v{font:600 16.5px/1 var(--font-num);color:#eaf0eb8c}.ring .meter .txt .v small{font:500 11px/1 var(--font-mono);color:#eaf0eb66}.ring .meter.green .txt .v{color:var(--green)}.ring .meter.red .txt .v{color:var(--red)}.ring .meter.white .txt .v{color:var(--ink-strong)}.ring .meter .txt .k{font:500 11px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#eaf0eb8c;margin-top:4px}.ring .meter .txt .s{font:400 12px/1.2 var(--font);color:#eaf0eb66;margin-top:2px}.ring .meter.is-demo .txt .k{color:#c9a2ffbf}.day-cols{display:flex;align-items:stretch;justify-content:space-between;margin-top:14px}.day-cols>i{width:1px;background:#ffffff14}.day-cols .col{flex:1;text-align:center}.day-cols .k{font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#eaf0eb66}.day-cols .v{font:600 26px/1 var(--font-num);margin-top:8px}.day-cols .v.green{color:var(--green)}.day-cols .v.red{color:var(--red)}.day-cols .u{font:500 11.5px/1 var(--font-mono);color:#eaf0eb66;margin-top:5px}.day-bar{height:6px;border-radius:3px;overflow:hidden;display:flex;gap:2px;margin-top:14px;background:#ffffff0f}.day-bar span{display:block;transition:width .6s}.day-bar .g,.day-foot .g{background:var(--green)}.day-bar .b,.day-foot .b{background:var(--blue)}.day-bar .r,.day-foot .r{background:var(--red)}.day-foot{display:flex;gap:14px;margin-top:8px;font:500 12.5px/1 var(--font);color:#eaf0eb8c}.day-foot span{display:inline-flex;align-items:center;gap:5px}.day-foot i{width:7px;height:7px;border-radius:2px;display:inline-block}.day-brick .tag.green{white-space:nowrap}.chart-brick .nrg-head{margin-bottom:8px}.echart{position:relative}.echart .legend{display:flex;align-items:center;gap:12px;font:500 12.5px/1 var(--font);color:#eaf0eb99;margin-bottom:6px}.echart .legend span{display:inline-flex;align-items:center;gap:5px}.echart .legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.echart .legend .tbl{margin-left:auto;font:600 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green)}.echart svg{width:100%;height:auto;display:block;touch-action:pan-y}.echart .grid line{stroke:#ffffff12;stroke-width:1}.echart .grid text,.echart .axis text{font:500 8px var(--font-mono);fill:#eaf0eb66}.echart .grid text{text-anchor:end}.echart .bar rect{transition:opacity .2s}.echart .bar.dim rect{opacity:.35}.echart .bar.future rect{opacity:.2}.echart .now{stroke:#eaf0eb80;stroke-width:1;stroke-dasharray:2 3}.echart .tip{margin-top:8px;min-height:34px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:500 12.5px/1.3 var(--font);color:#eaf0ebcc}.echart .tip b{font:700 13px/1 var(--font-mono);color:var(--ink-strong)}.echart .tip span{display:inline-flex;align-items:center;gap:5px}.echart .tip i{width:7px;height:7px;border-radius:2px;display:inline-block}.echart .tip.muted,.echart .tip .muted{color:#eaf0eb66}.etable{width:100%;border-collapse:collapse;font:500 12.5px/1.4 var(--font-mono);color:#eaf0ebbf}.etable th{text-align:right;font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#eaf0eb66;padding:4px 4px 6px;border-bottom:1px solid rgba(255,255,255,.08)}.etable td{text-align:right;padding:3px 4px}.etable th:first-child,.etable td:first-child{text-align:left}.save-brick .num{font-size:28px}.ec-card{text-decoration:none;color:inherit;background:linear-gradient(145deg,#55d14e1a,#ffffff0a);border-color:#55d14e4d}.ec-card .ico{background:#55d14e29;color:var(--green-3)}.ec-note{margin:0;font:400 13px/1.45 var(--font);color:#eaf0eb73;padding:0 4px}.period-seg{display:flex;gap:4px;margin:12px 22px 0;padding:4px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.period-seg button{flex:1;height:34px;border-radius:12px;font:600 13px/1 var(--font);color:#eaf0eb99;text-align:center;white-space:nowrap}.period-seg button.on{background:#55d14e2e;color:var(--green-3)}.date-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 22px 0}.date-nav button{width:36px;height:36px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#eaf0ebd9}.date-nav button:disabled{opacity:.3}.date-nav .when{flex:1;position:relative;text-align:center;font:600 15px/1.2 var(--font)}.date-nav .when small{display:block;font:500 11.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#eaf0eb73;margin-top:4px}.date-nav .when input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.date-nav .today{width:auto;padding:0 10px;font:600 12.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green)}.chart-tabs{display:flex;gap:4px;padding:3px;border-radius:11px;background:#ffffff0d}.chart-tabs button{padding:6px 9px;border-radius:8px;font:600 12.5px/1 var(--font);color:#eaf0eb99}.chart-tabs button.on{background:#ffffff1f;color:var(--ink-strong)}.echart .bar.pick rect{opacity:1}.echart .axis text.dim{fill:#eaf0eb40}.brick .sub,.tile-name,.rowcard .name,.master .mt .n{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.rowcard .name{-webkit-line-clamp:1}.brick .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsheet-hd .state{max-width:42%;overflow:hidden;text-overflow:ellipsis}.ring .meter .txt .s,.ring .meter .txt .k{max-width:96px;overflow:hidden;text-overflow:ellipsis}.day-cols .v{font-size:24px}.fact .v.small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-card span:last-child{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.quick-grid button b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.room-card .icon{color:#eaf0ebcc}.page-title .k svg{vertical-align:-2px;margin-right:2px}.tile:not(.fill-tile) .tile-name{padding-right:36px}.tile-more{width:32px;height:32px}.login{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:32px 24px 48px;max-width:420px;margin:0 auto}.login .logo{width:64px;height:64px;border-radius:20px;background-size:cover;margin-bottom:18px}.login .k{font:600 13px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#eaf0eb80;margin-bottom:8px}.login h1{font:800 34px/1.05 var(--font);margin:0 0 8px}.login .sub{font:400 15px/1.45 var(--font);color:#eaf0eba6;margin:0 0 22px}.login form label{display:block;margin-bottom:14px}.login form label span{display:block;font:600 13px/1 var(--font);color:#eaf0eb99;margin-bottom:7px}.login form input{width:100%;box-sizing:border-box;font:600 17px/1.2 var(--font);background:#ffffff0f;color:var(--ink);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px}.login form input:focus{outline:none;border-color:#55d14eb3}.login .err{color:#ff8a8a;font:500 14px/1.3 var(--font);margin:0 0 12px}.login .btn{width:100%;margin-top:6px;font:700 17px/1 var(--font);padding:16px}.login .fine{margin-top:22px;font:400 12.5px/1.45 var(--font);color:#eaf0eb66}.rowcard .chip{font:600 13px/1 var(--font);color:var(--ink);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 13px}