:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7fb;background:#06080c;font-synthesis:none;text-rendering:optimizeLegibility;--canvas: #06080c;--rail: #080b11;--surface: #0d121b;--surface-2: #121925;--surface-3: #182231;--line: rgba(255,255,255,.08);--line-strong: rgba(255,255,255,.15);--text: #f5f7fb;--soft: #b8c0cc;--muted: #778293;--blue: #7ca8ff;--blue-deep: #4f7fe3;--amber: #ffbd66;--red: #ff747c;--green: #64d99a;--violet: #b99aff;--radius: 18px;--radius-sm: 13px;--touch: 50px;--shadow: 0 18px 50px rgba(0,0,0,.28)}*{box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0}html.scrollbar-active{scrollbar-width:thin;scrollbar-color:var(--blue-deep) rgba(255,255,255,.04)}html.scrollbar-active::-webkit-scrollbar{width:10px}html.scrollbar-active::-webkit-scrollbar-track{background:#ffffff0a}html.scrollbar-active::-webkit-scrollbar-thumb{border:2px solid var(--canvas);border-radius:999px;background:var(--blue-deep)}html,body,#app{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--canvas);-webkit-user-select:none;user-select:none}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.icon{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.eyebrow{color:var(--blue);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.app-shell{min-height:100vh;display:grid;grid-template-columns:84px minmax(0,1fr)}.navigation-rail{position:sticky;top:0;z-index:20;height:100vh;padding:10px 8px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--rail)}.brand{min-height:62px;margin-bottom:7px;display:grid;place-items:center;gap:3px;border:0;color:var(--text);background:transparent;cursor:pointer}.brand span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(124,168,255,.45);border-radius:11px;color:var(--blue);background:#7ca8ff17;font-size:1rem;font-weight:900}.brand small{color:var(--soft);font-size:.64rem;font-weight:800}.navigation-rail nav{flex:1;display:grid;align-content:start;gap:4px}.phone-navigation,.phone-more-backdrop{display:none}.nav-item{min-height:58px;padding:6px 2px;display:grid;place-items:center;align-content:center;gap:5px;border:1px solid transparent;border-radius:12px;color:#697486;background:transparent;cursor:pointer;transition:background .18s,color .18s,transform .18s}.nav-item small{font-size:.6rem;line-height:1}.nav-item:hover{color:var(--soft);background:#ffffff09}.nav-item:active{transform:scale(.97)}.nav-item.active{border-color:#7ca8ff33;color:var(--blue);background:#7ca8ff18}.phone-more-sheet{width:min(460px,100%);padding:18px 16px calc(18px + env(safe-area-inset-bottom));border:1px solid var(--line-strong);border-bottom:0;border-radius:24px 24px 0 0;background:#0b1018;box-shadow:0 -18px 50px #00000073}.phone-more-sheet>header{min-height:52px;display:flex;align-items:center;justify-content:space-between}.phone-more-sheet h2{margin:3px 0 0;font-size:1.35rem;letter-spacing:-.04em}.phone-more-sheet>header button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;color:var(--soft);background:var(--surface)}.phone-more-sheet>div{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.phone-more-sheet>div>button{min-height:72px;padding:11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--surface);text-align:left}.phone-more-sheet>div>button>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:var(--blue);background:#7ca8ff17}.phone-more-sheet>div>button>.icon{color:var(--muted)}.phone-more-sheet>div>button.active{border-color:#7ca8ff5c;background:#7ca8ff1a}.shell-stage{min-width:0}.status-bar{position:sticky;top:0;z-index:15;height:60px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:#06080cf7}.status-identity{display:flex;align-items:baseline;gap:9px}.status-identity strong{font-size:.95rem;letter-spacing:-.02em}.status-identity span{color:var(--muted);font-size:.73rem}.status-clock{display:flex;align-items:baseline;gap:8px}.status-clock strong{font-size:1.05rem}.status-clock span{color:var(--muted);font-size:.72rem}.status-cluster{display:flex;align-items:center;justify-content:end;gap:8px}.status-badge{min-height:28px;padding:0 9px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;color:var(--soft);background:#ffffff06;font-size:.68rem;font-weight:750;white-space:nowrap}.status-badge i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.status-badge.good i{background:var(--green);box-shadow:0 0 0 3px #64d99a1c}.status-badge.warn i{background:var(--amber)}.status-badge.bad i{background:var(--red)}.mode-chip,.mini-state{min-height:28px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;color:var(--soft);background:var(--surface);font-size:.67rem;font-weight:750;text-transform:capitalize}.mode-chip.mode-away{color:var(--amber);border-color:#ffbd6638}.mode-chip.mode-travel{color:var(--violet);border-color:#b99aff38}.mode-chip-action{cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.mode-chip-action:hover{border-color:currentColor;background:#ffffff0e}.mode-chip-action:active{transform:scale(.96)}.mini-state{color:var(--muted)}.warning-count{min-width:29px;min-height:28px;padding:0 7px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:999px;color:var(--amber);background:#ffbd6617;font-size:.68rem}.main-stage{min-height:calc(100vh - 60px);touch-action:pan-y}.page{width:min(1460px,100%);margin:0 auto;padding:22px 26px 40px}.page h1,.page h2,.page p{margin-top:0}.page-heading{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading h1{margin:3px 0 4px;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;letter-spacing:-.055em}.page-heading p{margin:0;color:var(--muted);font-size:.85rem}.room-hero{min-height:190px;padding:23px 25px;display:grid;grid-template-columns:minmax(250px,1.05fr) minmax(430px,1.4fr);gap:26px;align-items:center;overflow:hidden;border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(115deg,rgba(124,168,255,.07),transparent 48%),var(--surface);box-shadow:var(--shadow)}.mode-lockup{margin-top:12px;display:flex;align-items:center;gap:17px}.mode-orbit{width:56px;height:56px;flex:0 0 auto;border:1px solid rgba(124,168,255,.4);border-radius:50%;background:radial-gradient(circle at center,var(--blue) 0 5px,rgba(124,168,255,.14) 6px 45%,transparent 46%);box-shadow:inset 0 0 0 9px #7ca8ff06}.mode-orbit.mode-away{border-color:#ffbd6673;background:radial-gradient(circle,var(--amber) 0 5px,rgba(255,189,102,.13) 6px 45%,transparent 46%)}.mode-orbit.mode-travel{border-color:#b99aff73;background:radial-gradient(circle,var(--violet) 0 5px,rgba(185,154,255,.13) 6px 45%,transparent 46%)}.mode-lockup h1{margin:0;font-size:clamp(2.25rem,4.2vw,4rem);line-height:.95;letter-spacing:-.065em}.mode-lockup p{margin:7px 0 0;color:var(--muted);font-size:.8rem}.mode-return{min-height:36px;margin-top:13px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(185,154,255,.3);border-radius:10px;color:var(--text);background:#b99aff17;font-size:.72rem;font-weight:800;cursor:pointer}.mode-return:hover{border-color:#b99aff80;background:#b99aff24}.mode-return:active{transform:scale(.98)}.mode-return:disabled{opacity:.6;cursor:wait}.hero-readings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;background:#ffffff05}.hero-readings>div{min-height:96px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.hero-readings>div:last-child{border-right:0}.hero-readings span:not(.status-badge){color:var(--muted);font-size:.68rem}.hero-readings strong{font-size:1.45rem;letter-spacing:-.04em}.hero-readings strong small{color:var(--muted);font-size:.72rem;font-weight:650;letter-spacing:0}.home-section{margin-top:22px}.home-section>header,.system-section>header,.device-zone>header{min-height:48px;display:flex;align-items:end;justify-content:space-between;gap:16px}.home-section header h2,.system-section header h2,.device-zone header h2{margin:2px 0 0;font-size:1.12rem;letter-spacing:-.025em}.home-section header>small,.device-zone header>div+*{color:var(--muted);font-size:.7rem}.quick-grid{margin-top:11px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.quick-action{min-height:86px;padding:12px 14px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:15px;color:var(--text);background:var(--surface);cursor:pointer;text-align:left;transition:transform .18s,background .18s,border-color .18s}.quick-action:hover{border-color:#7ca8ff52;background:var(--surface-2)}.quick-action:active{transform:scale(.98)}.quick-action>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:var(--blue);background:#7ca8ff17}.quick-action strong{font-size:.84rem;line-height:1.2}.quick-action.tone-night>span{color:var(--violet);background:#b99aff17}.quick-action.tone-warm>span{color:var(--amber);background:#ffbd6617}.quick-action.tone-quiet{color:var(--soft)}.quick-action.active{color:var(--text);border-color:#7ca8ff6b;background:#7ca8ff1f;box-shadow:inset 0 0 0 1px #7ca8ff14}.quick-action.active>span{color:#08101a;background:var(--blue)}.quick-action:disabled{opacity:.65}@keyframes routine-glow{0%,to{border-color:#7ca8ff57;box-shadow:0 0 #7ca8ff00,inset 0 0 0 1px #7ca8ff0d}50%{border-color:#7ca8ffeb;box-shadow:0 0 24px 5px #7ca8ff4d,inset 0 0 20px #7ca8ff1f}}button.working{opacity:1;animation:routine-glow 1.15s ease-in-out infinite;cursor:wait}.zone-grid{margin-top:11px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.zone-card{min-height:92px;display:grid;grid-template-columns:1fr 58px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.zone-card.active{border-color:#7ca8ff2e}.zone-body{min-width:0;padding:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:0;color:var(--text);background:transparent;text-align:left;cursor:pointer}.zone-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--muted);background:#ffffff09}.zone-card.active .zone-icon{color:var(--blue);background:#7ca8ff17}.zone-body>span:nth-child(2){min-width:0;display:grid;gap:5px}.zone-body strong{font-size:.86rem}.zone-body small{overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.zone-body>.icon{color:#566171}.zone-power{border:0;border-left:1px solid var(--line);color:var(--muted);background:#ffffff03;cursor:pointer}.zone-card.active .zone-power{color:var(--blue);background:#7ca8ff0a}.text-button{min-height:38px;display:inline-flex;align-items:center;border:0;color:var(--muted);background:transparent;font-size:.7rem;cursor:pointer}.activity-strip{min-height:78px;margin-top:20px;padding:12px 16px;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.activity-title{display:flex;align-items:center;gap:11px;color:var(--blue)}.activity-title span{display:grid;gap:2px}.activity-title strong{color:var(--text);font-size:.82rem}.activity-title small{color:var(--muted);font-size:.66rem}.activity-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.activity-list>div{min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;color:var(--soft);font-size:.7rem}.activity-list i{width:5px;height:5px;border-radius:50%;background:var(--blue)}.activity-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-list time{color:var(--muted)}.live-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.7rem}.live-label i{width:7px;height:7px;border-radius:50%;background:var(--green)}.master-controls{padding:13px;display:grid;grid-template-columns:1.15fr 1fr 1.2fr;gap:10px;border:1px solid var(--line-strong);border-radius:19px;background:var(--surface)}.master-power{display:grid;grid-template-columns:1fr 1fr;gap:8px}.master-power button,.environment-actions button{min-height:86px;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;color:var(--soft);background:#ffffff06;text-align:left;cursor:pointer}.master-power button.quiet{color:var(--soft);border-color:var(--line);background:#ffffff06}.master-power button.active{color:var(--text);border-color:#7ca8ff52;background:#7ca8ff1c}.master-power span,.environment-actions span{display:grid;gap:4px}.master-power strong,.environment-actions strong{font-size:.77rem}.master-power small,.environment-actions small{color:var(--muted);font-size:.62rem}.master-slider,.master-controls>div:last-child{min-height:86px;padding:13px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:13px;background:#ffffff05}.master-slider>span,.control-label,.fan-speed>span{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.master-slider strong,.control-label strong,.fan-speed strong{font-size:.78rem}.master-slider small,.control-label span,.fan-speed small{color:var(--muted);font-size:.64rem}input[type=range]{width:100%;height:28px;accent-color:var(--blue);cursor:pointer;touch-action:none}.master-slider>small{color:var(--muted);font-size:.62rem}.master-controls>div:last-child{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 12px}.master-controls>div:last-child>span{display:grid;gap:4px}.master-controls>div:last-child strong{font-size:.78rem}.master-controls>div:last-child small{color:var(--muted);font-size:.63rem}.color-presets,.master-controls>div:last-child>div{display:flex;gap:7px}.color-presets button,.master-controls>div:last-child>div button{width:31px;height:31px;border:3px solid var(--surface-3);border-radius:50%;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer}.whole-room-button{grid-column:1 / -1;min-height:27px;padding:5px 0 0;display:flex;align-items:center;justify-content:space-between;border:0;border-top:1px solid var(--line);color:var(--blue);background:transparent;font:750 .68rem/1.2 inherit;text-align:left;cursor:pointer}.whole-room-button:hover{color:#a9c5ff}.whole-room-button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.device-zone{margin-top:24px}.device-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.device-card{min-height:106px;display:grid;grid-template-columns:1fr 62px;grid-template-rows:1fr 4px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.device-card.is-on{border-color:#7ca8ff38}.device-card.is-offline{border-color:#ff747c40}.device-body{min-width:0;padding:13px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;border:0;color:var(--text);background:transparent;text-align:left;cursor:pointer}.device-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--muted);background:#ffffff09}.is-on .device-icon{color:var(--blue);background:#7ca8ff17}.device-copy{min-width:0;display:grid;gap:4px}.device-copy strong{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.device-copy small{color:var(--muted);font-size:.66rem}.color-dot{width:11px;height:11px;border:2px solid rgba(255,255,255,.22);border-radius:50%}.device-body>.icon{color:#576172}.device-power{grid-column:2;grid-row:1 / 3;min-width:62px;display:grid;place-items:center;align-content:center;gap:4px;border:0;border-left:1px solid var(--line);color:var(--muted);background:#ffffff03;cursor:pointer}.is-on .device-power{color:var(--blue);background:#7ca8ff0a}.device-power small{font-size:.62rem}.brightness-track{grid-column:1;height:4px;background:#ffffff06}.brightness-track span{height:100%;display:block;background:var(--blue);opacity:.7}.drawer-backdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:end;background:#0000008c}.control-drawer{width:min(440px,94vw);height:100%;padding:22px;overflow-y:auto;border-left:1px solid var(--line-strong);background:#0a0e15;box-shadow:-24px 0 70px #00000073}.control-drawer>header{display:flex;align-items:start;justify-content:space-between;gap:16px}.control-drawer h2{margin:5px 0 0;font-size:1.55rem;letter-spacing:-.04em}.icon-button{width:var(--touch);height:var(--touch);display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;color:var(--soft);background:var(--surface);cursor:pointer}.drawer-state{margin:16px 0;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.66rem}.drawer-power{width:100%;min-height:80px;padding:14px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:15px;color:var(--muted);background:var(--surface);text-align:left;cursor:pointer}.drawer-power.active{color:var(--blue);border-color:#7ca8ff40;background:#7ca8ff12}.drawer-power span{display:grid;gap:4px}.drawer-power strong{color:var(--text);font-size:.88rem}.drawer-power small{color:var(--muted);font-size:.68rem}.control-block{margin-top:13px;padding:15px;display:grid;gap:11px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.segment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.segment-grid button{min-height:var(--touch);border:1px solid var(--line);border-radius:11px;color:var(--soft);background:#ffffff06;cursor:pointer}.segment-grid button.active{color:#09101b;border-color:var(--blue);background:var(--blue);font-weight:850}.fan-speed-grid{grid-template-columns:repeat(6,1fr);gap:6px}.fan-speed-grid button{min-height:44px}.setting-row,.oscillation-row{width:100%;min-height:64px;margin-top:13px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:15px;color:var(--text);background:var(--surface);cursor:pointer}.setting-row i,.oscillation-row i{width:42px;height:24px;padding:3px;border-radius:99px;background:#252e3b}.setting-row i:after,.oscillation-row i:after{content:"";width:18px;height:18px;display:block;border-radius:50%;background:#7c8797;transition:transform .18s}.setting-row.active i,.oscillation-row.active i{background:var(--blue-deep)}.setting-row.active i:after,.oscillation-row.active i:after{transform:translate(18px);background:#fff}.diagnostics{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.diagnostics dl{margin:8px 0 0}.diagnostics dl>div,.metric-row{min-height:37px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.055)}.diagnostics dt,.metric-row dt{color:var(--muted);font-size:.67rem}.diagnostics dd,.metric-row dd{margin:0;max-width:230px;overflow-wrap:anywhere;color:var(--soft);font-size:.68rem;text-align:right}.system-heading{border-bottom:1px solid var(--line)}.health-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.health-card,.screen-card{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.card-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.card-heading>div{min-width:0;display:grid;gap:3px}.card-heading>div small{color:var(--muted);font-size:.61rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.card-heading>div strong{overflow:hidden;font-size:.83rem;text-overflow:ellipsis;white-space:nowrap}.card-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:var(--blue);background:#7ca8ff17}.card-heading .status-badge{min-height:24px;padding:0 7px;font-size:.6rem}.health-card-body{margin-top:13px}.progress{height:5px;margin:4px 0 10px;overflow:hidden;border-radius:99px;background:#222a36}.progress span{height:100%;display:block;border-radius:inherit;background:var(--blue)}.system-section{margin-top:24px}.screen-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.screen-card>p,.card-copy{min-height:34px;margin:13px 0 4px;color:var(--muted);font-size:.68rem;line-height:1.5}.screen-card dl{margin:0}.lower-health{margin-top:9px;grid-template-columns:repeat(4,minmax(0,1fr))}.verify-tag,.readonly-tag{min-height:24px;padding:0 8px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.6rem}.admin-strip{margin-top:20px;padding:15px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.admin-strip>div{margin-right:auto}.admin-strip h2{margin:3px 0 0;font-size:1rem}.admin-strip button{min-height:var(--touch);padding:0 15px;border:1px solid var(--line);border-radius:11px;color:var(--soft);background:var(--surface-2);cursor:pointer}.admin-strip button:disabled{opacity:.42;cursor:not-allowed}.climate-heading-actions{display:flex;align-items:center;gap:10px}.climate-device-tabs{padding:3px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.climate-device-tabs button{min-width:70px;min-height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:.68rem;font-weight:750;cursor:pointer}.climate-device-tabs button.active{color:#08101a;background:var(--blue)}.climate-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.temperature-panel,.fan-panel,.tv-hero{border:1px solid var(--line-strong);border-radius:19px;background:var(--surface)}.temperature-panel{min-height:420px;padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.temperature-panel>strong{margin:14px 0 25px;font-size:clamp(5rem,12vw,8rem);font-weight:550;line-height:.85;letter-spacing:-.09em}.temperature-panel>strong small{margin-left:5px;color:var(--muted);font-size:1.2rem;letter-spacing:0}.temperature-panel>div{width:100%;max-width:250px;padding:15px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:.75rem}.temperature-panel>div b{color:var(--soft)}.temperature-panel p{max-width:260px;margin:18px 0 0;color:var(--muted);font-size:.66rem;line-height:1.5}.fan-panel{min-height:420px;padding:20px}.fan-panel>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.fan-symbol{width:55px;height:55px;display:grid;place-items:center;border-radius:15px;color:var(--blue);background:#7ca8ff17}.fan-panel h2{margin:3px 0 0;font-size:1.05rem}.fan-power{width:100%;min-height:70px;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:var(--surface-2);cursor:pointer}.fan-power.active{color:var(--blue);border-color:#7ca8ff40;background:#7ca8ff12}.fan-speed{margin-top:12px;padding:15px;border:1px solid var(--line);border-radius:14px}.fan-speed>div{margin-top:12px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}.fan-speed button{min-width:0;min-height:52px;padding:0;border:1px solid var(--line);border-radius:8px;color:var(--soft);background:#ffffff06;cursor:pointer}.fan-speed button.active{color:#08101a;background:var(--blue);font-weight:900}.fan-modes{margin-top:9px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px}.fan-modes>span{display:grid;gap:3px}.fan-modes strong{font-size:.72rem}.fan-modes small{color:var(--muted);font-size:.6rem;text-transform:capitalize}.fan-modes>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.fan-modes button{min-height:38px;padding:0 5px;border:1px solid var(--line);border-radius:9px;color:var(--soft);background:#ffffff06;font-size:.62rem;text-transform:capitalize;cursor:pointer}.fan-modes button.active{color:#08101a;border-color:var(--blue);background:var(--blue);font-weight:850}.fan-panel .oscillation-row{min-height:54px;margin-top:9px}.oscillation-row span{display:grid;gap:4px;text-align:left}.oscillation-row strong{font-size:.78rem}.oscillation-row small{color:var(--muted);font-size:.64rem}.fan-panel footer{margin-top:9px;color:var(--muted);font-size:.62rem}.ac-symbol{color:#7dd8ff;background:#7dd8ff17}.ac-panel .ac-power{min-height:52px;margin-top:10px}.ac-mode-row{min-height:54px;margin-top:8px;padding:8px 10px;display:grid;grid-template-columns:105px 1fr;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px}.ac-mode-row>span,.ac-temperature>span,.ac-speed>span,.ac-presets>span,.ac-swing>span{display:grid;gap:2px}.ac-mode-row strong,.ac-temperature strong,.ac-speed strong,.ac-presets strong,.ac-swing strong{font-size:.68rem}.ac-mode-row small,.ac-temperature small,.ac-speed small,.ac-presets small,.ac-swing small{color:var(--muted);font-size:.57rem}.ac-mode-row>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.ac-mode-row button,.ac-speed button,.ac-presets button{min-height:36px;padding:0 5px;border:1px solid var(--line);border-radius:8px;color:var(--soft);background:#ffffff06;font-size:.6rem;cursor:pointer}.ac-mode-row button.active,.ac-speed button.active,.ac-presets button.active{color:#08101a;border-color:var(--blue);background:var(--blue);font-weight:850}.ac-primary-grid,.ac-secondary-grid{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ac-temperature,.ac-speed,.ac-presets,.ac-swing{min-height:70px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#ffffff04}.ac-temperature>div{margin-top:5px;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:5px}.ac-temperature button{min-height:36px;border:1px solid var(--line);border-radius:8px;color:var(--soft);background:#ffffff09;font-size:1.1rem;cursor:pointer}.ac-temperature button:disabled{opacity:.35;cursor:default}.ac-temperature b{text-align:center;font-size:1.25rem}.ac-temperature b small{margin-left:2px}.ac-speed>div{margin-top:5px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ac-presets{min-height:58px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.ac-presets>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ac-swing{min-height:58px;display:flex;align-items:center;justify-content:space-between;color:var(--text);cursor:pointer}.ac-swing i{width:38px;height:22px;padding:3px;border-radius:99px;background:#252e3b}.ac-swing i:after{content:"";width:16px;height:16px;display:block;border-radius:50%;background:#7c8797;transition:transform .18s}.ac-swing.active i{background:#7ca8ff52}.ac-swing.active i:after{background:var(--blue);transform:translate(16px)}.ac-toggle-grid{margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ac-toggle-grid button{min-width:0;min-height:46px;padding:6px 8px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 6px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#ffffff05;font-size:.55rem;text-align:left;cursor:pointer}.ac-toggle-grid button span{overflow:hidden;color:var(--soft);font-size:.62rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.ac-toggle-grid button i{width:7px;height:7px;border-radius:50%;background:#4b5666}.ac-toggle-grid button.active{border-color:#7ca8ff40;color:var(--blue);background:#7ca8ff0f}.ac-toggle-grid button.active i{background:var(--blue)}.ac-panel footer{margin-top:7px}.tv-hero{min-height:190px;padding:20px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px}.tv-visual{position:relative;width:92px;height:70px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:#090c12}.tv-visual i{position:absolute;right:7px;bottom:7px;width:7px;height:7px;border-radius:50%;background:#394251}.tv-visual i.active{background:var(--green)}.tv-copy h2{margin:5px 0;font-size:1.65rem;letter-spacing:-.04em}.tv-copy p{margin:0;color:var(--muted);font-size:.75rem}.tv-hero>button{min-height:54px;padding:0 16px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--surface-2);cursor:pointer}.tv-hero>button.active{color:var(--blue);border-color:#7ca8ff40}.environment-actions{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.environment-actions button{min-height:74px}.whole-room-scene{width:100%;min-height:90px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:1px solid rgba(124,168,255,.28);border-radius:16px;color:var(--text);background:#7ca8ff11;text-align:left;cursor:pointer}.whole-room-scene>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:var(--blue);background:#7ca8ff1f}.whole-room-scene>div{display:grid;gap:5px}.whole-room-scene strong{font-size:.88rem}.whole-room-scene small{color:var(--muted);font-size:.68rem}.scene-library{margin-top:11px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.scene-library button{min-height:90px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--surface);text-align:left;cursor:pointer}.scene-library button.active{border-color:#7ca8ff4d;background:#7ca8ff0e}.scene-icon,.automation-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--blue);background:#7ca8ff14}.scene-library button>span:nth-child(2){min-width:0;display:grid;gap:5px}.scene-library strong{font-size:.8rem}.scene-library small{color:var(--muted);font-size:.64rem}.scene-library button>.icon{color:#566172}.automation-list{display:grid;gap:9px}.automation-list article{min-height:86px;padding:13px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.automation-list article>div{display:grid;gap:5px}.automation-list article strong{font-size:.82rem}.automation-list article small{color:var(--muted);font-size:.66rem}.automation-list article>button{min-height:46px;padding:0 13px;border:1px solid var(--line);border-radius:11px;color:var(--soft);background:var(--surface-2);cursor:pointer}.info-callout{min-height:70px;margin-top:13px;padding:14px;display:flex;align-items:center;gap:13px;border:1px solid rgba(100,217,154,.18);border-radius:14px;color:var(--green);background:#64d99a0b}.info-callout span{display:grid;gap:4px}.info-callout strong{color:var(--text);font-size:.8rem}.info-callout small{color:var(--muted);font-size:.67rem}.room-layout{position:relative;height:min(600px,calc(100vh - 190px));min-height:420px;overflow:hidden;border:1px solid var(--line-strong);border-radius:20px;background-color:var(--surface);background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}.room-layout>button{position:absolute;padding:15px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;color:var(--muted);background:#080c12eb;text-align:left;cursor:pointer}.room-layout>button.active{color:var(--blue);border-color:#7ca8ff45;background:#141e2cf0}.room-layout button span{display:grid;gap:5px}.room-layout button strong{color:var(--text);font-size:.78rem}.room-layout button small{color:var(--muted);font-size:.62rem}.room-door{position:absolute;right:-1px;bottom:4%;width:8px;height:20%;border-radius:4px 0 0 4px;background:var(--amber);color:transparent}.settings-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.settings-list>button{min-height:80px;padding:13px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--surface);text-align:left;cursor:pointer}.settings-list>button>span:first-child{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:var(--blue);background:#7ca8ff14}.settings-list>button>span:nth-child(2){display:grid;gap:4px}.settings-list strong{font-size:.79rem}.settings-list small{color:var(--muted);font-size:.64rem}.settings-list>button>.icon{color:#566172}.boot-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;background:var(--canvas)}.boot-mark{width:68px;height:68px;margin-bottom:8px;display:grid;place-items:center;border:1px solid rgba(124,168,255,.38);border-radius:20px;color:var(--blue);background:#7ca8ff14;font-size:1.7rem;font-weight:900}.boot-screen h1{margin:0;font-size:1.5rem}.boot-screen p{margin:0;color:var(--muted);font-size:.78rem}.boot-screen>i{width:120px;height:3px;margin-top:17px;overflow:hidden;border-radius:3px;background:#1a2230}.boot-screen>i:after{content:"";width:40%;height:100%;display:block;background:var(--blue);animation:loading 1.3s ease-in-out infinite alternate}@keyframes loading{to{transform:translate(150%)}}.reconnect-overlay{position:fixed;inset:60px 0 0 84px;z-index:40;display:grid;place-items:center;background:#06080cd1}.reconnect-overlay>div{width:min(430px,calc(100% - 32px));padding:28px;display:grid;justify-items:center;gap:9px;border:1px solid var(--line-strong);border-radius:20px;background:#0b1018;box-shadow:var(--shadow);text-align:center}.reconnect-overlay .icon{color:var(--amber)}.reconnect-overlay h2{margin:3px 0 0;font-size:1.4rem}.reconnect-overlay p{margin:0;color:var(--muted);font-size:.75rem}.toast{position:fixed;right:22px;bottom:22px;z-index:70;min-height:52px;max-width:360px;padding:0 15px;display:flex;align-items:center;gap:10px;border:1px solid rgba(100,217,154,.28);border-radius:13px;color:var(--green);background:#101921;box-shadow:var(--shadow);font-size:.76rem}.toast.bad{color:var(--red);border-color:#ff747c4d}.toast span{color:var(--text)}.routine-progress{position:fixed;right:18px;top:72px;z-index:64;min-width:210px;min-height:54px;padding:9px 13px;display:flex;align-items:center;gap:11px;border:1px solid rgba(124,168,255,.45);border-radius:14px;color:var(--blue);background:#0d121bf5;box-shadow:var(--shadow);animation:routine-glow 1.15s ease-in-out infinite}.routine-progress>i{width:11px;height:11px;border-radius:50%;background:var(--blue);box-shadow:0 0 14px var(--blue)}.routine-progress>span{display:grid;gap:2px}.routine-progress strong{color:var(--text);font-size:.75rem}.routine-progress small{color:var(--muted);font-size:.6rem}.light-verification-warning{position:fixed;right:18px;top:72px;z-index:68;max-width:390px;min-height:58px;padding:10px 14px;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,116,124,.48);border-radius:14px;color:var(--red);background:#1e0f14f7;box-shadow:var(--shadow)}.light-verification-warning>span{display:grid;gap:3px}.light-verification-warning strong{color:var(--text);font-size:.75rem}.light-verification-warning small{color:#e7b2b7;font-size:.63rem;line-height:1.35}.bathroom-return{position:fixed;inset:0;z-index:65;padding:76px 28px 24px 112px;display:grid;place-items:center;background:radial-gradient(circle at 60% 40%,rgba(124,168,255,.08),transparent 48%),#06080cfa}.bathroom-return>div{width:min(820px,100%);height:min(460px,calc(100vh - 100px));padding:24px;display:grid;grid-template-rows:auto auto auto 1fr;gap:8px;border:1px solid var(--line-strong);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.bathroom-return h2{margin:2px 0 0;font-size:clamp(1.7rem,4vw,2.6rem);letter-spacing:-.045em}.bathroom-return p{max-width:590px;margin:0 auto;color:var(--muted);font-size:.75rem;line-height:1.5}.bathroom-return button{width:100%;min-height:210px;margin-top:10px;padding:24px;display:flex;align-items:center;justify-content:center;gap:20px;border:1px solid rgba(124,168,255,.45);border-radius:18px;color:var(--blue);background:#7ca8ff1a;cursor:pointer}.bathroom-return button>span{display:grid;gap:7px;text-align:left}.bathroom-return button strong{color:var(--text);font-size:clamp(1.6rem,4vw,2.8rem);letter-spacing:-.04em}.bathroom-return button small{color:var(--soft);font-size:.74rem}.bathroom-return button:active{transform:scale(.99)}.bathroom-return button:disabled{cursor:wait}.scroll-assist{position:fixed;right:14px;bottom:14px;z-index:45;width:54px;min-height:54px;padding:6px 4px;display:grid;place-items:center;align-content:center;gap:1px;border:1px solid rgba(124,168,255,.3);border-radius:15px;color:var(--blue);background:#0d121bf0;box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation}.scroll-assist .icon{transform:rotate(90deg);transition:transform .18s}.scroll-assist.to-top .icon{transform:rotate(-90deg)}.scroll-assist small{font-size:.55rem;font-weight:800;letter-spacing:.03em}.scroll-assist:active{transform:scale(.96)}.master-color.expanded{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px 12px!important}.master-color.expanded>span{grid-column:1 / -1}.master-color .color-preset-grid{grid-column:1 / -1;display:grid!important;grid-template-columns:repeat(8,31px);gap:7px}.master-color .white-preset-grid{grid-column:1 / -1;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.master-color .white-preset-grid button,.control-drawer .white-preset-grid button{width:auto!important;min-height:34px;padding:0 8px;border:1px solid var(--line)!important;border-radius:9px!important;color:var(--soft);background:#ffffff06!important;box-shadow:none!important;font-size:.62rem;cursor:pointer}.master-color .color-preset-grid button.active,.control-drawer .color-presets button.active{outline:2px solid var(--blue);outline-offset:2px;box-shadow:0 0 0 4px #7ca8ff1f}.master-color .white-preset-grid button.active,.control-drawer .white-preset-grid button.active{color:#08101a!important;border-color:var(--blue)!important;background:var(--blue)!important;font-weight:850}.color-wheel-control,.outside-match{min-height:50px;padding:7px 9px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;color:var(--soft);background:#ffffff05;cursor:pointer}.color-wheel-control.active,.drawer-color-wheel.active,.outside-match.active{color:var(--blue);border-color:#7ca8ff6b;background:#7ca8ff1a}.color-wheel-control input,.drawer-color-wheel input{width:38px;height:38px;padding:0;overflow:hidden;border:2px solid var(--surface-3);border-radius:50%;background:transparent;cursor:pointer}.color-wheel-control span,.outside-match span{display:grid;gap:2px}.color-wheel-control strong,.outside-match strong{color:var(--text);font-size:.68rem}.color-wheel-control small,.outside-match small{color:var(--muted);font-size:.58rem}.outside-match{text-align:left}.outside-match>.icon{color:var(--amber)}.effect-control{grid-column:1 / -1;display:grid;gap:6px;color:var(--soft);font-size:.65rem}.effect-control select{min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--surface-2)}.effect-control.active select{border-color:#7ca8ff6b;background:#7ca8ff1a}.drawer-color-wheel{min-height:46px;padding:4px 8px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;color:var(--soft);font-size:.7rem}.control-drawer .white-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.control-drawer .range-control{margin-top:0;padding:0;border:0;background:transparent}.environment-actions{grid-template-columns:repeat(4,1fr)}.environment-actions button.active{color:var(--blue);border-color:#7ca8ff59;background:#7ca8ff17}.calendar-heading{align-items:center}.calendar-actions{display:flex;align-items:center;gap:12px}.calendar-view-switch{padding:3px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:11px;background:var(--surface)}.calendar-view-switch button{min-height:36px;padding:0 12px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:.65rem;cursor:pointer}.calendar-view-switch button.active{color:#08101a;background:var(--blue);font-weight:800}.calendar-surface,.calendar-unavailable{min-height:410px;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface)}.calendar-day{padding:18px}.calendar-day>header{min-height:50px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.calendar-day>header strong{font-size:1.15rem}.calendar-day>header span{color:var(--muted);font-size:.7rem}.calendar-event-list{display:grid;gap:8px;margin-top:12px}.calendar-event{min-height:54px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-left:3px solid var(--blue);border-radius:8px;background:#7ca8ff0e}.calendar-event>span{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:2px 8px}.calendar-event i{width:6px;height:6px;align-self:center;border-radius:50%;background:var(--blue)}.calendar-event strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.calendar-event small{grid-column:2;color:var(--muted);font-size:.59rem}.calendar-event time{color:var(--soft);font-size:.66rem;white-space:nowrap}.calendar-week{padding:12px;display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-week>article{min-width:0;padding:9px 7px;border:1px solid var(--line);border-radius:11px;background:#ffffff04}.calendar-week>article.today{border-color:#7ca8ff66;background:#7ca8ff0d}.calendar-week article>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.calendar-week header span,.calendar-week article>small{color:var(--muted);font-size:.58rem}.calendar-week header strong{font-size:.9rem}.calendar-week .calendar-event{min-height:54px;margin-top:6px;padding:6px;display:grid;justify-content:stretch}.calendar-week .calendar-event b{color:var(--blue);font-size:.52rem}.calendar-week .calendar-event span{overflow:hidden;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.calendar-people{padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.calendar-people>article{padding:12px;border:1px solid var(--line);border-radius:12px}.calendar-people>article>header{display:flex;align-items:center;gap:8px}.calendar-people>article>header i{width:8px;height:8px;border-radius:50%;background:var(--blue)}.calendar-people>article>header strong{font-size:.74rem}.calendar-empty,.calendar-unavailable{display:grid;place-items:center;align-content:center;gap:9px;color:var(--muted);font-size:.7rem;text-align:center}.calendar-unavailable strong{color:var(--text);font-size:.95rem}.calendar-cycle{height:28px;margin-top:10px;position:relative;overflow:hidden;border-radius:8px;background:var(--surface)}.calendar-cycle>span{height:3px;display:block;background:var(--blue);transition:width .4s ease}.calendar-cycle small{position:absolute;inset:7px 10px auto;color:var(--muted);font-size:.56rem}.scene-blackout{position:fixed;inset:0;z-index:1000;width:100%;height:100%;border:0;background:#000;cursor:pointer}@media(max-width:1100px){.room-hero{grid-template-columns:1fr}.hero-readings{grid-template-columns:repeat(4,1fr)}.master-controls{grid-template-columns:1fr 1fr}.master-controls>div:last-child{grid-column:1 / -1}.health-grid,.lower-health{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:821px)and (max-width:1100px)and (max-height:700px){.app-shell{grid-template-columns:74px minmax(0,1fr)}.navigation-rail{padding:6px}.brand{min-height:48px;margin-bottom:4px}.brand span{width:30px;height:30px;border-radius:9px;font-size:.85rem}.brand small{font-size:.56rem}.navigation-rail nav{gap:2px}.nav-item{min-height:52px;padding:4px 2px;gap:3px;border-radius:10px}.nav-item small{font-size:.55rem}.status-bar{height:52px;padding:0 16px}.status-identity strong{font-size:.86rem}.status-identity span,.status-clock span{font-size:.64rem}.status-clock strong{font-size:.96rem}.status-badge,.mode-chip,.mini-state,.warning-count{min-height:25px}.main-stage{min-height:calc(100vh - 52px)}.page{padding:12px 16px 26px}.climate-page{padding-bottom:6px}.page-heading{min-height:62px}.page-heading h1{font-size:1.9rem}.page-heading p{font-size:.7rem}.room-hero{min-height:126px;padding:13px 16px;grid-template-columns:minmax(220px,.82fr) minmax(0,1.55fr);gap:16px;border-radius:17px}.mode-lockup{margin-top:7px;gap:12px}.mode-orbit{width:44px;height:44px}.mode-lockup h1{font-size:2.35rem}.mode-lockup p{margin-top:4px;font-size:.68rem}.mode-return{min-height:30px;margin-top:7px;padding:0 10px;font-size:.64rem}.hero-readings>div{min-height:76px;padding:10px}.hero-readings span:not(.status-badge){font-size:.59rem}.hero-readings strong{font-size:1.12rem}.home-section{margin-top:11px}.home-section>header,.system-section>header,.device-zone>header{min-height:31px}.home-section header h2,.system-section header h2,.device-zone header h2{font-size:.96rem}.quick-grid,.zone-grid{margin-top:7px;gap:7px}.quick-action{min-height:62px;padding:8px 10px;gap:9px;border-radius:12px}.quick-action>span{width:36px;height:36px;border-radius:10px}.quick-action strong{font-size:.72rem}.zone-card{min-height:64px;grid-template-columns:1fr 50px;border-radius:12px}.zone-body{padding:9px 10px;gap:9px}.zone-icon{width:36px;height:36px;border-radius:10px}.zone-body strong{font-size:.74rem}.zone-body small{font-size:.59rem}.activity-strip{min-height:60px;margin-top:12px;padding:8px 12px}.master-controls{padding:9px;gap:7px;grid-template-columns:1.15fr 1fr;border-radius:15px}.master-controls>div:last-child{grid-column:1 / -1}.master-power button,.environment-actions button,.master-slider,.master-controls>div:last-child{min-height:72px;padding:9px}.device-zone{margin-top:14px}.device-grid{margin-top:7px;gap:7px}.device-card{min-height:86px;grid-template-columns:1fr 52px;border-radius:12px}.device-body{padding:9px;gap:7px}.device-icon{width:36px;height:36px}.device-power{min-width:52px}.health-grid,.lower-health{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.health-card,.screen-card{padding:10px;border-radius:12px}.card-icon{width:34px;height:34px}.system-section{margin-top:14px}.screen-grid{margin-top:7px;gap:7px}.temperature-panel,.fan-panel{min-height:400px}.tv-hero{min-height:150px;padding:15px}.scene-library button,.whole-room-scene{min-height:74px}.calendar-surface,.calendar-unavailable{min-height:430px}.room-layout{height:calc(100vh - 138px);min-height:400px}.reconnect-overlay{inset:52px 0 0 74px}.routine-progress{top:62px;right:10px;min-width:190px}.light-verification-warning{top:62px;right:10px;max-width:360px}.bathroom-return{padding:64px 18px 12px 88px}.bathroom-return>div{height:calc(100vh - 76px);padding:16px;border-radius:17px}.bathroom-return button{min-height:0}.scroll-assist{right:10px;bottom:10px;width:48px;min-height:48px;border-radius:13px}}@media(max-width:820px){html{overscroll-behavior-y:none}body{min-height:100dvh}.app-shell{display:block;min-height:100dvh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.navigation-rail{position:fixed;inset:auto 0 0;z-index:30;width:100%;height:calc(70px + env(safe-area-inset-bottom));padding:6px 8px max(6px,env(safe-area-inset-bottom));flex-direction:row;border-top:1px solid var(--line);border-right:0;background:#080b11f7;backdrop-filter:blur(18px)}.brand,.navigation-rail .desktop-navigation{display:none}.navigation-rail .phone-navigation{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.nav-item{min-width:0;min-height:55px;padding:4px 1px;gap:4px}.nav-item small{font-size:.54rem}.phone-more-backdrop{position:fixed;inset:0;z-index:80;padding-top:max(70px,env(safe-area-inset-top));display:flex;align-items:end;justify-content:center;background:#000000a8;backdrop-filter:blur(5px)}.status-bar{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;grid-template-columns:1fr auto}.status-clock{grid-column:1;grid-row:1}.status-identity{display:none}.status-cluster{grid-column:2}.status-cluster .mini-state,.status-cluster .warning-count{display:none}.main-stage{min-height:calc(100dvh - 60px - env(safe-area-inset-top))}.page{padding:18px 14px 32px}.room-hero{padding:18px}.hero-readings{grid-template-columns:repeat(2,1fr)}.hero-readings>div:nth-child(2){border-right:0}.hero-readings>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.quick-grid,.zone-grid,.device-grid,.scene-library{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-strip,.activity-list,.master-controls{grid-template-columns:1fr}.master-controls>div:last-child{grid-column:auto}.master-power{grid-template-columns:1fr 1fr}.climate-grid{grid-template-columns:1fr}.temperature-panel{min-height:310px}.tv-hero{grid-template-columns:auto 1fr}.tv-hero .status-badge{justify-self:start}.environment-actions,.screen-grid,.settings-list{grid-template-columns:1fr}.admin-strip{align-items:stretch;flex-direction:column}.reconnect-overlay{inset:calc(60px + env(safe-area-inset-top)) 0 calc(70px + env(safe-area-inset-bottom))}.routine-progress,.light-verification-warning{top:calc(70px + env(safe-area-inset-top));left:12px;right:12px;width:auto;max-width:none}.bathroom-return{padding:calc(76px + env(safe-area-inset-top)) 14px calc(84px + env(safe-area-inset-bottom))}.bathroom-return>div{height:calc(100dvh - 168px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.scroll-assist{bottom:calc(82px + env(safe-area-inset-bottom))}.layout-phone .scroll-assist{display:none}.toast{right:12px;bottom:calc(82px + env(safe-area-inset-bottom));left:12px;max-width:none}}@media(max-width:520px){.status-clock{gap:6px}.status-clock strong{font-size:.92rem}.status-clock span{font-size:.62rem}.status-cluster{gap:5px}.status-cluster .status-badge{min-width:27px;width:27px;padding:0;justify-content:center;overflow:hidden;color:transparent;font-size:0}.status-cluster .status-badge i{flex:0 0 auto}.mode-chip{min-height:27px;padding:0 8px;font-size:.6rem}.page{padding:14px 12px 28px}.page-heading{min-height:76px}.page-heading>.live-label{display:none}.page-heading h1{font-size:1.9rem}.page-heading p{max-width:270px;font-size:.72rem;line-height:1.35}.room-hero{min-height:0;padding:16px;gap:15px;border-radius:18px}.mode-lockup{margin-top:8px;gap:12px}.mode-orbit{width:44px;height:44px}.mode-lockup h1{font-size:2.25rem}.mode-lockup p{font-size:.68rem}.hero-readings>div{min-height:72px;padding:10px}.hero-readings strong{font-size:1.13rem}.home-section{margin-top:17px}.home-section>header{min-height:40px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-action{min-height:76px;padding:10px;gap:9px}.quick-action>span{width:38px;height:38px}.quick-action strong{font-size:.74rem}.hero-readings{grid-template-columns:1fr 1fr}.zone-grid,.device-grid,.scene-library,.health-grid,.lower-health{grid-template-columns:1fr}.activity-strip{margin-top:16px;padding:12px 4px}.activity-list>div{font-size:.65rem}.master-power{grid-template-columns:1fr}.master-controls{padding:9px}.master-color.expanded{grid-template-columns:1fr!important}.master-color .color-preset-grid{grid-template-columns:repeat(4,1fr)}.master-color .color-preset-grid button{width:100%;min-height:38px;border-radius:10px}.master-color .white-preset-grid{grid-template-columns:1fr 1fr}.control-drawer{width:100%;padding:calc(18px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom))}.climate-heading-actions{align-items:end;flex-direction:column;gap:6px}.climate-heading-actions>.status-badge{display:none}.temperature-panel{min-height:230px;padding:18px}.temperature-panel>strong{margin:12px 0 20px;font-size:5rem}.fan-panel{min-height:0;padding:14px}.fan-panel>header{grid-template-columns:auto 1fr}.fan-panel>header>.status-badge{grid-column:2;justify-self:start}.fan-speed>div{grid-template-columns:repeat(6,1fr)}.fan-speed button{min-height:44px}.fan-modes,.ac-mode-row,.ac-primary-grid,.ac-secondary-grid{grid-template-columns:1fr}.tv-hero{grid-template-columns:auto 1fr;gap:12px}.tv-visual{width:70px;height:56px}.tv-copy h2{font-size:1.25rem}.tv-hero>.status-badge{grid-column:1;justify-self:stretch;justify-content:center}.tv-hero>button{grid-column:2;justify-content:center}.environment-actions{grid-template-columns:1fr 1fr}.environment-actions button{min-height:84px}.whole-room-scene{min-height:78px;padding:12px}.scene-library button{min-height:82px;padding:12px}.room-layout{min-height:500px}.settings-list{grid-template-columns:1fr}.automation-list article{grid-template-columns:auto 1fr auto}.automation-list article>button{grid-column:2 / -1}.phone-more-sheet>div{grid-template-columns:1fr}.phone-more-sheet>div>button{min-height:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}