:root{--bg:#0e1018;--surface:#161a27;--surface-2:#1d2231;--line:#2a3145;--ink:#eef1f8;--ink-dim:#9aa3bd;--ink-faint:#5f6885;--amber:#f5a623;--amber-soft:#f5a62324;--lock:#ef4a5a;--lock-soft:#ef4a5a24;--ok:#39d98a;--climate:#4aa8ef;--climate-soft:#4aa8ef1f;--blind:#a98bff;--blind-soft:#a98bff24;--r:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#05060a;font-family:Inter,system-ui,sans-serif}.display{font-family:Bricolage Grotesque,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior-y:contain;margin:0}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#05060a}h1,h2,h3,h4,h5{color:var(--ink);font-weight:600}button{font:inherit;cursor:pointer;touch-action:manipulation}input{font:inherit}.app-shell{max-width:480px;min-height:100svh;padding:env(safe-area-inset-top) 18px calc(env(safe-area-inset-bottom) + 24px);margin:0 auto}.preview-banner{background:var(--amber-soft);color:var(--amber);text-align:center;border-radius:10px;margin:12px 0;padding:8px 14px;font-size:12px;font-weight:600}.security-alert{color:#ffd7d7;background:#3a0f12;border:1px solid #a4303a;border-radius:10px;align-items:center;gap:10px;margin:12px 0;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.security-alert-icon{flex-shrink:0;font-size:20px}.security-alert-text{flex:1}.security-alert-close{color:#ffd7d7;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:4px;font-size:15px}.install-hint{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:10px;align-items:center;gap:10px;margin:12px 0;padding:10px 12px;font-size:12.5px;line-height:1.4;display:flex}.install-hint-icon{flex-shrink:0;font-size:18px}.install-hint-text{flex:1}.install-hint-close{color:var(--ink-dim);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:4px;font-size:14px}.center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100svh;padding:40px 24px;display:flex}.center-screen h1{margin:0 0 8px;font-family:Bricolage Grotesque,sans-serif;font-size:24px}.center-screen p{max-width:300px;color:var(--ink-dim);margin:0;line-height:1.5}.state-badge{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:6px;font-size:30px;display:grid}.spinner{border:3px solid var(--surface-2);border-top-color:var(--amber);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.topbar{background:linear-gradient(var(--bg) 70%, transparent);z-index:5;align-items:center;gap:12px;padding:6px 2px 14px;display:flex;position:sticky;top:0}.back{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:11px;flex:none;place-items:center;font-size:18px;display:grid}.back:active{transform:scale(.94)}.topbar .tt{flex:1;min-width:0}.topbar small{color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;font-size:11px;display:block}.topbar h3{font:700 18px Bricolage Grotesque,sans-serif}.passchip{background:var(--amber-soft);color:var(--amber);white-space:nowrap;border:1px solid #f5a6234d;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font:600 12px Inter,sans-serif;display:inline-flex}.passchip i{background:var(--ok);border-radius:50%;width:7px;height:7px;display:inline-block}.crumb{color:var(--ink-faint);padding:0 2px 12px;font-size:12px}.crumb b{color:var(--ink-dim)}.hero{border:1px solid var(--line);background:linear-gradient(160deg,#1d2231,#141826);border-radius:22px;margin-bottom:18px;padding:20px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(160px 140px at 88% -10%, var(--amber-soft), transparent 70%);pointer-events:none;position:absolute;inset:0}.hero-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.hero .greet small{color:var(--ink-faint);letter-spacing:.02em;font-size:12px}.hero .greet h2{margin-top:3px;font:700 24px Bricolage Grotesque,sans-serif}.hero .greet h2 span{color:var(--amber)}.wx{text-align:right;flex:none}.wx .wico{font-size:30px;line-height:1}.wx .wtemp{margin-top:2px;font:700 22px Bricolage Grotesque,sans-serif}.wx .wcond{color:var(--ink-dim);text-transform:capitalize;font-size:11px}.hero-strip{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex;position:relative}.wxmeta{color:var(--ink-dim);align-items:center;gap:6px;font-size:12px;display:flex}.wxmeta b{color:var(--ink);font-weight:600}.hero-pass{color:var(--ok);background:#39d98a1f;border:1px solid #39d98a4d;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:6px 12px;font:600 12px Inter,sans-serif;display:inline-flex}.hero-pass i{background:var(--ok);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%{box-shadow:0 0 #39d98a80}70%{box-shadow:0 0 0 7px #39d98a00}to{box-shadow:0 0 #39d98a00}}.hosts{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding-top:14px;display:flex;position:relative}.hosts .hlabel{color:var(--ink-dim);font-size:12px}.hosts .hlabel b{color:var(--ok);font-weight:600}.hosts .hlabel.empty b{color:var(--ink-faint)}.havs{margin-left:auto;display:flex}.hav{border:2px solid var(--surface);color:#1a1206;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-8px;font:700 11px Bricolage Grotesque,sans-serif;display:grid;position:relative}.hav.away{filter:grayscale()brightness(.6);color:var(--ink-faint)}.hav .presence{border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.hav .presence.home{background:var(--ok)}.hav .presence.away{background:var(--ink-faint)}.floor{margin-bottom:14px}.floor-h{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;align-items:center;gap:12px;padding:15px 16px;display:flex}.floor-h .fico{background:var(--surface-2);border-radius:11px;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.floor-h h4{font:700 16px Bricolage Grotesque,sans-serif}.floor-h small{color:var(--ink-faint);font-size:12px}.floor-h .arw{color:var(--ink-faint);margin-left:auto;transition:all .2s}.floor.open .arw{transform:rotate(90deg)}.rooms{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.floor:not(.open) .rooms{display:none}.room{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:96px;padding:14px;transition:all .16s;display:flex}.room:active{transform:scale(.97)}.room .rico{font-size:22px}.room h5{margin-top:4px;font:600 14px Inter,sans-serif}.room .rmeta{color:var(--ink-faint);margin-top:3px;font-size:11px}.room .rmeta b{color:var(--amber)}.grp{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-faint);margin:20px 2px 10px;font:600 11px Inter,sans-serif}.dev{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;margin-bottom:9px;padding:14px 15px;display:flex}.dev .dico{background:var(--surface-2);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.dev .dinfo{flex:1;min-width:0}.dev .dinfo h4{font:600 14px Inter,sans-serif}.dev .dinfo .ds{color:var(--ink-faint);font-size:12px}.dev.on .dico{background:var(--amber);color:#1a1206}.dev.on .ds{color:var(--amber)}.tgl{background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:999px;flex:none;width:48px;height:28px;transition:all .18s;position:relative}.tgl:after{content:"";background:var(--ink-dim);border-radius:50%;width:22px;height:22px;transition:all .18s;position:absolute;top:2px;left:2px}.dev.on .tgl{background:var(--amber);border-color:var(--amber)}.dev.on .tgl:after{background:#1a1206;left:22px}.dev.busy{opacity:.6;pointer-events:none}.rtag{border-radius:8px;flex:none;padding:6px 11px;font-size:11px;font-weight:600}.rtag.closed{color:var(--ok);background:#39d98a24}.rtag.openr{background:var(--lock-soft);color:var(--lock)}.rtag.val{background:var(--climate-soft);color:var(--climate)}.sensor-summary{flex-wrap:wrap;gap:8px;margin:14px 0 4px;display:flex}.sensor-chip{background:var(--surface);border:1px solid var(--line);color:var(--ink-dim);border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;display:flex}.sensor-chip .sc-icon{font-size:14px}.sensor-chip .sc-value{color:var(--ink)}.sensor-chip.alert{border-color:var(--lock);background:var(--lock-soft)}.sensor-chip.alert .sc-value{color:var(--lock)}.dev-mini-group{flex:none;gap:6px;display:flex}.dev-mini-btn{border:1px solid var(--line);background:var(--surface-2);width:30px;height:30px;color:var(--ink-dim);cursor:pointer;border-radius:9px;flex:none;place-items:center;font-size:13px;display:grid}.dev-mini-btn:active{transform:scale(.94)}.dev-mini-btn:disabled{opacity:.5;cursor:default}.dev-modal-backdrop{z-index:30;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dev-modal{background:var(--surface);border:1px solid var(--line);width:100%;max-width:480px;padding:20px 18px calc(env(safe-area-inset-bottom) + 20px);border-radius:20px 20px 0 0}.dev-modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dev-modal-head h4{font:700 16px Bricolage Grotesque,sans-serif}.dev-modal-close{background:var(--surface-2);width:30px;height:30px;color:var(--ink-dim);cursor:pointer;border:0;border-radius:999px}.brightness-slider{width:100%;accent-color:var(--amber);margin-bottom:8px}.blind-slider{width:100%;accent-color:var(--blind);margin-bottom:8px}.brightness-value{text-align:center;color:var(--amber);font:700 20px Bricolage Grotesque,sans-serif}.bbar{background:var(--surface-2);border-radius:6px;height:8px;margin-bottom:14px;overflow:hidden}.bbar span{background:var(--blind);height:100%;transition:width .35s;display:block}.brow{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.brow button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer;border-radius:11px;flex-direction:column;align-items:center;gap:4px;padding:12px 0;font:600 13px Inter,sans-serif;transition:all .15s;display:flex}.brow button .bi{font-size:16px}.brow button:active{transform:scale(.95)}.brow button.active{background:var(--blind);border-color:var(--blind);color:#160c2e}.brow button.stop.active{background:var(--amber);border-color:var(--amber);color:#1a1206}.thermo{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:9px;padding:16px;display:block}.thermo .thead{align-items:center;gap:14px;margin-bottom:16px;display:flex}.thermo .dico{background:var(--climate-soft);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.thermo .thead h4{font:600 14px Inter,sans-serif}.thermo .thead .now{color:var(--ink-faint);font-size:12px}.thermo .thead .now b{color:var(--climate)}.setrow{justify-content:center;align-items:center;gap:22px;margin-bottom:16px;display:flex}.setrow button{border:1px solid var(--line);background:var(--surface-2);width:52px;height:52px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:24px;display:grid}.setrow button:active{transform:scale(.9)}.setrow button:disabled{opacity:.35;pointer-events:none}.setrow .target{text-align:center;min-width:120px}.setrow .target .tnum{font:700 40px/1 Bricolage Grotesque,sans-serif}.setrow .target .tnum span{vertical-align:top;font-size:20px}.setrow .target .tlab{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:11px}.modes{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.modes button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-dim);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:11px 0;font:600 13px Inter,sans-serif;transition:all .15s;display:flex}.modes button:active{transform:scale(.95)}.modes button.heat.active{color:#f5783c;background:#f5783c29;border-color:#f5783c}.modes button.cool.active{background:var(--climate-soft);border-color:var(--climate);color:var(--climate)}.modes button.off.active{background:var(--surface-2);border-color:var(--ink-faint);color:var(--ink)}.dev.lockdev .dico{background:var(--lock-soft)}.dev.lockdev.on .dico{background:var(--lock);color:#fff}.dev.lockdev.on .ds{color:var(--lock)}.dev.lockdev{flex-wrap:wrap;align-items:center}.dev.lockdev .lockbtn{border:1px solid var(--lock);color:var(--lock);background:0 0;border-radius:10px;flex:none;padding:9px 16px;font:600 13px Inter,sans-serif}.dev.lockdev.triggered .dico{color:#fff;background:#a4303a;animation:1.1s ease-in-out infinite alarm-pulse}.dev.lockdev.triggered .ds{color:#ff6b6b}@keyframes alarm-pulse{0%,to{opacity:1}50%{opacity:.55}}.slide-track{background:var(--lock-soft);touch-action:none;border-radius:24px;flex-basis:100%;align-items:center;width:100%;height:48px;margin-top:8px;padding:4px;display:flex;position:relative;overflow:hidden}.slide-track.confirmed{background:#39d98a24}.slide-label{text-align:center;color:var(--ink-dim);pointer-events:none;font-size:13px;position:absolute;left:0;right:0}.slide-handle{background:var(--lock);color:#fff;cursor:grab;touch-action:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.slide-track.confirmed .slide-handle{background:var(--ok)}.hint{color:var(--ink-faint);text-align:center;padding:24px 0;font-size:14px}.btn-amber{background:var(--amber);color:#1a1206;cursor:pointer;border:0;border-radius:14px;width:100%;margin-top:22px;padding:15px;font:600 15px Inter,sans-serif}