:root{--bg: #0a0e13;--bg-2: #0f151c;--surface: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .08);--text: #eef2f6;--muted: #8794a2;--faint: #4a5562;--heat-a: #ffc15e;--heat-b: #ff7a3d;--heat-c: #ff3d5a;--heat-glow: rgba(255, 110, 60, .42);--calm-a: #3f6f99;--calm-b: #7cc4e8;--calm-glow: rgba(90, 160, 210, .16);--amber: #ffb547;--ok: #41d39a;--bad: #ff5d6c;--radius: 26px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Inter, Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}body{min-height:100vh;background:radial-gradient(1200px 600px at 85% -10%,rgba(255,120,60,.07),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(80,150,210,.07),transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.app{max-width:1200px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.brand-name{font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.link{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:var(--muted)}.link i{width:7px;height:7px;border-radius:50%;background:var(--faint)}.link-live i{background:var(--ok);box-shadow:0 0 #41d39a99;animation:ping 2.4s infinite}.link-offline i{background:var(--amber)}.link-signed-out i{background:var(--bad)}.outdoor{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.outdoor-icon{width:22px;height:22px;fill:none;stroke:var(--calm-b);stroke-width:1.6;stroke-linecap:round}.outdoor-icon .mercury{stroke-width:2.4}.outdoor-value{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.outdoor-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:3px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:6px 2px 12px}.section-head h1{margin:0;font-size:30px;font-weight:600;letter-spacing:-.02em}.section-head p{margin:0;color:var(--muted);font-size:14px}.plant{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 8px 4px;margin-top:16px}.plant-svg{width:100%;max-width:640px;height:auto;display:block;margin:0 auto}.pipe{fill:none;stroke:#1b2530;stroke-width:7;stroke-linecap:round}.pipe-flow{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:2 9;opacity:0;transition:opacity .6s}.pipe-flow.live{opacity:1;animation:flow .9s linear infinite;filter:drop-shadow(0 0 3px currentColor)}.node-ring{fill:var(--bg-2);stroke:#263240;stroke-width:1.5;transition:stroke .6s,filter .6s}.node.on .node-ring{stroke:var(--heat-b);filter:drop-shadow(0 0 6px var(--heat-glow))}.blade{fill:#5a6877;transition:fill .6s}.node.on .blade{fill:var(--heat-a)}.impeller{fill:none;stroke:#5a6877;stroke-width:2.2;stroke-linecap:round}.node.on .impeller{stroke:var(--heat-a)}.hub-dot{fill:#8794a2}.buffer-fill{transition:y 1.2s,height 1.2s,fill 1.2s;opacity:.85}.zone-pip{fill:#2c3946;transition:fill .5s}.zone-pip.phase-heating{fill:var(--heat-b);filter:drop-shadow(0 0 3px var(--heat-glow))}.zone-pip.phase-opening,.zone-pip.phase-calling{fill:var(--amber);animation:blink 1.4s ease-in-out infinite}.zone-pip.phase-offline,.zone-pip.phase-no-reading{fill:var(--bad)}.plant-label{font-size:10px;fill:var(--muted);text-anchor:middle;letter-spacing:.08em;text-transform:uppercase}.plant-value{font-size:12px;fill:var(--text);text-anchor:middle;font-variant-numeric:tabular-nums}.spin{animation:spin 1.6s linear infinite;transform-box:fill-box;transform-origin:center}.spin.fast{animation-duration:.7s}.zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.zone-card{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 14px;transition:border-color .8s,box-shadow .8s}.zone-card.phase-heating{border-color:#ff7a3d61;box-shadow:0 10px 50px -18px var(--heat-glow)}.zone-card.phase-opening,.zone-card.phase-calling{border-color:#ffb5474d}.zone-head{display:flex;align-items:center;justify-content:space-between}.zone-head h2{margin:0;font-size:19px;font-weight:600;letter-spacing:-.01em}.pill{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.phase-heating .pill{background:#ff7a3d29;color:var(--heat-a)}.phase-opening .pill,.phase-calling .pill{background:#ffb54724;color:var(--amber)}.phase-offline .pill,.phase-no-reading .pill{background:#ff5d6c24;color:var(--bad)}.dial-wrap{display:flex;flex-direction:column;align-items:center}.dial{position:relative;width:min(100%,270px);aspect-ratio:1;margin:6px auto 0}.dial-svg{position:relative;width:100%;height:100%;display:block;touch-action:manipulation;-webkit-user-select:none;user-select:none;outline:none}.dial-grip{position:absolute;z-index:3;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent}.dial.is-dragging .dial-grip{cursor:grabbing}.dial-glow{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:radial-gradient(circle,var(--calm-glow),transparent 68%);transition:background 1s,opacity 1s}.phase-heating .dial-glow{background:radial-gradient(circle,var(--heat-glow),transparent 68%);animation:breathe 3.6s ease-in-out infinite}.phase-opening .dial-glow,.phase-calling .dial-glow{background:radial-gradient(circle,rgba(255,181,71,.22),transparent 68%);animation:breathe 1.8s ease-in-out infinite}.phase-offline .dial-glow,.phase-no-reading .dial-glow,.phase-loading .dial-glow{opacity:.25}.tick{stroke:#2a3541;stroke-width:1}.tick.major{stroke:#4a5866;stroke-width:1.6}.track{fill:none;stroke:#ffffff12;stroke-width:13;stroke-linecap:round}.level{fill:none;stroke-width:13;stroke-linecap:round;transition:stroke-dasharray .45s cubic-bezier(.2,.8,.2,1)}.turn{transform-box:view-box;transform-origin:100px 100px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.is-dragging .level,.is-dragging .turn{transition:none}.phase-heating .level{filter:drop-shadow(0 0 6px var(--heat-glow))}.phase-offline .level,.phase-no-reading .level{opacity:.35}.orbit{fill:none;stroke:transparent;stroke-width:1.4;stroke-dasharray:1.5 7;transform-box:fill-box;transform-origin:center}.phase-heating .orbit{stroke:var(--heat-b);opacity:.55;animation:spin 14s linear infinite}.phase-opening .orbit,.phase-calling .orbit{stroke:var(--amber);opacity:.6;animation:spin 5s linear infinite,blink 1.8s ease-in-out infinite}.temp-dot{fill:#fff;stroke:var(--bg);stroke-width:2;filter:drop-shadow(0 0 3px rgba(255,255,255,.7))}.knob-halo{fill:#ffffff1f;transition:r .2s}.knob-core{fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.is-dragging .knob-halo{r:17;fill:#fff3}.knob.is-sending .knob-halo{animation:blink .9s ease-in-out infinite}.dial-centre{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.dial-caption{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.dial-value{font-size:64px;font-weight:200;letter-spacing:-.04em;line-height:1.02;font-variant-numeric:tabular-nums;margin:2px 0 2px 10px}.dial-value .deg{font-size:.42em;vertical-align:top;position:relative;top:.32em;margin-left:1px;color:var(--muted)}.dial-value.target{color:var(--heat-a)}.phase-idle .dial-value.target{color:var(--calm-b)}.dial-sub{font-size:13px;color:var(--muted)}.phase-heating .dial-sub{color:var(--heat-a)}.phase-opening .dial-sub,.phase-calling .dial-sub{color:var(--amber)}.dial-note{font-size:11px;color:var(--faint);margin-top:4px}.heat-rise{position:absolute;left:50%;bottom:22%;width:60px;height:0;transform:translate(-50%)}.heat-rise i{position:absolute;bottom:0;width:5px;height:5px;border-radius:50%;background:var(--heat-b);opacity:0;filter:blur(.4px)}.heat-rise i:nth-child(1){left:6px}.heat-rise i:nth-child(2){left:18px}.heat-rise i:nth-child(3){left:30px}.heat-rise i:nth-child(4){left:42px}.heat-rise i:nth-child(5){left:54px}.phase-heating .heat-rise i{animation:rise 3.2s ease-out infinite}.phase-heating .heat-rise i:nth-child(2){animation-delay:.7s}.phase-heating .heat-rise i:nth-child(3){animation-delay:1.5s}.phase-heating .heat-rise i:nth-child(4){animation-delay:2.2s}.phase-heating .heat-rise i:nth-child(5){animation-delay:.35s}.stepper{display:flex;gap:56px;margin-top:-6px}.stepper button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;display:grid;place-items:center;transition:transform .12s,background .2s}.stepper button:active{transform:scale(.92);background:#ffffff1f}.stepper button:disabled{opacity:.35}.stepper svg{width:20px;height:20px;stroke:var(--text);stroke-width:2;stroke-linecap:round;fill:none}.zone-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:14px 0 8px;font-size:12px;color:var(--muted)}.zone-meta span{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.zone-meta .warn{color:var(--amber)}.ico{width:12px;height:12px;display:inline-block;background:currentColor;opacity:.8}.ico.drop{-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3s-6 7-6 11a6 6 0 0 0 12 0c0-4-6-11-6-11z"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3s-6 7-6 11a6 6 0 0 0 12 0c0-4-6-11-6-11z"/></svg>') center/contain no-repeat}.sensor-health{display:inline-flex;align-items:center}.sensor-health svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sensor-health.good{color:var(--ok)}.sensor-health.late{color:var(--amber)}.sensor-health.bad{color:var(--bad)}.ico.batt{-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 7h15v10H3zM20 10h2v4h-2z"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 7h15v10H3zM20 10h2v4h-2z"/></svg>') center/contain no-repeat}.ico.signal{-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 20h3v-4H3zM9 20h3v-8H9zM15 20h3V8h-3zM21 20h1V4h-1z"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 20h3v-4H3zM9 20h3v-8H9zM15 20h3V8h-3zM21 20h1V4h-1z"/></svg>') center/contain no-repeat}.spark{width:100%;height:44px;display:block}.spark.empty{height:auto;text-align:center;font-size:11px;color:var(--faint);padding:8px 0 2px}.spark-line{fill:none;stroke:var(--calm-b);stroke-width:1.6;vector-effect:non-scaling-stroke}.phase-heating .spark-line{stroke:var(--heat-a)}.spark-area{fill:#7cc4e814}.phase-heating .spark-area{fill:#ff8c461a}.spark-target{stroke:var(--muted);stroke-dasharray:3 4;stroke-width:1;opacity:.6;vector-effect:non-scaling-stroke}.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);background:#2a1418;border:1px solid rgba(255,93,108,.4);color:#ffd5da;padding:12px 16px;border-radius:14px;font-size:14px;max-width:calc(100% - 32px);box-shadow:0 10px 40px #00000080}.top-left{display:flex;align-items:center;gap:12px}.gear{border:1px solid var(--line);cursor:pointer}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .25s;z-index:20}.menu-scrim.open{opacity:1;pointer-events:auto}.menu{position:fixed;top:0;bottom:0;left:0;width:min(300px,82vw);z-index:21;overflow-y:auto;background:var(--bg-2);border-right:1px solid var(--line);padding:max(22px,env(safe-area-inset-top)) 12px 24px;transform:translate(-102%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.menu.open{transform:none;box-shadow:20px 0 60px #00000080}.menu-brand{padding:0 12px 16px}.menu-item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;color:var(--text);text-decoration:none;font-size:16px}.menu-item svg{width:22px;height:22px;fill:none;stroke:var(--muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.menu-item.on{background:#ff8c461f;color:var(--heat-a)}.menu-item.on svg{stroke:var(--heat-a)}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;align-items:start}.gate-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.gate-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.gate-bar h2{margin:0;font-size:19px;font-weight:600}.gate-sub{font-size:13px;color:var(--muted);margin-top:3px}.gate-card.ringing{border-color:var(--amber);animation:armed-amber 1.4s ease-in-out infinite}.ring-text{color:var(--amber);font-weight:600}.notify .toggle-row+.toggle-row{border-top:1px solid var(--line)}.press{flex:none;min-width:150px;height:52px;padding:0 18px;border-radius:16px;border:0;cursor:pointer;background:linear-gradient(135deg,var(--heat-a),var(--heat-b));color:#1a0d05;font-size:16px;font-weight:600;box-shadow:0 10px 30px -12px var(--heat-glow);transition:transform .12s,background .2s}.press:active{transform:scale(.97)}.press-armed{background:var(--bad);color:#fff;animation:armed 1s ease-in-out infinite}@keyframes armed{0%,to{box-shadow:0 0 #ff5d6c99}50%{box-shadow:0 0 0 8px #ff5d6c00}}.press-sending{opacity:.7}.press-sent{background:var(--ok);color:#04150d}.press:disabled{opacity:.4}.row-toggle{display:flex;align-items:center;justify-content:space-between;padding:0 16px 14px;font-size:15px}.row-toggle.flush{padding:0 0 6px}.row-toggle em{font-style:normal;color:var(--muted);margin-left:6px;font-size:13px}.card.soon h2{margin:0 0 4px;font-size:19px}.card.soon ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.6}.cam{position:relative;aspect-ratio:16 / 9;background:#05080b;overflow:hidden}.cam-still,.cam-video,.cam-video hollies-cam,.cam-video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.cam-still{z-index:1;transition:opacity .4s}.cam-still.hide{opacity:0}.cam-badge{position:absolute;z-index:2;top:10px;left:10px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:8px;background:#0000008c;color:var(--muted)}.cam-badge.live{color:#fff}.cam-badge.live:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff3d5a;margin-right:6px;animation:blink 1.6s infinite}.section-head.sub{margin-top:26px;align-items:center}.section-head.sub h2{margin:0;font-size:20px;font-weight:600}.season{display:inline-flex;padding:3px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.season-btn{padding:8px 16px;border:0;border-radius:9px;background:none;font-size:14px;font-weight:600;cursor:pointer;color:var(--muted)}.season-btn.on.heat{background:linear-gradient(135deg,var(--heat-a),var(--heat-b));color:#1a0d05}.season-btn.on.cool{background:linear-gradient(135deg,var(--calm-a),var(--calm-b));color:#04121c}.season-btn:disabled{cursor:default}.ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.ac-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:20px;padding:14px 14px 12px;transition:border-color .8s,box-shadow .8s,opacity .5s}.ac-card h3{margin:0;font-size:16px;font-weight:600}.ac-cooling{border-color:#7cc4e873;box-shadow:0 10px 40px -18px #7cc4e88c}.ac-cooling .pill{background:#7cc4e826;color:var(--calm-b)}.ac-heating{border-color:#ff7a3d61;box-shadow:0 10px 40px -18px var(--heat-glow)}.ac-heating .pill{background:#ff7a3d29;color:var(--heat-a)}.ac-warming-up{animation:armed-amber 2s ease-in-out infinite}.ac-warming-up .pill{background:#ffb54724;color:var(--amber)}.ac-offline{opacity:.55}@keyframes armed-amber{0%,to{box-shadow:0 0 #ffb54759}50%{box-shadow:0 0 0 6px #ffb54700}}.ac-body{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.ac-now{font-size:38px;font-weight:200;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.ac-now .deg{font-size:.5em;vertical-align:top;color:var(--muted)}.ac-cooling .ac-now{color:var(--calm-b)}.ac-heating .ac-now{color:var(--heat-a)}.ac-set{display:flex;align-items:center;gap:8px}.ac-setpoint{min-width:54px;text-align:center;font-size:18px;font-variant-numeric:tabular-nums}.ac-setpoint.draft{color:var(--amber)}.round{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);font-size:20px;cursor:pointer;line-height:1}.round:disabled{opacity:.35;cursor:default}.ac-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.ac-controls .chip{padding:6px 10px;font-size:13px}.warn-text{color:var(--amber)}.ac-modes{margin-top:10px}.ac-modes .chip{padding:6px 10px;font-size:13px}.ac-dry .pill,.ac-auto .pill,.ac-fan .pill{background:#7cc4e81f;color:var(--calm-b)}.music-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.speaker,.tv{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:12px;transition:border-color .6s,box-shadow .6s}.speaker.playing{border-color:#7cc4e866;box-shadow:0 10px 40px -20px #7cc4e899}.speaker.asleep{opacity:.55}.speaker h3,.tv h3{margin:0;font-size:16px;font-weight:600}.speaker-art{flex:none;width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--bg-2);display:grid;place-items:center;color:var(--muted);font-weight:700}.speaker-art .src{font-size:10px;font-weight:600;text-align:center;padding:4px;line-height:1.2}.speaker-art img{width:100%;height:100%;object-fit:cover}.speaker-main{flex:1;min-width:0}.speaker-head{display:flex;align-items:center;justify-content:space-between}.speaker-now{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.speaker-controls{display:flex;align-items:center;gap:10px;margin-top:8px}.speaker-controls .round{width:34px;height:34px;font-size:12px}.speaker-controls input[type=range]{flex:1;accent-color:var(--calm-b)}.vol{width:26px;text-align:right;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.bars{display:inline-flex;gap:2px;align-items:flex-end;height:14px}.bars i{width:3px;height:3px;border-radius:1px;background:var(--faint)}.bars.on i{background:var(--calm-b);animation:bar .9s ease-in-out infinite}.bars.on i:nth-child(2){animation-delay:.2s}.bars.on i:nth-child(3){animation-delay:.45s}.bars.on i:nth-child(4){animation-delay:.1s}@keyframes bar{0%,to{height:3px}50%{height:14px}}.room-pick{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:14px}.tv-screen{flex:none;width:76px;height:46px;border-radius:6px;border:2px solid #2c3946;background:#05080b;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;text-align:center;padding:2px}.tv.on .tv-screen{border-color:var(--calm-b);background:linear-gradient(135deg,#1d3b55,#0b1a26);box-shadow:0 0 16px #7cc4e859}.quick-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:16px}.quick{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;border:1px solid rgba(255,181,71,.35);background:linear-gradient(135deg,#ffc15e1f,#ff7a3d0f);cursor:pointer;text-align:left}.quick-icon{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--heat-a),var(--heat-b));color:#1a0d05;font-size:14px}.quick.active{border-color:#7cc4e880;background:linear-gradient(135deg,#7cc4e824,#3f6f990f)}.quick.active .quick-icon{background:linear-gradient(135deg,var(--calm-a),var(--calm-b));color:#04121c}.quick-text{display:flex;flex-direction:column}.quick-title{font-size:17px;font-weight:600}.quick-sub{font-size:13px;color:var(--muted)}.install-banner{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:15;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;background:#18212b;border:1px solid var(--line);box-shadow:0 12px 40px #00000080;max-width:560px;margin:0 auto}.install-banner img{width:40px;height:40px;border-radius:10px}.install-text{flex:1;display:flex;flex-direction:column;font-size:13px;color:var(--muted)}.install-text strong{color:var(--text);font-size:14px}.install-sheet{max-width:380px;text-align:left;position:relative}.install-sheet h2{font-size:19px;margin:8px 0}.install-sheet ol{padding-left:20px;line-height:1.6;color:var(--muted)}.install-sheet strong{color:var(--text)}.install-icon{width:56px;height:56px;border-radius:14px}.install-sheet .btn{width:100%;margin-top:6px}.install-arrow{position:fixed;left:50%;bottom:6px;transform:translate(-50%);font-size:28px;color:var(--heat-a);animation:bob 1.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}.card-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.card-title h2{margin:0;font-size:19px}.card-title .link{color:var(--calm-b);text-decoration:none;font-size:14px}.lift-status{font-size:17px;font-weight:500;margin-bottom:10px;color:var(--calm-b)}.lift-status.bad{color:var(--bad)}.lift-grid{position:relative;display:grid;grid-template-columns:84px 1fr;grid-template-rows:repeat(3,minmax(64px,auto))}.lift-shaft{grid-column:1;grid-row:1 / 4;position:relative;border-radius:14px;background:var(--bg-2);border:1px solid var(--line)}.lift-row{grid-column:1 / 3;display:grid;grid-template-columns:84px 1fr;align-items:center;border-bottom:1px dashed #263240;position:relative}.lift-row:last-child{border-bottom:0}.lift-label{align-self:start;padding:6px 0 0 9px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);position:relative;z-index:1}.lift-call-row{display:flex;gap:8px;padding:8px 0 8px 14px}.lift-call-row .btn{flex:1;min-width:0;padding:11px 8px}.lift-car{position:absolute;left:22px;right:22px;top:0;height:calc(100% / 3);padding:22px 0 8px;z-index:2;transition:transform 2.6s cubic-bezier(.45,0,.25,1)}.lift-car:before{content:"";position:absolute;top:22px;right:0;bottom:8px;left:0;border-radius:8px;background:linear-gradient(180deg,#2c3a48,#1d2832);border:1px solid #3c4a58}.lift.moving .lift-car:before{border-color:var(--calm-b);box-shadow:0 0 14px #7cc4e866}.lift .door{position:absolute;top:26px;bottom:12px;width:4px;border-radius:2px;background:#3c4a58;transition:background .3s,box-shadow .3s}.lift .door.front{left:-6px}.lift .door.rear{right:-6px}.lift .door.open{background:var(--amber);box-shadow:0 0 8px var(--amber)}[data-skin=wall] .lift-status{font-size:22px}.log-day{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:16px 0 6px}.log-row{display:grid;grid-template-columns:52px 1fr auto;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.log-time{font-variant-numeric:tabular-nums;color:var(--muted)}.log-src{color:var(--faint);font-size:12px}.log-row.t-call .log-what{color:var(--calm-b)}.log-row.t-opmode .log-what{color:var(--amber)}.log-row.t-fault .log-what{color:var(--bad)}.history{margin-top:8px}.history-more{display:block;width:100%;margin-top:14px}.history-empty{padding:10px 0}.history-end{text-align:center;margin:12px 0}.power-head{display:flex;align-items:center;gap:16px}.power-soc{font-size:46px;font-weight:200;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.power-line{font-size:17px;font-weight:500}.power-flow .plant-svg{max-width:420px}.pipe-flow.rev.live{animation-direction:reverse}.pnode.on .node-ring{stroke:var(--node);filter:drop-shadow(0 0 6px var(--node))}.hubnode{stroke:#3a4654}.plant-value.small{font-size:9px;letter-spacing:.1em;fill:var(--muted)}.plant-label.start,.plant-value.start{text-anchor:start}.glyph{fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pnode.on .glyph{stroke:var(--node)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stats div{display:flex;flex-direction:column}.stats span{font-size:24px;font-weight:300;font-variant-numeric:tabular-nums}.stats em{font-style:normal;font-size:12px;color:var(--muted)}.visit{padding:12px 0;border-bottom:1px solid var(--line)}.visit-head{display:flex;gap:10px;align-items:baseline;font-size:15px}.visit-time{font-variant-numeric:tabular-nums;font-weight:600}.visit-kind{color:var(--muted);font-size:13px}.visit-kind.k-ring{color:var(--amber)}.visit-thumbs{display:flex;gap:8px;margin-top:8px;overflow-x:auto}.thumb{position:relative;flex:none;width:132px;aspect-ratio:16 / 9;padding:0;border:0;border-radius:10px;overflow:hidden;background:#05080b;cursor:pointer}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .play{position:absolute;right:6px;bottom:4px;font-size:12px;color:#fff;text-shadow:0 1px 3px #000}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000000d9;display:grid;place-items:center;padding:16px}.viewer-box{width:min(100%,960px);text-align:center}.viewer-box video,.viewer-box img{width:100%;border-radius:14px;background:#000}.viewer-cap{color:var(--muted);font-size:13px;margin:10px 0}.cctv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.cctv-tile{position:relative;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;aspect-ratio:16 / 9;background:#05080b;cursor:pointer}.cctv-tile.on{border-color:var(--heat-b)}.cctv-tile img{width:100%;height:100%;object-fit:cover;display:block}.cctv-tile span{position:absolute;left:8px;bottom:6px;font-size:12px;font-weight:500;text-shadow:0 1px 3px #000}.cctv-live{padding:0;overflow:hidden}.top-right{display:flex;align-items:center;gap:10px}.gear{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.gear svg{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.settings{max-width:640px;margin:0 auto}.back{display:inline-flex;align-items:center;gap:2px;color:var(--calm-b);text-decoration:none;font-size:15px;margin:0 0 6px -6px}.back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.settings-h{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:26px 4px 10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:14px 16px;margin-bottom:14px}.card.you{display:flex;align-items:center;gap:12px}.card.you .person-text{flex:1}.card.people{padding:4px 0}.avatar{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:600;background:var(--surface-2);color:var(--muted);border:1px dashed #3a4654}.avatar.joined{background:linear-gradient(135deg,var(--heat-a),var(--heat-b));color:#1a0d05;border:0}.person-text{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.person-name{font-size:16px;font-weight:500}.person-name em{font-style:normal;color:var(--muted);font-weight:400}.person-sub{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person+.person{border-top:1px solid var(--line)}.person.disabled .person-name{color:var(--muted);text-decoration:line-through}.person-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:0;background:none;cursor:pointer}.person-row .person-text{flex:1}.chev{width:18px;height:18px;fill:none;stroke:var(--faint);stroke-width:2;stroke-linecap:round;transition:transform .2s}.person.open .chev{transform:rotate(90deg)}.person-body{padding:0 16px 16px 68px}.field-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:14px;cursor:pointer}.chip.on{background:#ff8c4629;border-color:#ff8c4680;color:var(--heat-a)}.chip:disabled{cursor:default}.fine{font-size:12px;color:var(--faint);margin-top:6px}.btn{padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-size:14px;font-weight:500;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--heat-a),var(--heat-b));color:#1a0d05;border:0}.btn.danger,.link.danger{color:var(--bad)}.btn:disabled{opacity:.5;cursor:default}.link{border:0;background:none;padding:4px;font-size:13px;cursor:pointer}.invite{margin:4px 0 6px;padding:12px;border-radius:14px;background:#ffb54712;border:1px solid rgba(255,181,71,.25)}.invite-url{font-size:12px;color:var(--muted);word-break:break-all;font-family:ui-monospace,Menlo,monospace;-webkit-user-select:all;user-select:all}.invite-actions{display:flex;gap:8px;margin-top:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:15px}.toggle-row{cursor:pointer}.sr{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.switch{position:relative;flex:none;width:50px;height:30px;border-radius:999px;background:#2a3541;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0006;transition:transform .2s}.sr:checked+.switch{background:var(--heat-b)}.sr:checked+.switch:after{transform:translate(20px)}.sr:focus-visible+.switch{outline:2px solid var(--calm-b);outline-offset:2px}.sr:disabled+.switch{opacity:.6}.device-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:14px}.danger-zone{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.person-body>.btn{margin-top:8px}.person-body .text{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);font-size:16px}.add-person .text{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);font-size:16px;margin-bottom:12px}.add-person .btn.primary{margin-top:14px;width:100%;height:48px}[data-skin=wall] .app{max-width:none;padding:28px 36px}[data-skin=wall] .top{align-items:center;margin-bottom:26px}[data-skin=wall] .clock{text-align:center}[data-skin=wall] .clock-time{font-size:64px;font-weight:200;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}[data-skin=wall] .clock-date{font-size:15px;color:var(--muted);margin-top:6px}[data-skin=wall] .outdoor{padding:14px 22px 14px 16px;border-radius:22px}[data-skin=wall] .outdoor-icon{width:34px;height:34px}[data-skin=wall] .outdoor-value{font-size:44px;font-weight:300}[data-skin=wall] .outdoor-label{font-size:12px}[data-skin=wall] .zones{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.clock{display:none}[data-skin=wall] .clock{display:block}.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.auth-card{width:min(100%,360px);text-align:center}.auth-icon{width:88px;height:88px;border-radius:22px;box-shadow:0 20px 60px -20px #ff6e3c73;margin-bottom:18px}.auth-title{font-size:30px;font-weight:600;letter-spacing:-.02em;margin:10px 0 18px}.auth-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;border-radius:16px;border:0;cursor:pointer;background:linear-gradient(135deg,var(--heat-a),var(--heat-b));color:#1a0d05;font-size:17px;font-weight:600;box-shadow:0 12px 40px -14px var(--heat-glow);transition:transform .12s,opacity .2s}.auth-button:active{transform:scale(.98)}.auth-button:disabled{opacity:.7}.faceid{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-note{color:var(--muted);font-size:14px;line-height:1.5;margin:14px 4px 0}.auth-error{color:var(--bad);font-size:14px;line-height:1.5;margin-top:14px}.auth-link{display:inline-block;margin-top:18px;color:var(--calm-b)}@media (min-width: 1100px){html:not([data-skin=wall]) .menu{transform:none;box-shadow:none;width:248px}html:not([data-skin=wall]) .menu-scrim{display:none}html:not([data-skin=wall]) .menu-button{display:none}html:not([data-skin=wall]) .app{margin-left:248px;max-width:1280px;padding-left:32px;padding-right:32px}.home-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.zones{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.cctv-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.settings{margin:0}html:not([data-skin=wall]) .menu{display:flex;flex-direction:column;transition:width .22s ease}html:not([data-skin=wall]) .app{transition:margin-left .22s ease}.menu-collapse{display:flex;align-items:center;gap:14px;margin-top:auto;padding:12px;border:0;border-radius:12px;background:none;color:var(--muted);font-size:14px;cursor:pointer;text-align:left}.menu-collapse:hover{background:var(--surface-2);color:var(--text)}.menu-collapse svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}html.sidebar-collapsed:not([data-skin=wall]) .menu{width:76px;padding-left:10px;padding-right:10px}html.sidebar-collapsed:not([data-skin=wall]) .menu .menu-brand,html.sidebar-collapsed:not([data-skin=wall]) .menu .menu-label{display:none}html.sidebar-collapsed:not([data-skin=wall]) .menu .menu-item,html.sidebar-collapsed:not([data-skin=wall]) .menu .menu-collapse{justify-content:center;padding:14px 0}html.sidebar-collapsed:not([data-skin=wall]) .app{margin-left:76px;max-width:1452px}}.menu-collapse{display:none}@media (min-width: 1100px){html:not([data-skin=wall]) .menu-collapse{display:flex}}.menu.rail{transform:none;width:76px;padding:18px 10px;box-shadow:none}.menu.rail .menu-brand,.menu.rail .menu-label{display:none}.menu.rail .menu-item{justify-content:center;padding:14px 0}.menu.rail .menu-item svg{width:26px;height:26px}[data-skin=wall] .app{margin-left:76px}.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px;align-items:start}.wall-tile{margin:0}.wall-link{color:inherit;text-decoration:none;display:block}.wall-zone{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:18px}.wall-temp{font-size:30px;font-weight:200;font-variant-numeric:tabular-nums}.wall-zone.phase-heating .wall-temp{color:var(--heat-a)}[data-skin=wall] .press{min-width:190px;height:60px;font-size:18px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flow{to{stroke-dashoffset:-22}}@keyframes blink{0%,to{opacity:.35}50%{opacity:1}}@keyframes breathe{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}@keyframes rise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.85}to{transform:translateY(-74px) scale(1.15);opacity:0}}@keyframes ping-blue{0%{box-shadow:0 0 #7cc4e899}70%,to{box-shadow:0 0 0 7px #7cc4e800}}@keyframes ping{0%{box-shadow:0 0 #41d39a8c}70%,to{box-shadow:0 0 0 7px #41d39a00}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.auth-note+.auth-button{margin-top:24px}.appliance{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:12px 14px;margin-bottom:14px;color:inherit;text-decoration:none;transition:border-color .6s,box-shadow .6s}.appliance.s-running{border-color:#7cc4e873;box-shadow:0 10px 40px -20px #7cc4e899}.appliance.s-finished{border-color:#41d39a73;box-shadow:0 10px 40px -20px #41d39a8c}.appliance.s-offline,.appliance.s-idle{opacity:.8}.appliance.compact{padding:10px 12px}.appliance.compact .drum{width:48px;height:48px}.appl-main{flex:1;min-width:0}.appl-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.appl-head h3{margin:0;font-size:16px;font-weight:600}.appl-state{font-size:14px;color:var(--muted);white-space:nowrap}.s-running .appl-state{color:var(--calm-b)}.s-paused .appl-state{color:var(--amber)}.s-finished .appl-state{color:var(--ok)}.appl-now{font-size:13px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums}.appl-bar{height:4px;border-radius:2px;background:var(--line);margin-top:8px;overflow:hidden}.appl-bar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--calm-a),var(--calm-b));transition:width 1s}.s-paused .appl-bar i{background:var(--amber)}.appl-steps{display:flex;gap:6px;margin-top:10px}.appl-steps span{flex:1;text-align:center;font-size:12px;padding:4px 0;border-radius:999px;border:1px solid var(--line);color:var(--faint)}.appl-steps span.done{color:var(--muted);border-color:transparent;background:var(--surface-2)}.appl-steps span.now{color:var(--calm-b);border-color:#7cc4e880;background:var(--calm-glow)}.appl-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:13px;color:var(--muted)}.log-row.t-stopped .log-what{color:var(--amber)}.drum{flex:none;width:64px;height:64px;fill:none;stroke-linecap:round;stroke-linejoin:round}.drum-body{fill:var(--bg-2);stroke:#2c3946;stroke-width:1.5}.drum-line{stroke:#2c3946;stroke-width:1.5}.drum-knob{stroke:var(--muted);stroke-width:1.5}.drum-door{fill:#05080b;stroke:#3a4a59;stroke-width:2.5}.drum-glass{fill:#0b1620}.drum-water{fill:#7cc4e800;transition:fill 1s}.drum-cloth{stroke:#3a4a59;stroke-width:3}.drum-bubble{stroke:#7cc4e800;stroke-width:1}.drum-load{transform-origin:32px 37px}.drum-tick{stroke:var(--ok);stroke-width:3}.drum-running .drum-knob{stroke:var(--calm-b)}.drum-running .drum-door{stroke:var(--calm-a)}.drum-running .drum-cloth{stroke:#5d7f9c}.drum-step-wash .drum-water,.drum-step-rinse .drum-water{fill:#7cc4e847;animation:slosh 2.4s ease-in-out infinite alternate}.drum-step-wash .drum-bubble,.drum-step-rinse .drum-bubble{stroke:#7cc4e8b3}.drum-running.drum-step-wash .drum-load{animation:tumble 2.4s ease-in-out infinite alternate}.drum-running.drum-step-rinse .drum-load{animation:tumble 1.8s ease-in-out infinite alternate}.drum-running.drum-step-spin .drum-load,.drum-running.drum-step-dry .drum-load{animation:whirl .45s linear infinite}.drum-running.drum-step-spin .drum-cloth{stroke:#7cc4e8}.drum-paused .drum-water{fill:#7cc4e833}.drum-paused .drum-knob{stroke:var(--amber)}.drum-finished .drum-door{stroke:var(--ok)}.drum-finished .drum-load{opacity:.35}@keyframes tumble{0%{transform:rotate(-110deg)}to{transform:rotate(110deg)}}@keyframes whirl{to{transform:rotate(360deg)}}@keyframes slosh{0%{transform:translate(-4px,1px)}to{transform:translate(4px,-1px)}}@media (prefers-reduced-motion: reduce){.drum-load,.drum-water{animation:none!important}}.gate-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn.answer{background:var(--ok);color:#04150d;border:0;font-weight:600;padding:12px 20px;animation:armed 1.2s ease-in-out infinite}.btn.talk{font-weight:600;padding:12px 18px}.call{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;color:#fff;display:flex;flex-direction:column}.call-video{position:absolute;top:0;right:0;bottom:0;left:0}.call-video hollies-call,.call-video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.call-wait{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffb3;font-size:15px}.call-top{position:relative;padding:max(18px,env(safe-area-inset-top)) 20px 28px;background:linear-gradient(#000000a6,#0000);display:flex;align-items:baseline;justify-content:space-between;gap:12px}.call-top h2{margin:0;font-size:22px;font-weight:600}.call-status{font-size:14px;color:#fffc}.call-status.talking{color:var(--ok)}.call-status.idle{color:var(--bad)}.call-sound{position:relative;align-self:center;margin-top:12px;padding:10px 18px;border-radius:999px;border:0;background:#ffffffe6;color:#000;font-size:15px;font-weight:600}.call-bar{position:relative;margin-top:auto;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:40px 16px max(22px,env(safe-area-inset-bottom));background:linear-gradient(#0000,#000000d9 45%)}.call-bar .press{min-width:150px}.call-btn{min-width:96px;padding:14px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.call-btn.on{background:#fff;color:#000}.call-btn.hang{background:var(--bad);border-color:var(--bad)}.cctv-head{flex-wrap:wrap;gap:10px}.cctv-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cam.fit-contain video,.cam.fit-contain .cam-still{object-fit:contain!important}.cctv-four{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 700px){.cctv-four{grid-template-columns:1fr 1fr}}.cctv-cell{position:relative;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#05080b;cursor:pointer;color:inherit;text-align:left}.cctv-cell .cam{border-radius:0}.cctv-label{position:absolute;z-index:3;left:10px;bottom:8px;font-size:13px;font-weight:600;text-shadow:0 1px 4px #000}.cctv-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0}.cctv-pager .btn{padding:6px 14px;font-size:18px;line-height:1}.cctv-pager .dot{width:9px;height:9px;padding:0;border-radius:50%;border:0;background:var(--line);cursor:pointer}.cctv-pager .dot.on{background:var(--calm-b)}.cctv-solo{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}.cctv-stage .cam{aspect-ratio:16 / 9;max-height:72vh;width:100%}.cctv-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;flex-wrap:wrap}.cctv-bar h2{margin:0;font-size:19px}.cctv-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tv-wrap{position:relative}.tv-menu{position:absolute;z-index:20;right:0;top:calc(100% + 6px);min-width:200px;display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line);box-shadow:0 16px 40px -12px #000000b3}.tv-menu b{font-size:12px;color:var(--muted);font-weight:600;padding:4px 8px 6px}.tv-menu button{text-align:left;padding:9px 10px;border-radius:9px;border:0;background:none;color:inherit;font-size:14px;cursor:pointer}.tv-menu button:hover{background:var(--surface-2)}.tv-menu hr{border:0;border-top:1px solid var(--line);margin:4px 0;width:100%}.ptz{display:flex;gap:16px;align-items:center;padding:0 14px 12px;flex-wrap:wrap}.ptz-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:6px;touch-action:none;user-select:none;-webkit-user-select:none}.ptz-pad button{border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:inherit;font-size:16px;cursor:pointer;-webkit-touch-callout:none}.ptz-pad button:active{background:var(--calm-glow);border-color:var(--calm-b);color:var(--calm-b)}.ptz-presets{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:160px}.cctv-pills{display:flex;gap:6px;overflow-x:auto;padding:0 14px 14px;scrollbar-width:none}.cctv-pills::-webkit-scrollbar{display:none}.cctv-pills .chip{white-space:nowrap}.vent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.vent-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:14px 16px}.vent-card.off{opacity:.6}.vent-card.vent-running{border-color:#7cc4e859}.vent-card.vent-fault{border-color:#ff5d6c80}.vent-rooms{margin:-4px 0 6px}.vent-flow{width:100%;height:auto;display:block;margin:6px 0 10px}.vent-air{fill:none;stroke-width:10;stroke-linecap:round;stroke-dasharray:2 14;opacity:.55}.vent-air.fresh{stroke:var(--calm-b)}.vent-air.stale{stroke:var(--heat-a)}.vent-flow.moving .vent-air{animation:vent-move var(--vent-speed, 2s) linear infinite;opacity:.9}@keyframes vent-move{to{stroke-dashoffset:-32}}.vent-hx{fill:var(--bg-2);stroke:#3a4a59;stroke-width:1.5}.vent-hx-lines{stroke:#2c3946;stroke-width:1.2}.vent-rec{fill:var(--text);font-size:18px;font-weight:600;text-anchor:middle;dominant-baseline:middle}.vent-label{fill:var(--muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.vent-temp{fill:var(--text);font-size:17px;font-weight:600}.vent-temp.warm{fill:var(--heat-a)}.vent-label.end,.vent-temp.end{text-anchor:end}.vent-levels{margin:4px 0 10px}.chip.busy{opacity:.7}.vent-stats{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--muted)}.vent-stats b{color:var(--text);font-weight:600}@media (prefers-reduced-motion: reduce){.vent-flow.moving .vent-air{animation:none}}