:root{--bg: #04070d;--text: #e3edf7;--muted: #7d90a6;--faint: #44566b;--cyan: #5ee7ff;--warm: #ffc78a;--alert: #ff4d6d;--ok: #3ef0b0;--glass: rgba(10, 17, 28, .58);--glass-strong: rgba(9, 15, 25, .82);--line: rgba(130, 205, 255, .14);--line-strong: rgba(130, 220, 255, .32);--sans: "Space Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}#scene,#scene canvas,.labels{position:fixed;inset:0}.labels{pointer-events:none}.labels>*{pointer-events:auto}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(4,7,13,.6) 0%,transparent 18%,transparent 82%,rgba(4,7,13,.7) 100%)}.hud{position:fixed;z-index:5}.hud-tl{top:28px;left:32px;pointer-events:none}.kicker{display:flex;align-items:center;gap:8px;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--warm);box-shadow:0 0 10px var(--warm)}.kicker:has(.is-live) .dot{background:var(--ok);box-shadow:0 0 10px var(--ok)}.clock{font-size:64px;font-weight:300;letter-spacing:-.04em;line-height:1;margin:12px 0 8px;font-variant-numeric:tabular-nums}.sub{font-size:13px;color:var(--muted);text-transform:capitalize}.sub b{color:var(--text);font-weight:500}.hud-tr{top:28px;right:32px;display:flex;gap:10px;align-items:center;transition:right .5s cubic-bezier(.2,.8,.2,1)}.has-selection .hud-tr{right:412px}.seg{display:flex;padding:4px;gap:2px;border-radius:999px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(16px)}.seg button{padding:8px 16px;border-radius:999px;font-size:13px;color:var(--muted);transition:all .25s}.seg button:hover{color:var(--text)}.seg button.is-active{background:#5ee7ff1f;color:var(--cyan);box-shadow:inset 0 0 0 1px #5ee7ff59}.ghost-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(16px);color:var(--muted);transition:all .25s}.ghost-btn:hover{color:var(--cyan);border-color:var(--line-strong)}.ghost-btn svg,.p-close svg{width:18px;height:18px}.floors{left:32px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.floor{display:flex;align-items:center;gap:12px;padding:6px;border-radius:14px;text-align:left;color:var(--muted)}.floor b{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font:500 13px var(--mono);border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(16px)}.floor span{font-size:12px;opacity:0;transform:translate(-6px);transition:all .25s}.floor:hover span{opacity:1;transform:none}.floor.is-active{color:var(--cyan)}.floor.is-active b{border-color:#5ee7ff80;box-shadow:0 0 24px #5ee7ff2e,inset 0 0 12px #5ee7ff1a}.floor:disabled{opacity:.4;cursor:default}.summary{bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:2px;padding:6px;border-radius:18px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(18px);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.has-selection .summary{transform:translate(calc(-50% - 190px))}.sum{display:flex;flex-direction:column;padding:10px 22px;border-radius:12px;min-width:120px}.sum+.sum{border-left:1px solid var(--line);border-radius:0}.sum-val{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.sum-lbl{font:400 10px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.sum.is-alert .sum-val{color:var(--alert);text-shadow:0 0 14px rgba(255,77,109,.6)}.sum.is-ok .sum-val{color:var(--ok);text-shadow:0 0 14px rgba(62,240,176,.5)}.sum.is-self .sum-val{color:#4d9bff;text-shadow:0 0 14px rgba(77,155,255,.6)}.legend{bottom:36px;right:32px;display:flex;align-items:center;gap:10px;font:11px var(--mono);color:var(--muted);opacity:0;transition:opacity .4s;pointer-events:none}.legend i{width:140px;height:4px;border-radius:2px;background:linear-gradient(90deg,#3d7bff,#38d6ff 27%,#3ef0b0,#ffc14d 73%,#ff5a4d)}[data-mode=clima] .legend{opacity:1}.has-selection .legend{opacity:0}.room-tag{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 12px 8px;border-radius:12px;background:#080e178c;border:1px solid var(--line);backdrop-filter:blur(10px);transition:border-color .25s,background .25s,opacity .3s;white-space:nowrap}.room-tag:hover,.room-tag.is-selected{border-color:#5ee7ff80;background:#0a1624cc}.rt-name{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.room-tag.is-selected .rt-name{color:var(--cyan)}.rt-metrics{display:flex;gap:8px;font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.rt-metrics:empty{display:none}.rt-metrics .m-humidity{color:var(--muted);font-weight:400}.rt-flags{display:flex;gap:4px;position:absolute;top:-4px;right:-4px}.rt-flags i{width:8px;height:8px;border-radius:50%}.f-light{background:var(--warm);box-shadow:0 0 8px var(--warm)}.f-motion{background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:blink 1s infinite}.f-alert{background:var(--alert);box-shadow:0 0 8px var(--alert);animation:blink .8s infinite}.room-tag.is-outdoor{background:transparent;border-color:transparent;backdrop-filter:none}.room-tag.is-outdoor .rt-name{color:var(--faint)}.has-selection .room-tag:not(.is-selected){opacity:.35}@keyframes blink{50%{opacity:.3}}.chip{display:flex;align-items:center;gap:6px;height:30px;min-width:30px;padding:0 7px;border-radius:999px;color:var(--muted);background:#080e17b3;border:1px solid var(--line);backdrop-filter:blur(8px);opacity:0;transform:scale(.85);pointer-events:none!important;transition:opacity .35s,transform .35s,color .2s,border-color .2s,box-shadow .2s}.chip svg{width:15px;height:15px;flex:none}.chip-val{font:500 11px var(--mono);color:var(--text)}.chip-val:empty{display:none}.is-close .chip{opacity:1;transform:none;pointer-events:auto!important}.chip:hover{border-color:var(--line-strong);color:var(--text)}.chip--light.is-on{color:#1a1206;background:var(--warm);border-color:var(--warm);box-shadow:0 0 22px #ffc78a8c}.chip--motion.is-on{color:var(--cyan);border-color:#5ee7ff99;box-shadow:0 0 18px #5ee7ff59}.chip--media.is-on{color:#8fb4ff;border-color:#78a0ff80}.chip--media .chip-val{max-width:120px;overflow:hidden;text-overflow:ellipsis}.chip.is-alert{color:var(--alert);border-color:#ff4d6d99;box-shadow:0 0 18px #ff4d6d59}.chip.is-alert .chip-val{color:var(--alert)}.panel{position:fixed;z-index:6;top:16px;right:16px;bottom:16px;width:380px;display:flex;flex-direction:column;gap:20px;padding:26px 24px;border-radius:22px;background:var(--glass-strong);border:1px solid var(--line);backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff0a;transform:translate(calc(100% + 24px));transition:transform .55s cubic-bezier(.2,.8,.2,1);overflow-y:auto}.panel.is-open{transform:none}.panel header{display:flex;justify-content:space-between;align-items:flex-start}.p-kicker{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.p-title{margin:8px 0 0;font-size:30px;font-weight:400;letter-spacing:-.02em}.p-close{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--muted);border:1px solid var(--line)}.p-close:hover{color:var(--text);border-color:var(--line-strong)}.p-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.p-metrics:empty{display:none}.metric{position:relative;display:flex;flex-direction:column;padding:14px;border-radius:14px;background:#ffffff06;border:1px solid var(--line)}.metric-ico{position:absolute;top:12px;right:12px;color:var(--faint)}.metric-ico svg{width:16px;height:16px}.metric-val{font-size:26px;font-weight:400;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:14px}.metric-lbl{font:400 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px}.p-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dev{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#ffffff05;border:1px solid transparent;transition:all .25s}.dev:hover{border-color:var(--line)}.dev-ico{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:11px;background:#ffffff0a;color:var(--muted);transition:all .25s}.dev-ico svg{width:18px;height:18px}.dev-txt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.dev-name{font-size:14px}.dev-state{font:400 11px var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev.is-on .dev-ico{color:var(--cyan);background:#5ee7ff1a}.dev[data-type=light].is-on .dev-ico{color:#1a1206;background:var(--warm);box-shadow:0 0 20px #ffc78a73}.dev.is-alert .dev-ico{color:var(--alert);background:#ff4d6d1f}.dev.is-alert .dev-state{color:var(--alert)}.dev-empty{color:var(--muted);font-size:13px;padding:12px}.switch{width:44px;height:26px;border-radius:999px;background:#ffffff14;position:relative;transition:background .25s;flex:none}.switch span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:all .3s cubic-bezier(.2,.8,.2,1)}.dev.is-on .switch{background:#ffc78a40}.dev.is-on .switch span{left:21px;background:var(--warm);box-shadow:0 0 12px var(--warm)}.dev[data-type=stove].is-on .dev-ico{color:#1a0a02;background:#ff8a3d;box-shadow:0 0 20px #ff7a2e80}.chip--stove.is-on{color:#ff9a55;border-color:#ff7a2e99;box-shadow:0 0 18px #ff7a2e66}.pill-btn{padding:7px 14px;border-radius:999px;font-size:12px;border:1px solid var(--line-strong);color:var(--cyan)}.pill-btn:hover{background:#5ee7ff14}.dev:has(.dev-scenes){flex-wrap:wrap}.dev-scenes{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;padding-left:44px}.dev-scenes .pill-btn{padding:5px 11px;font-size:11px}.dev-scenes .pill-btn.is-active{background:#5ee7ff24;border-color:var(--cyan)}.p-debug{margin-top:auto;font:11px var(--mono);color:var(--faint)}.p-debug summary{cursor:pointer;letter-spacing:.1em;text-transform:uppercase}.p-debug pre{margin:10px 0 0;white-space:pre-wrap;color:var(--muted);line-height:1.7}@media (max-width: 900px){.hud-tl{top:18px;left:18px}.clock{font-size:44px}.hud-tr{top:18px;right:16px}.has-selection .hud-tr{right:16px}.floors{left:16px;top:auto;bottom:110px;transform:none}.summary{bottom:16px;width:calc(100% - 32px)}.has-selection .summary{transform:translate(-50%);opacity:0}.sum{min-width:0;flex:1;padding:8px 12px}.panel{inset:auto 8px 8px;width:auto;max-height:58vh;transform:translateY(calc(100% + 16px))}.legend{display:none}}.chip--ac.is-on,.dev[data-type=ac].is-on .dev-ico{color:#8fe3ff;border-color:#5ee7ff99;box-shadow:0 0 18px #5ee7ff59}.chip--vacuum.is-on{color:var(--cyan);border-color:#5ee7ff99}body.tv{--glass: rgba(10, 17, 28, .82)}body.tv *{backdrop-filter:none!important}body.tv .room-tag{background:#080e17c7}body.tv .room-tag.is-outdoor{background:transparent}.confirm{position:fixed;z-index:20;left:50%;bottom:110px;transform:translate(-50%,16px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:18px;padding:14px 16px 14px 22px;max-width:calc(100vw - 32px);border-radius:18px;background:var(--glass-strong);border:1px solid var(--line-strong);backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 24px 60px #00000080;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}.confirm.is-open{opacity:1;transform:translate(-50%);pointer-events:auto}.confirm .c-txt{margin:0;font-size:14px}.confirm .c-btns{display:flex;gap:8px;flex-shrink:0}.confirm .c-no{color:var(--muted);border-color:var(--line)}.confirm .c-yes{background:#5ee7ff24;border-color:var(--cyan)}.confirm .pill-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.alert-toast{position:fixed;z-index:15;top:22px;left:50%;transform:translate(-50%,-12px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 14px 10px 16px;border-radius:999px;background:#260810d6;border:1px solid rgba(255,77,109,.55);color:var(--text);font:13px var(--sans);text-align:left;cursor:pointer;backdrop-filter:blur(18px);box-shadow:0 16px 40px #00000073;transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1)}.alert-toast.is-open{opacity:1;transform:translate(-50%);pointer-events:auto}.alert-toast .a-dot,.floor.has-alert:after{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--alert);box-shadow:0 0 10px var(--alert);animation:blink 1.6s infinite}.alert-toast .a-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-toast .a-more{color:var(--alert);font-weight:500}.alert-toast .a-more:empty{display:none}.alert-toast .a-x{margin-left:4px;padding:0 4px;color:var(--muted);font-size:17px;line-height:1}.alert-toast .a-x:hover{color:var(--text)}.floor.has-alert{position:relative}.floor.has-alert b{border-color:#ff4d6d99}.floor.has-alert:after{content:"";position:absolute;top:3px;left:43px}.p-hist{display:flex;flex-direction:column;gap:14px}.p-hist:empty{display:none}.hist-range{align-self:flex-start;padding:3px}.hist-range button{padding:5px 12px;font-size:11px}.hist-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.hist-title{display:flex;align-items:center;gap:7px;font:400 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hist-title i{width:10px;height:2px;border-radius:2px}.hist-mm{font:400 11px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.hist-plot{position:relative;min-height:86px}.ch-svg{display:block;overflow:visible;touch-action:pan-y}.ch-grid{stroke:var(--line);stroke-width:1}.ch-cross{stroke:var(--line-strong);stroke-width:1}.ch-dot{stroke:var(--glass-strong);stroke-width:2}.ch-axis{position:relative;height:16px;margin-top:2px;font:400 10px var(--mono);color:var(--faint)}.ch-axis span{position:absolute;transform:translate(-50%);white-space:nowrap}.ch-tip{position:absolute;top:-6px;transform:translate(-50%,-100%);padding:4px 9px;border-radius:8px;white-space:nowrap;font:400 11px var(--mono);color:var(--text);background:var(--glass-strong);border:1px solid var(--line-strong);opacity:0;pointer-events:none;transition:opacity .15s}.ch-tip.is-on{opacity:1}.ch-empty{display:grid;place-items:center;height:86px;font-size:12px;color:var(--faint)}