:root{--bg: #000000;--surface: #14171c;--surface-2: #1b1f26;--border: #262c35;--text: #e9ebee;--text-muted: #8a919c;--on-accent: #14171c;--track: #2b313a;--sunken-1: #1c2129;--sunken-2: #0f1216;--sunken-ok-1: #262c36;--sunken-ok-2: #171b21;--chip: linear-gradient(150deg, #20242c, #14171c);--desk: #0a0a0b;--desk-glow: #1a1c22;--shadow-rgb: 0, 0, 0;--warn-bg: #2c1214;--warn-text: #f2b8b5;--warn-border: #5c2b29;--switch-off: #3a4049;--switch-knob: #fbfaf8;--muted-fill: #5a6470;--sdr-base-1: #131316;--sdr-base-2: #0f0f11;--banner-bg: #2a1712;--fmt-name: #ffffff;--pill-bg: rgba(12, 14, 17, .5);--pill-text: #ffffff;--pill-on-bg: #ffffff;--ring-press: #ffffff;--pill-on-text: var(--accent-dark);--sheen-rgb: 255, 255, 255;--accent: #e07a5f;--accent-dark: #7c3f2d;--edge-accent: #7c3f2d;--edge-hover: #a85639;--accent-rgb: 224, 122, 95;--accent-grad: var(--accent);--ok: #4cc38a;--bad: #e5534b;--warn: #e6b450;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;--radius-18: 18px;--hairline: 1px;--target-44: 44px;--hue-sweep: conic-gradient( from 0deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000 );--radius-44: 44px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-24: 24px;--space-64: 64px;--text-scale: 1;--text-meta: calc(.6875rem * var(--text-scale));--text-label: calc(.75rem * var(--text-scale));--text-caption: calc(.78125rem * var(--text-scale));--text-body-sm: calc(.8125rem * var(--text-scale));--text-value: calc(.84375rem * var(--text-scale));--text-detail: calc(.875rem * var(--text-scale));--text-body: calc(.9375rem * var(--text-scale));--text-title-sm: calc(1rem * var(--text-scale));--text-title: calc(1.0625rem * var(--text-scale));--text-display: calc(1.75rem * var(--text-scale));--safe-bottom: env(safe-area-inset-bottom);--dynamic-type-scale: 1}:root[data-theme=light]{--bg: #f4f2ee;--surface: #fbfaf8;--surface-2: #eceae5;--border: #d9d5cd;--text: #16181c;--text-muted: #61656e;--accent-dark: #b4593f;--edge-accent: #ded5cd;--edge-hover: #d99a80;--on-accent: #fbfaf8;--track: #ddd9d1;--sunken-1: #eceae5;--sunken-2: #e3e0d9;--sunken-ok-1: #fbfaf8;--sunken-ok-2: #edebe6;--chip: linear-gradient(150deg, #ffffff, #f0eee9);--desk: #faf9f6;--desk-glow: #ffffff;--shadow-rgb: 82, 74, 62;--warn-bg: #fde8e6;--warn-text: #8c2f2a;--warn-border: #f0c2bd;--ok: #1f8a5c;--bad: #c33a33;--warn: #9a6c14;--switch-off: #c6c1b7;--switch-knob: #16181c;--muted-fill: #a8a49b;--sdr-base-1: #ffffff;--sdr-base-2: #f7f5f1;--banner-bg: #fbeee9;--sheen-rgb: 22, 24, 28;--fmt-name: #16181c;--pill-bg: rgba(255, 255, 255, .62);--pill-text: #16181c;--pill-on-bg: #16181c;--ring-press: #16181c;--pill-on-text: #f4f2ee}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}html{height:100%;background:var(--bg);overscroll-behavior-y:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);display:flex;flex-direction:column;touch-action:manipulation;user-select:none;-webkit-user-select:none}button{font-family:inherit;color:var(--text);cursor:pointer}#root{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.wrap{width:100%;max-width:480px;flex:1 1 auto;min-height:0;margin:0 auto;padding:var(--space-10) var(--space-10) 0;display:flex;flex-direction:column}.card.spk-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:0;margin:0}.spk-card .card-head{margin-top:var(--space-12);margin-bottom:var(--space-4);padding:0 var(--space-14)}.app-viewport{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:var(--bg)}.page{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg);will-change:transform}.page-home{z-index:1;transform-origin:left center}.page-detail{z-index:2}.page-head{flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-8) var(--space-8)}.page-title{margin:0;text-align:center;font-size:var(--text-title);font-weight:600}.page-back{justify-self:start;display:inline-flex;align-items:center;gap:1px;min-height:44px;margin-left:-10px;padding:var(--space-4) var(--space-14) var(--space-4) var(--space-10);background:none;border:none;border-radius:12px;color:var(--accent);font-size:var(--text-body);font-weight:500}.page-back svg,.hub-back svg{transition:transform .16s}.page-back:active svg,.hub-back:active svg{transform:translate(-3px)}.page-actions{justify-self:end;display:flex;align-items:center;gap:var(--space-2)}.page-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-6) var(--space-14) calc(var(--space-24) + var(--safe-bottom))}.room-wrap{flex:0 0 auto;width:calc(100% + 20px);margin:0 -10px;min-height:120px;position:relative}.room-wrap.zoomed{position:fixed;inset:0;width:auto;height:auto!important;margin:0;z-index:8;background:var(--bg)}.room-wrap.zoomed.closing{opacity:0;transition:opacity .3s ease;pointer-events:none}.spk-zoomed .home-spk{filter:none!important}.spk-zoomed .page-home{will-change:auto}.spk-card .room{position:absolute;inset:0;width:100%;height:100%;margin:0}header{display:flex;align-items:center;gap:var(--space-10);padding:0 var(--space-2)}header h1{font-size:var(--text-title);font-weight:600;margin:0;flex:1}.dot{width:8px;height:8px;border-radius:50%;background:var(--bad);display:inline-block;margin-right:5px;transition:background .3s}.dot.on{background:var(--ok)}.dot.standby{background:var(--warn)}.powerbtn-hd{background:none;border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);transition:color .2s}.powerbtn-hd.on{color:var(--accent)}.dev-row{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-14);border-radius:14px;background:var(--surface-2);border:var(--hairline) solid transparent;transition:border-color .2s}.dev-row.live{border-color:rgba(var(--accent-rgb),.28)}.dev-info{flex:1;display:flex;flex-direction:column;min-width:0}.dev-name{font-size:var(--text-body);font-weight:600}.dev-status{font-size:var(--text-label);color:var(--text-muted);margin-top:1px}.switch{position:relative;width:46px;height:28px;flex-shrink:0;border:none;border-radius:999px;background:var(--switch-off);transition:background .2s}.switch.on{background:var(--accent)}.switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--switch-knob);transition:transform .2s}.switch.on .switch-knob{transform:translate(18px)}.menu-chev{display:flex;align-items:center;color:var(--text-muted)}.offscreen{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.greet{flex:0 0 auto;padding:var(--space-2) var(--space-4) var(--space-10)}.greet-routed{display:flex;align-items:center;gap:var(--space-6);padding-left:0}.greet-text{min-width:0}.greet-hi{margin:0;font-size:27px;font-weight:700;letter-spacing:-.02em}.greet-sub{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-6);font-size:var(--text-value);color:var(--text-muted)}.greet-sub .idle-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--text-muted);box-shadow:0 0 0 4px #8a919c1f}.greet-when{font-family:var(--mono);font-size:var(--text-caption);color:var(--text-muted);letter-spacing:.02em}.room-hero{position:relative;flex:0 0 auto;width:calc(100% - 24px);margin:0 var(--space-12);aspect-ratio:354 / 228;max-height:268px;min-height:0}.room-hero .room{position:absolute;inset:0;width:100%;height:100%}.room3d{touch-action:none;cursor:grab}.room3d:active{cursor:grabbing}.room3d-canvas{display:block;width:100%;height:100%}.room-cap{flex:0 0 auto;margin:var(--space-6) var(--space-4) 0;font-family:var(--mono);font-size:var(--text-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.room-cap b{color:var(--text);font-weight:600}.sleep-z{position:absolute;right:18px;top:4px;display:flex;gap:3px;align-items:flex-end}.sleep-z span{font-family:var(--mono);color:var(--accent);font-weight:600;animation:sleep-drift 3.4s ease-in-out infinite}.sleep-z span:nth-child(1){font-size:11px;animation-delay:0s;--drift: -2px}.sleep-z span:nth-child(2){font-size:14px;animation-delay:.34s;--drift: -4px}.sleep-z span:nth-child(3){font-size:18px;animation-delay:.68s;--drift: -7px}@keyframes sleep-drift{0%,to{opacity:.28;transform:translateY(0)}50%{opacity:.9;transform:translateY(var(--drift))}}@media(prefers-reduced-motion:reduce){.sleep-z span{animation:none;opacity:.65}}.spacer{flex:2.4 1 auto;min-height:0}.spacer-top{flex:1 1 auto;min-height:0}.dockgroup{position:relative;flex:0 0 auto;margin:0 -10px;border:var(--hairline) solid var(--border);border-bottom:none;border-radius:20px 20px 0 0;background:var(--surface);overflow:hidden}.dockgroup:before{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:38px;height:4px;border-radius:2px;background:var(--border);z-index:2}.dg-dev{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);width:100%;padding:17px var(--space-18) 13px;background:transparent;border:none;color:var(--text);text-align:left}.dg-dev:active{background:var(--surface-2)}.sheet-l{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.sheet-hd{font-size:var(--text-detail);font-weight:600}.sheet-sub{font-size:var(--text-label);color:var(--text-muted)}.sheet-r{display:flex;align-items:center;gap:var(--space-10);flex-shrink:0}.sheet-dots{display:flex;gap:5px}.sheet-dots .dot{width:7px;height:7px;margin:0}.sheet-chev{display:flex;align-items:center;color:var(--text-muted)}.drawer-scrim{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;background:#06080a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{width:100%;max-height:78%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:var(--surface);border:var(--hairline) solid var(--border);border-bottom:none;border-radius:22px 22px 0 0;padding:var(--space-10) var(--space-14) calc(var(--space-16) + var(--safe-bottom))}.drawer-grip{display:block;width:38px;height:4px;margin:var(--space-2) auto var(--space-14);padding:0;border:none;border-radius:2px;background:var(--border)}.drawer-list{display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-10)}.drawer-link{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px var(--space-14);border:none;border-radius:12px;background:var(--surface-2);color:var(--text);font-size:var(--text-body);font-weight:600;text-align:left}.hub-back{flex:0 0 auto;width:44px;height:44px;margin:0 0 0 -10px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text);border-radius:12px}.dg-power{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:calc(var(--space-14) + var(--safe-bottom) / 2) var(--space-14);border:none;border-top:var(--hairline) solid var(--border);background:transparent;color:var(--text-muted);font-size:var(--text-body);font-weight:650;transition:color .15s,background .15s}.dg-power.active{color:var(--bad);background:#e5534b29}.dg-power:disabled{opacity:.5}.sec-label{margin:var(--space-20) var(--space-4) 11px;font-size:var(--text-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.drawer .sec-label:first-of-type{margin-top:0}.act-grid{display:flex;flex-direction:column;gap:var(--space-10)}.act-tile{display:flex;align-items:center;gap:var(--space-14);width:100%;padding:15px var(--space-16);border:var(--hairline) solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);text-align:left;transition:background .15s,border-color .15s,box-shadow .15s,transform .08s}.act-tile:active{transform:scale(.985)}.act-tile:not(.on):active{background:var(--surface-2);border-color:rgba(var(--accent-rgb),.4)}.act-icon{flex-shrink:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--surface-2);color:var(--accent);transition:background .15s,color .15s}.act-body{flex:1;min-width:0}.act-name{font-size:var(--text-title);font-weight:650;letter-spacing:-.01em}.act-caption{font-size:var(--text-caption);color:var(--text-muted);margin-top:var(--space-2)}.act-go{flex-shrink:0;display:flex;align-items:center;color:var(--text-muted)}.act-on{flex-shrink:0;font-size:var(--text-body-sm);font-weight:700;letter-spacing:.03em;color:var(--accent)}.act-tile.on{background:rgba(var(--accent-rgb),.13);border-color:transparent;box-shadow:inset 0 0 0 1.5px var(--accent)}.act-tile.on .act-icon{background:var(--accent);color:var(--on-accent)}.card{background:var(--surface);border:var(--hairline) solid var(--border);border-radius:var(--radius-18);padding:13px var(--space-14);margin-bottom:var(--space-10)}.card.plain{background:none;border-color:transparent}.card h2{font-size:var(--text-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 9px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-10);margin-bottom:var(--space-12)}.card-head h2{margin:0}.row{display:flex;align-items:center;gap:var(--space-12)}.volhead{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;min-height:44px;margin:0 0 var(--space-6)}.voldisplay{display:flex;align-items:baseline;justify-content:center;transition:opacity .2s}.voldisplay .num{font-size:40px;font-weight:200;font-variant-numeric:tabular-nums;letter-spacing:-1px}.voldisplay .unit{font-size:var(--text-detail);color:var(--text-muted);margin-left:var(--space-4)}.mutebtn-sm{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;border:var(--hairline) solid var(--border);background:var(--surface-2);color:var(--text);transition:background .25s,border-color .25s,color .25s}.mutebtn-sm.on{background:var(--bad);border-color:var(--bad);color:#fff}.ico{display:block}.slider{-webkit-appearance:none;appearance:none;width:100%;height:30px;margin:var(--space-2) 0;background:transparent;cursor:pointer}.slider::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(to right,var(--accent) var(--fill, 50%),var(--track) var(--fill, 50%))}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 2px 8px rgba(var(--shadow-rgb),.5);transition:transform .1s}.slider:active::-webkit-slider-thumb{transform:scale(1.15)}.slider::-moz-range-track{height:10px;border-radius:999px;background:var(--track)}.slider::-moz-range-progress{height:10px;border-radius:999px;background:var(--accent)}.slider::-moz-range-thumb{width:26px;height:26px;border:3px solid var(--accent);border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(var(--shadow-rgb),.5)}.sliderlabels{display:flex;justify-content:space-between;font-size:var(--text-meta);color:var(--text-muted);margin-top:var(--space-2)}.setting{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-4) var(--space-2) var(--space-2);background:none;border:none;text-align:left}.fmt{display:inline-flex;align-items:flex-end;gap:.3em;padding:9px 15px;border-radius:11px;border:var(--hairline) solid var(--border);background:var(--chip);box-shadow:0 0 16px rgba(var(--accent-rgb),.08),inset 0 var(--hairline) 0 rgba(var(--sheen-rgb),.05)}.fmt-dv svg,.fmt-atmos svg{font-size:.78em;height:.722em;width:auto;align-self:flex-end;margin-bottom:.223em;margin-right:-.12em}.fmt-brand{font-size:.78em;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fmt-name);margin-right:-.1em}.fmt-off{align-items:center;background:rgba(var(--sheen-rgb),.03);box-shadow:none;gap:var(--space-8)}.fmt-off .fmt-name{color:var(--text-muted);font-weight:700}.fmt-off-glyph{display:flex;align-items:center;color:var(--text-muted)}.tile.off .fmt-off{margin-top:auto;margin-bottom:auto}.fmt-name{font-size:var(--text-body);font-weight:700;letter-spacing:.01em;color:var(--fmt-name)}.fmt-dts .fmt-name{letter-spacing:.06em}.fmt-x{font-size:19px;font-weight:800;color:var(--accent)}.fmt-dv{box-shadow:0 0 16px #d6b25c1a,inset 0 var(--hairline) 0 rgba(var(--sheen-rgb),.05)}.fmt-dv .fmt-brand{color:#d6b25c}.fmt-hdr .fmt-x{color:#57c7e3}.fmt-sdr{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 13%,var(--sdr-base-1)),color-mix(in srgb,var(--accent) 5%,var(--sdr-base-2)));border-color:color-mix(in srgb,var(--accent) 26%,var(--sdr-base-1));box-shadow:0 0 18px rgba(var(--accent-rgb),.12),inset 0 var(--hairline) 0 rgba(var(--sheen-rgb),.05)}.fmt-sdr .fmt-name{color:color-mix(in srgb,var(--accent) 72%,white);letter-spacing:.1em}.fmt-sdr .fmt-sub{color:color-mix(in srgb,var(--accent) 82%,black)}.fmt-mch .fmt-name{letter-spacing:.04em}.fmt-sub{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.fmt-input{min-width:0;max-width:100%}.tile-value-row .fmt-input{flex:0 1 auto}.fmt-tap{cursor:pointer;border-color:var(--edge-accent);transition:transform .1s,border-color .18s,box-shadow .18s}@media(hover:hover)and (pointer:fine){.fmt-tap:hover{border-color:var(--accent);box-shadow:0 0 0 var(--hairline) rgba(var(--accent-rgb),.35),0 0 14px rgba(var(--accent-rgb),.25)}}.fmt-tap:focus-visible{border-color:var(--accent);box-shadow:0 0 0 var(--hairline) rgba(var(--accent-rgb),.35),0 0 14px rgba(var(--accent-rgb),.25)}.fmt-tap:focus-visible{outline:none}.fmt-tap:active{transform:scale(.95)}@media(prefers-reduced-motion:reduce){.fmt-tap{transition:none}}.fmt-input .fmt-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fmt-mark{display:inline-flex;align-items:center;gap:var(--space-4);min-width:0}.fmt-apple{color:var(--fmt-name);width:.9em;height:1.12em;margin-top:-.06em;flex-shrink:0}.tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6);min-height:92px;padding:var(--space-12) var(--space-14);border-radius:var(--radius-18);border:var(--hairline) solid var(--border);background:var(--bg);text-align:left;transition:border-color .18s}.tile-head{font-size:var(--text-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.tile-chev{position:absolute;top:12px;right:13px;display:flex;color:var(--text-muted);transition:color .18s,transform .18s}@media(hover:hover)and (pointer:fine){.tile:hover{border-color:var(--edge-hover)}.tile:hover .tile-chev{color:var(--accent);transform:translate(3px)}}.tile:focus-visible,.tile:focus-within{border-color:var(--edge-hover)}.tile:focus-visible .tile-chev,.tile:focus-within .tile-chev{color:var(--accent);transform:translate(3px)}@media(prefers-reduced-motion:reduce){.tile,.tile-chev{transition:color .18s}.tile:hover .tile-chev,.tile:focus-visible .tile-chev,.tile:focus-within .tile-chev{transform:none}}.tile-value{font-size:21px;font-weight:600;color:var(--text);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-value-row{display:flex;align-items:center;gap:7px;width:100%}.tile-value-row .tile-value{flex:1;min-width:0}.tile .fmt{padding:var(--space-6) 11px}.tile .fmt,.tile .fmt-name,.tile .fmt-x{font-size:var(--text-body)}.home-top{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);align-items:stretch;flex:0 1 456px;min-height:372px;margin-bottom:var(--space-12)}.tile-stack{display:flex;flex-direction:column;gap:var(--space-12);min-width:0}.tile-stack .tile{flex:1;min-height:116px}.tile-stack .fmt{padding:var(--space-14) var(--space-20);border-radius:14px}.tile-stack .fmt,.tile-stack .fmt-name,.tile-stack .fmt-x{font-size:var(--text-title)}.tile-stack .fmt-sub{font-size:var(--text-label)}.tile-rows{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-4);width:100%;padding-top:var(--space-4)}.tile-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-10)}.tile-k{flex-shrink:0;font-size:var(--text-meta);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.chan-row{cursor:pointer;margin:0 -4px;padding:1px var(--space-4);border-radius:7px;transition:background .15s}.chan-row:active{background:rgba(var(--accent-rgb),.1)}.chan-tag{margin-left:5px;padding:1px 5px;border-radius:5px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;background:rgba(var(--accent-rgb),.16);color:var(--accent)}.chan-sheet .sec-label{margin:0 0 var(--space-10)}.chan-sheet .chan-now{margin-top:var(--space-18)}.chan-break{display:flex;flex-direction:column;gap:var(--space-8);margin:var(--space-14) 0 var(--space-4)}.chan-part{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:var(--space-12);align-items:baseline;padding:11px 13px;border-radius:12px;background:var(--surface-2)}.chan-num{grid-row:1 / span 2;font-size:22px;font-weight:800;text-align:center;color:var(--accent);font-variant-numeric:tabular-nums}.chan-part-k{font-size:var(--text-body-sm);font-weight:700;color:var(--text)}.chan-part-v{margin-top:3px;font-size:var(--text-label);line-height:1.45;color:var(--text-muted)}.tile-v{min-width:0;font-size:var(--text-label);font-weight:500;color:var(--text);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.volbar{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border-radius:var(--radius-18);border:var(--hairline) solid var(--border);background:var(--bg);overflow:hidden}.volbar-num{display:flex;align-items:baseline;justify-content:center;gap:3px;padding:var(--space-10) var(--space-6) var(--space-4);transition:opacity .2s}.volbar-num .num{font-size:var(--text-display);font-weight:200;font-variant-numeric:tabular-nums;letter-spacing:-1px}.volbar-num .unit{font-size:var(--text-label);color:var(--text-muted)}.volbar-num.is-muted{flex-direction:column;align-items:center;gap:1px}.volbar-num .num-muted{font-size:20px;font-weight:600;letter-spacing:0;color:var(--text-muted)}.volbar-was{font-size:var(--text-label);font-variant-numeric:tabular-nums;color:var(--text-muted);opacity:.75}.volbar-track{position:relative;flex:1;width:100%;min-height:150px;background:var(--bg);overflow:hidden;cursor:pointer;touch-action:none}.volbar-fill{position:absolute;left:0;right:0;bottom:0;height:var(--level, 0%);background:var(--accent-grad);-webkit-mask-image:linear-gradient(to top,#000,transparent);mask-image:linear-gradient(to top,#000,transparent)}.volbar.muted .volbar-fill{background:var(--muted-fill)}.volbar.muted .volbar-num{opacity:.4}.volbar-preset{position:absolute;left:50%;transform:translate(-50%,50%);padding:var(--space-4) 11px;border-radius:999px;border:var(--hairline) solid rgba(var(--sheen-rgb),.35);background:var(--pill-bg);color:var(--pill-text);font-size:var(--text-label);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;box-shadow:0 var(--hairline) 4px rgba(var(--shadow-rgb),.35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.volbar-preset:after{content:"";position:absolute;left:-10px;right:-10px;top:calc(-1 * var(--hit-up, 11px));bottom:calc(-1 * var(--hit-down, 11px))}.volbar-preset.on{background:var(--pill-on-bg);border-color:var(--pill-on-bg);color:var(--pill-on-text)}.volbar-mute{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:none;background:none;color:var(--surface)}.volbar-mute .ico{width:46px;height:46px}.room{display:block;width:100%;max-width:100%;height:auto;margin:0 auto}.spk-sheet{position:absolute;left:14px;right:14px;bottom:calc(12px + var(--safe-bottom));z-index:3;max-height:calc(100% - 24px - var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain;padding:var(--space-12) var(--space-14) var(--space-14);border-radius:16px;border:var(--hairline) solid var(--border);background:color-mix(in srgb,var(--surface) 97%,transparent);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 10px 34px -12px rgba(var(--shadow-rgb),.55)}.spk-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-10)}.spk-sheet-title{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.spk-sheet-sub{font-size:var(--text-meta);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.spk-sheet-head h3{margin:0;font-size:var(--text-title-sm);font-weight:600}.spk-sheet-close{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:none;background:var(--surface-2);color:var(--text-muted)}.spk-sheet-close:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.seg{display:flex;gap:3px;padding:3px;margin:7px 0;border-radius:12px;background:var(--surface-2);border:var(--hairline) solid var(--border)}.seg-opt{flex:1 1 0;min-width:0;padding:9px var(--space-4);border:none;border-radius:9px;background:none;color:var(--text-muted);font-size:var(--text-body-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s}.seg-opt.on{background:var(--accent);color:var(--on-accent)}.choice{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-14) var(--space-16);border-radius:12px;border:var(--hairline) solid var(--border);background:var(--surface-2);color:var(--text);font-size:var(--text-body);font-weight:500;text-align:left}.choice.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.choice-check{display:flex;align-items:center}.acc-group{display:flex;flex-direction:column}.acc-header .acc-caret{display:flex;align-items:center;color:var(--text-muted);transition:transform .2s}.acc-header.open .acc-caret{transform:rotate(90deg)}.acc-header.open{border-color:var(--accent)}.acc-children{overflow:hidden}.acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);padding:var(--space-8) 0 var(--space-2)}.acc-child{justify-content:center;text-align:center;padding:var(--space-14) var(--space-6);min-height:54px;font-size:var(--text-body-sm);line-height:1.15;white-space:normal;font-weight:500;background:var(--bg)}.acc{display:flex;flex-direction:column}.acc-sec{border-top:var(--hairline) solid var(--border)}.acc-sec:last-child{border-bottom:var(--hairline) solid var(--border)}.acc-sec-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);width:100%;padding:17px var(--space-2);border:none;background:none;text-align:left}.acc-sec-title{font-size:var(--text-body);font-weight:600;color:var(--text);white-space:nowrap}.acc-sec.open .acc-sec-title{color:var(--accent)}.acc-sec-right{display:flex;align-items:center;gap:var(--space-10);min-width:0}.acc-sec-sum{font-size:var(--text-value);font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acc-sec-right .fmt{padding:9px 13px;border-radius:10px}.acc-sec-right .fmt,.acc-sec-right .fmt-name{font-size:var(--text-body)}.acc-sec-right .tile-value{font-size:var(--text-value);font-weight:600;color:var(--text-muted)}.acc-sec-caret{display:flex;align-items:center;color:var(--text-muted);transition:transform .22s ease}.acc-sec.open .acc-sec-caret{transform:rotate(90deg);color:var(--accent)}.acc-sec-body{overflow:hidden}.acc-sec-inner{padding:0 var(--space-2) 22px}.acc-sec.dim .acc-sec-head{opacity:.5}.acc-sec.dim.open .acc-sec-head{opacity:1}.acc-blurb{margin:0 0 13px;font-size:calc(13.5px * var(--dynamic-type-scale));line-height:1.5;color:var(--text);opacity:.82}.acc-active{margin:11px 0 0;padding-left:var(--space-10);border-left:2px solid var(--accent);font-size:calc(13.5px * var(--dynamic-type-scale));line-height:1.45;color:var(--text);opacity:.92}.acc-switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.acc-switch-state{font-size:var(--text-detail);font-weight:600;color:var(--text)}.acc-sub{margin-top:var(--space-20);padding-left:var(--space-14);border-left:2px solid var(--border);display:flex;flex-direction:column;gap:9px}.trim-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.trim-label{font-size:var(--text-detail);font-weight:600;color:var(--text)}.trim-ctl{display:flex;align-items:center;gap:var(--space-4)}.trim-btn{position:relative;width:38px;height:34px;display:flex;align-items:center;justify-content:center;border:var(--hairline) solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text)}.trim-btn:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.trim-btn:active{border-color:var(--edge-accent)}.trim-val{min-width:62px;text-align:center;font-size:var(--text-detail);font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.acc-note{font-size:calc(13px * var(--dynamic-type-scale));line-height:1.45;color:var(--text-muted);padding:11px 13px;margin:13px 0;border-radius:10px;background:var(--surface-2);border:var(--hairline) solid var(--border)}.mode-tree{display:flex;flex-direction:column;gap:var(--space-8)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.grid button{padding:13px var(--space-6);border-radius:13px;border:var(--hairline) solid var(--border);background:var(--surface-2);font-size:var(--text-value);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .2s,border-color .2s,color .2s}.grid button{display:flex;align-items:center;justify-content:center;min-height:48px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}.grid button.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.banner{background:var(--banner-bg);border:var(--hairline) solid var(--edge-accent);color:var(--accent);border-radius:13px;font-size:var(--text-value);display:flex;align-items:center;gap:var(--space-10);overflow:hidden;padding:0 var(--space-14)}.banner span{padding:var(--space-12) 0}.banner button{margin-left:auto;flex-shrink:0;background:var(--accent);color:var(--on-accent);border:none;border-radius:9px;padding:var(--space-8) var(--space-14);font-size:var(--text-body-sm);font-weight:600}.dev-open{flex:1;display:flex;align-items:center;gap:var(--space-12);min-width:0;padding:0;border:none;background:none;text-align:left}.dev-open .dev-info{flex:1}.siri{display:flex;flex-direction:column;align-items:center;gap:var(--space-24);width:100%;max-width:300px;margin:0 auto}.siri-row{display:flex;justify-content:center;gap:var(--space-18)}.siri-btn{width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:none;color:var(--text);transition:background .12s}.siri-btn:active{background:rgba(var(--sheen-rgb),.07)}.app-btn{min-height:50px;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);border:none;border-radius:12px;background:rgba(var(--sheen-rgb),.05);color:var(--text);transition:background .12s}.app-btn:active{background:rgba(var(--sheen-rgb),.1)}.tv-tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);width:100%}.tv-tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-12);padding:var(--space-16) var(--space-16) 15px;min-height:96px;border:var(--hairline) solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);text-align:left;transition:transform .12s,background .15s,border-color .15s}.tv-tile:active{transform:scale(.97);background:var(--surface-2);border-color:rgba(var(--accent-rgb),.4)}.tv-tile .tv-ic{width:42px;height:42px;border-radius:16px;background:var(--surface-2);color:var(--accent);display:flex;align-items:center;justify-content:center}.tv-tile .tv-k{font-size:var(--text-body);font-weight:650;letter-spacing:-.01em}.siri-remote{justify-content:space-between}.siri-group{display:flex;flex-direction:column;gap:var(--space-12);width:100%}.atv-apps-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-10);width:100%;min-height:64px;border:var(--hairline) solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);font-size:var(--text-body);font-weight:600;transition:transform .12s,background .15s,border-color .15s}.atv-apps-btn:active{transform:scale(.97);background:var(--surface-2);border-color:rgba(var(--accent-rgb),.4)}.atv-apps-btn svg{color:var(--accent)}.scene-tile.on{border-color:var(--edge-accent)}.fans-page{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-12);width:100%;padding:var(--space-6) 0 var(--space-12)}.fan-row{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-14) var(--space-16);border:var(--hairline) solid var(--border);border-radius:var(--radius-18);background:var(--surface)}.fan-row.dead{opacity:.6}.fan-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-12)}.fan-name{font-size:var(--text-title);color:var(--text)}.fan-status{font-size:var(--text-value);color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right}.fan-status.bad{color:var(--bad)}.fan-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);padding:var(--space-4);border-radius:var(--space-12);background:var(--surface-2)}.fan-mode{min-height:var(--target-44);border:none;border-radius:var(--space-8);background:transparent;color:var(--text-muted);font-size:var(--text-value);font-weight:600}.fan-mode.on{background:var(--accent);color:var(--on-accent)}.fan-mode.busy{animation:fan-pending 1.1s ease-in-out infinite}@keyframes fan-pending{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.fan-mode.busy{animation:none;opacity:.8}}.fan-mode:disabled{opacity:.5}.fan-level{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-12)}.fan-step{width:var(--target-44);height:var(--target-44);border:var(--hairline) solid var(--border);border-radius:var(--space-12);background:var(--surface-2);color:var(--text);display:flex;align-items:center;justify-content:center}.fan-step:disabled{opacity:.35}.fan-level-num{text-align:center;font-size:var(--text-display);font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.fan-level-max{font-size:var(--text-label);font-weight:600;color:var(--text-muted);margin-left:var(--space-2)}.fan-empty{padding:var(--space-20);text-align:center;color:var(--text-muted);font-size:var(--text-body-sm)}.lights-page{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-12);width:100%;padding:var(--space-6) 0 var(--space-12)}.lights-row{display:flex;flex-direction:column;flex:0 0 auto;min-width:0}.light-btn{width:100%;min-height:calc(2 * var(--target-44));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-16);padding:var(--space-20) var(--space-20);border:var(--hairline) solid var(--border);border-radius:var(--radius-18);background:var(--surface);text-align:left;transition:background .16s,border-color .16s}.light-btn.on{border-color:var(--accent-dark);background:linear-gradient(160deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.05))}.light-btn-icon{display:flex;align-items:center;justify-content:center;width:var(--target-44);height:var(--target-44);border-radius:50%;color:var(--text-muted);background:var(--surface-2);transition:color .16s,background .16s}.light-btn.on .light-btn-icon{color:var(--on-accent);background:var(--accent)}.light-btn-text{display:flex;flex-direction:column;min-width:0;gap:var(--space-2)}.light-btn-label{font-size:var(--text-title);color:var(--text)}.light-btn-hint{font-size:var(--text-label);color:var(--text-muted)}.light-btn-state{font-size:var(--text-value);color:var(--text-muted)}.light-btn-state.warn{color:var(--warn)}.light-btn-state.bad{color:var(--bad)}.light-look{display:flex;flex-direction:column;gap:var(--space-14);padding:var(--space-8) var(--space-2) var(--space-4)}.day-rhythm{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8) var(--space-2) 0}.day-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-8)}.day-next{font-size:var(--text-label);color:var(--text-muted);letter-spacing:.02em}.day-band{position:relative;display:flex;height:var(--space-10);border-radius:999px;overflow:hidden;background:var(--track)}.day-seg{height:100%;min-width:0}.day-seg.on{filter:saturate(1.25) brightness(1.12)}.day-seg-off{background:var(--track);opacity:1}.day-now{position:absolute;top:0;bottom:0;width:var(--space-4);background:var(--bg);transform:translate(-50%);box-shadow:inset var(--hairline) 0 0 var(--text),inset calc(-1 * var(--hairline)) 0 0 var(--text)}.day-scale{display:flex;justify-content:space-between;font-size:var(--text-label);color:var(--text-muted);font-variant-numeric:tabular-nums}.day-note{margin:0;font-size:var(--text-label);line-height:1.45;color:var(--text-muted)}.day-note strong{color:var(--text);font-weight:600}.light-dim-k{font-size:var(--text-label);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.light-dial-row{display:flex;align-items:stretch;gap:var(--space-12);width:100%}.light-dimbar{position:relative;display:flex;flex-direction:column;align-items:stretch;flex:0 0 calc(1.5 * var(--target-44));border-radius:var(--radius-18);border:var(--hairline) solid var(--border);background:var(--bg);overflow:hidden}.light-dimbar-num{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-4) var(--space-10);pointer-events:none;text-shadow:0 var(--hairline) var(--space-4) rgb(var(--shadow-rgb) / .9)}.light-dimbar-num .num{font-size:var(--text-title);font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.light-dimbar-num .unit{font-size:var(--text-meta);color:var(--text-muted)}.light-dimbar-num.is-mixed .num-mixed{font-size:var(--text-body-sm);font-weight:600;color:var(--warn)}.light-dimbar-track{position:relative;flex:1;width:100%;background:var(--bg);overflow:hidden;cursor:pointer;touch-action:none}.light-dimbar-fill{position:absolute;left:0;right:0;bottom:0;height:var(--level, 0%);background:var(--accent-grad);-webkit-mask-image:linear-gradient(to top,rgb(var(--shadow-rgb)) calc(100% - var(--space-14)),transparent);mask-image:linear-gradient(to top,rgb(var(--shadow-rgb)) calc(100% - var(--space-14)),transparent)}.light-dial-stack{display:flex;flex-direction:column;align-items:center;gap:var(--space-14)}.light-colors-head{display:flex;align-items:center;justify-content:space-between}.light-colors-read{display:flex;align-items:center;gap:var(--space-8)}.dial-chip{width:var(--space-14);height:var(--space-14);border-radius:var(--space-4);box-shadow:inset 0 0 0 var(--hairline) rgb(var(--shadow-rgb) / 30%)}.dial-read-deg{font-size:var(--text-value);font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.dial-read-sat,.dial-read-idle{font-size:var(--text-label);font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.light-dial{position:relative;flex:1;min-width:0;aspect-ratio:1;max-width:calc(5 * var(--target-44));max-height:calc(5 * var(--target-44));margin-inline:auto;border-radius:50%;touch-action:none;background:var(--hue-sweep);box-shadow:inset 0 0 0 var(--hairline) rgb(var(--shadow-rgb) / 45%),0 var(--space-6) var(--space-18) calc(-1 * var(--space-8)) rgb(var(--shadow-rgb) / 80%)}.dial-disc{position:absolute;inset:var(--track-inset);outline:var(--hairline) solid rgb(var(--shadow-rgb) / 55%);outline-offset:var(--hairline);border-radius:50%;background:radial-gradient(circle closest-side at 50% 50%,#fff,#ffffffe0 12%,#ffffff6b 46%,#fff0 96%),var(--hue-sweep);box-shadow:inset 0 0 0 var(--hairline) rgb(var(--shadow-rgb) / 35%),0 0 0 var(--hairline) rgb(var(--sheen-rgb) / 8%);pointer-events:none}.dial-handle{position:absolute;z-index:2;width:var(--space-16);height:var(--space-16);margin:calc(-1 * var(--space-8)) 0 0 calc(-1 * var(--space-8));border:var(--space-2) solid var(--switch-knob);border-radius:50%;background:var(--dial-color);box-shadow:0 var(--hairline) var(--space-4) rgb(var(--shadow-rgb) / 55%);pointer-events:none}.dial-marker{position:absolute;z-index:1;width:var(--space-20);height:var(--space-20);margin:calc(-1 * var(--space-10)) 0 0 calc(-1 * var(--space-10));border:var(--space-2) solid var(--switch-knob);border-radius:50%;box-shadow:0 var(--hairline) var(--space-4) rgb(var(--shadow-rgb) / 50%),0 0 0 var(--hairline) rgb(var(--shadow-rgb) / 30%);pointer-events:none}.light-dial.live{box-shadow:inset 0 0 0 var(--hairline) rgb(var(--shadow-rgb) / 45%),0 var(--space-6) var(--space-18) calc(-1 * var(--space-8)) rgb(var(--shadow-rgb) / 80%),0 0 var(--target-44) calc(-1 * var(--space-10)) var(--dial-color)}.light-whites{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);width:100%}.light-swatch{display:flex;align-items:center;justify-content:center;min-height:var(--target-44);padding:var(--space-8) var(--space-6);border:var(--hairline) solid var(--border);border-radius:var(--radius-18);background:var(--sw);color:var(--ink);font-size:var(--text-label);font-weight:600;letter-spacing:.02em}.light-swatch.on{border-color:var(--text);box-shadow:0 0 0 var(--space-2) var(--text)}@media(prefers-reduced-motion:reduce){.light-btn,.light-btn-icon,.light-dimbar-fill{transition:none}}.apps-page{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:var(--space-12);width:100%;padding:var(--space-6) 0 var(--space-12)}.apps-page .app-cell{display:flex;min-width:0;min-height:0}.apps-page .app-cell.span-full{grid-column:1 / -1}.apps-page .app-btn{width:100%;height:100%;min-height:0;border:var(--hairline) solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);transition:transform .12s,background .15s,border-color .15s}.apps-page .app-btn:active{transform:scale(.96);background:var(--surface-2);border-color:rgba(var(--accent-rgb),.4)}.apps-page .wm{font-size:var(--text-display);white-space:nowrap}.wm{color:var(--text);font-weight:700;font-size:var(--text-caption);letter-spacing:-.01em;white-space:nowrap}.wm.atv{display:inline-flex;align-items:center;gap:1px;font-size:var(--text-body);font-weight:800}.wm .apple{width:.8em;height:1em;margin-top:-.06em;flex-shrink:0}.page-body-fill{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:0 var(--space-14) calc(var(--space-10) + var(--safe-bottom))}.page-body-fill .siri{flex:1;width:100%;max-width:none;gap:var(--space-18);padding:var(--space-14) 0 22px}.overlay{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:10;padding:calc(var(--space-20) + env(safe-area-inset-top)) calc(var(--space-20) + env(safe-area-inset-right)) calc(var(--space-20) + env(safe-area-inset-bottom)) calc(var(--space-20) + env(safe-area-inset-left))}.modal{background:var(--surface);border:var(--hairline) solid var(--border);border-radius:var(--radius-18);padding:var(--space-20);width:min(92vw,380px)}.modal h2{margin:0 0 var(--space-4);font-size:var(--text-title-sm)}.modal label{display:block;font-size:var(--text-label);color:var(--text-muted);margin:var(--space-12) 0 5px}.modal input{width:100%;padding:11px var(--space-12);border-radius:10px;border:var(--hairline) solid var(--border);background:var(--surface-2);color:var(--text);font-size:var(--text-body)}.modal .actions{display:flex;gap:var(--space-10);margin-top:var(--space-18)}.modal .actions button{flex:1;padding:var(--space-12) 0;border-radius:11px;border:var(--hairline) solid var(--border);background:var(--surface-2);font-size:var(--text-detail);font-weight:600}.modal .actions button.primary{background:var(--accent-grad);border-color:var(--accent);color:var(--on-accent)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);margin:var(--space-14) 0 var(--space-2)}.setting-name{font-size:var(--text-body-sm);color:var(--text)}.swatches{display:flex;gap:var(--space-14);flex-wrap:wrap;margin:var(--space-6) 0 var(--space-2)}.swatch{width:30px;height:30px;padding:0;border-radius:50%;background:var(--sw);border:2px solid var(--surface);outline:2px solid transparent;outline-offset:2px;cursor:pointer;transition:outline-color .12s ease,transform .1s ease}.swatch.on{outline-color:var(--ring, var(--sw))}.swatch:active{transform:scale(.88)}.offline-banner{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--warn-bg);color:var(--warn-text);border:var(--hairline) solid var(--warn-border);padding:var(--space-8) var(--space-16);border-radius:12px;font-size:var(--text-body-sm);max-width:90vw;display:flex;align-items:center;gap:var(--space-10);z-index:30}.offline-banner .offline-text{display:flex;flex-direction:column;line-height:1.25;text-align:left;white-space:nowrap}.offline-banner .offline-seen{font-size:var(--text-meta);opacity:.7}.offline-banner .offline-retry{flex:none;padding:5px var(--space-12);border-radius:999px;border:var(--hairline) solid var(--warn-border);background:rgba(var(--sheen-rgb),.08);color:var(--warn-text);font-size:var(--text-label);font-weight:700;position:relative}.offline-banner .offline-retry:after{content:"";position:absolute;inset:-11px -8px}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--warn-bg);color:var(--warn-text);border:var(--hairline) solid var(--warn-border);padding:var(--space-10) var(--space-18);border-radius:12px;font-size:var(--text-body-sm);pointer-events:none;max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:20}.atv-output{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);width:100%}.atv-output .out-card{display:flex;flex-direction:column;gap:var(--space-8)}.atv-output .out-k{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.atv-output .fmt{align-self:stretch;justify-content:center;align-items:center;min-height:64px}.mode-tap{display:inline-flex;align-items:center;gap:var(--space-6);align-self:stretch;max-width:100%;padding:0;border:none;background:none;color:inherit;cursor:pointer}.mode-tap .fmt{flex:1}.mode-tap .fmt{border-color:var(--edge-accent);transition:border-color .18s,box-shadow .18s}@media(hover:hover)and (pointer:fine){.mode-tap:hover .fmt{border-color:var(--accent);box-shadow:0 0 0 var(--hairline) rgba(var(--accent-rgb),.35),0 0 14px rgba(var(--accent-rgb),.25)}}.mode-tap:focus-visible .fmt{border-color:var(--accent);box-shadow:0 0 0 var(--hairline) rgba(var(--accent-rgb),.35),0 0 14px rgba(var(--accent-rgb),.25)}.mode-tap:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){.mode-tap .fmt{transition:none}}.mode-sheet{overflow-y:visible;touch-action:none}.mode-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-12)}.mode-sheet-head .sec-label{margin:0}.mode-sheet .acc-blurb{margin-top:0}.clickring{position:relative;width:292px;max-width:100%;aspect-ratio:1 / 1;margin:auto;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--sunken-1),var(--sunken-2));border:var(--hairline) solid rgba(var(--accent-rgb),.28);box-shadow:inset 0 2px 22px rgba(var(--shadow-rgb),.65),0 0 48px -4px rgba(var(--accent-rgb),.45),0 12px 32px -12px rgba(var(--shadow-rgb),.7)}.clickring-arrow{position:absolute;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:50%;color:var(--accent);line-height:1;transition:color .15s,background .15s}.clickring-arrow:active{color:var(--ring-press);background:rgba(var(--accent-rgb),.12)}.clickring-up{top:12px;left:50%;transform:translate(-50%)}.clickring-down{bottom:12px;left:50%;transform:translate(-50%)}.clickring-left{left:12px;top:50%;transform:translateY(-50%)}.clickring-right{right:12px;top:50%;transform:translateY(-50%)}.clickring-ok{position:absolute;top:50%;left:50%;margin:-64px 0 0 -64px;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 50% 38%,var(--sunken-ok-1),var(--sunken-ok-2));border:var(--hairline) solid rgba(var(--accent-rgb),.42);color:var(--accent);font-size:var(--text-body);font-weight:700;letter-spacing:.06em;box-shadow:0 0 28px rgba(var(--accent-rgb),.42),0 6px 18px -6px rgba(var(--shadow-rgb),.7),inset 0 var(--hairline) 0 rgba(var(--sheen-rgb),.06)}.page-body-fill .clickring{width:300px;margin-inline:auto;max-width:100%;min-height:0}.siri-remote .siri-row{display:grid;gap:var(--space-12);width:100%}.siri-remote .siri-row.pair{grid-template-columns:1fr 1fr}.siri-remote .siri-row.trio{grid-template-columns:repeat(3,1fr)}.siri-remote .siri-row.quad{grid-template-columns:repeat(4,1fr)}.siri-remote .siri-btn{width:auto;height:64px;border:var(--hairline) solid var(--border);border-radius:16px;background:var(--surface);color:var(--text)}.siri-remote .siri-btn:active{background:var(--surface-2)}.siri-remote .siri-btn.play{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.siri-remote .siri-btn.play:active{background:var(--accent)}.siri-atv .wm .plus,.apps-page .wm .plus{color:var(--accent)}.siri-atv .wm.netflix,.apps-page .wm.netflix{color:#e50914;font-weight:800;font-size:var(--text-body-sm);letter-spacing:.06em;text-transform:uppercase}.apps-page .wm.netflix{font-size:25px}html.device-shell,html.device-shell body{background:var(--desk)}html.device-shell body{padding:0;overflow:auto}.devframe-desk{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 0%,var(--desk-glow) 0%,var(--desk) 60%)}.devframe-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);transform-origin:center}.devframe-entrance{animation:devframe-in 1.15s cubic-bezier(.16,.84,.24,1) both;transform-origin:50% 85%;perspective:1400px;will-change:transform,opacity}@keyframes devframe-in{0%{opacity:0;transform:translateY(34px) scale(.955) rotateX(7deg)}60%{opacity:1}78%{transform:translateY(-4px) scale(1.004) rotateX(-.6deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.devframe-screen{animation:devframe-screen-in .9s ease-out .32s both}@keyframes devframe-screen-in{0%{opacity:0}to{opacity:1}}@keyframes devframe-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.devframe-entrance{animation:devframe-fade-in .4s ease-out both;perspective:none}.devframe-screen{animation-delay:.12s}}.devframe{background:#1c1d21;box-shadow:0 0 0 2px #050506,inset 0 0 0 1.5px #ffffff14,0 30px 80px #0009}.devframe-glass{width:100%;height:100%;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}.devframe-screen-wrap{position:relative;flex:0 0 auto}.devframe-status{flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text);padding-top:var(--space-14)}.devframe-time,.devframe-glyphs{position:absolute;top:50%;transform:translateY(-50%);margin-top:7px;font-size:var(--text-body);font-weight:600;letter-spacing:.2px;font-variant-numeric:tabular-nums}.devframe-time{left:32px}.devframe-glyphs{right:28px;display:flex;align-items:center;gap:5px}.devframe-batt{position:relative;width:25px;height:12px;border:var(--hairline) solid rgba(var(--sheen-rgb),.55);border-radius:3.5px;padding:1.5px}.devframe-batt:after{content:"";position:absolute;top:50%;right:-3px;width:1.5px;height:4px;border-radius:0 var(--hairline) var(--hairline) 0;background:rgba(var(--sheen-rgb),.45);transform:translateY(-50%)}.devframe-batt-fill{display:block;width:72%;height:100%;border-radius:1.5px;background:currentColor}.devframe-island{width:125px;height:36px;border-radius:20px;background:#000;margin-top:var(--space-14)}.devframe-screen{border:0;display:block;background:var(--bg)}.devframe-label{font-size:var(--text-label);letter-spacing:.04em;color:#6b7280;font-family:var(--mono)}.demo-shell .devframe-desk{background:radial-gradient(80% 55% at 50% 8%,rgba(var(--accent-rgb, 224, 122, 95),.16) 0%,transparent 55%),radial-gradient(120% 90% at 50% 0%,var(--desk-glow) 0%,var(--desk) 62%)}.demo-shell .devframe{box-shadow:0 0 0 2px #050506,inset 0 0 0 1.5px #ffffff14,0 40px 100px #000000a6}.demo-shell .devframe-label{font-family:inherit;font-size:var(--text-body-sm);letter-spacing:.01em;color:#98a1ad;max-width:320px;text-align:center;line-height:1.5}.tt-btn{position:fixed;top:20px;right:20px;z-index:999;width:44px;height:44px;border-radius:50%;border:var(--hairline) solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;overflow:visible;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(var(--shadow-rgb),.18);backdrop-filter:blur(1.5px) saturate(160%);-webkit-backdrop-filter:blur(1.5px) saturate(160%);transition:background .15s,border-color .15s,transform .12s}.tt-btn:hover{transform:translateY(-1px);border-color:var(--edge-hover)}.tt-glyph{overflow:visible;width:40px;height:40px}.tt-sun-disc{transform-box:fill-box;transform-origin:center;transition:opacity .6s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}.tt-corona,.tt-sun-glare{transform-box:fill-box;transform-origin:center;transition:opacity .4s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}.tt-moon,.tt-moon-glow,.tt-night{opacity:0;transition:opacity .55s ease}.tt-ambient-star{animation:tt-twinkle 3s ease-in-out infinite;animation-play-state:paused}@keyframes tt-twinkle{0%,to{opacity:var(--o, .5)}50%{opacity:.25}}.tt-dipper-line,.tt-dipper-star{transition:opacity .5s ease}.tt-extra-star{transition:opacity .6s ease}@keyframes tt-shimmer{0%,to{opacity:.95}50%{opacity:.6}}.tt-glyph-dark .tt-sun-disc{opacity:0;transform:scale(.82)}.tt-glyph-dark .tt-corona,.tt-glyph-dark .tt-sun-glare{opacity:0;transform:scale(.4)}.tt-glyph-dark .tt-moon,.tt-glyph-dark .tt-moon-glow,.tt-glyph-dark .tt-night{opacity:1}.tt-glyph-dark .tt-ambient-star{animation-play-state:running}.tt-btn:hover .tt-sun-glare{transform:scale(1.7)}.tt-btn:hover .tt-corona{transform:scale(1.32)}.tt-btn:hover .tt-glyph-dark .tt-dipper-line{opacity:.55}.tt-btn:hover .tt-glyph-dark .tt-dipper-star{opacity:1;animation:tt-shimmer 2.4s ease-in-out infinite}.tt-btn:hover .tt-glyph-dark .tt-extra-star{opacity:var(--eo)}@media(prefers-reduced-motion:reduce){.tt-btn,.tt-sun-disc,.tt-corona,.tt-sun-glare,.tt-moon,.tt-moon-glow,.tt-night,.tt-dipper-line,.tt-dipper-star,.tt-extra-star{transition:none}.tt-ambient-star,.tt-btn:hover .tt-glyph-dark .tt-dipper-star{animation:none}}@media(hover:hover)and (pointer:fine){.siri-btn,.tv-tile,.act-tile,.dg-dev,.app-btn,.atv-apps-btn,.chan-row,.trim-btn,.acc-sec-head,.choice,.volbar-preset{transition:background .18s,border-color .18s,color .18s}.siri-btn:hover,.tv-tile:hover,.act-tile:hover,.dg-dev:hover,.app-btn:hover,.atv-apps-btn:hover,.chan-row:hover,.trim-btn:hover,.acc-sec-head:hover{border-color:var(--edge-hover);background:var(--surface-2)}.choice:hover{background:var(--surface-2)}.choice.active:hover{background:var(--accent)}.clickring-ok,.powerbtn-hd,.mutebtn-sm,.switch,.volbar-preset{transition:filter .18s,background .18s,border-color .18s}.clickring-ok:hover,.powerbtn-hd:hover,.mutebtn-sm:hover,.switch:hover{filter:brightness(1.18)}.volbar-preset:hover{background:var(--pill-on-bg);color:var(--pill-on-text);border-color:var(--pill-on-bg)}.page-back,.hub-back,.clickring-arrow,.drawer-grip,.swatch{transition:color .18s,background .18s,opacity .18s}.page-back:hover svg,.hub-back:hover svg{transform:translate(-3px)}.clickring-arrow:hover{color:var(--ring-press);background:rgba(var(--accent-rgb),.09)}.drawer-grip:hover{opacity:.85}.swatch:hover{filter:brightness(1.15)}.room3d:hover{cursor:grab}.room3d:active{cursor:grabbing}}@media(prefers-reduced-motion:reduce){.siri-btn,.tv-tile,.act-tile,.dg-dev,.app-btn,.atv-apps-btn,.chan-row,.trim-btn,.acc-sec-head,.choice,.volbar-preset,.clickring-ok,.powerbtn-hd,.mutebtn-sm,.switch,.page-back,.hub-back,.clickring-arrow,.drawer-grip,.swatch{transition:none}.page-back svg,.hub-back svg{transition:none;transform:none}}.spk-sheet-rows{display:flex;flex-direction:column;gap:var(--space-10);margin-top:var(--space-12)}.trim-val-btn{border:var(--hairline) solid transparent;border-radius:8px;padding:var(--space-2) var(--space-6);background:none;cursor:pointer;transition:border-color .18s,background .18s}.trim-val-input{min-width:62px;width:62px;padding:var(--space-2) var(--space-6);border-radius:8px;border:var(--hairline) solid var(--accent);background:var(--surface-2);color:var(--text);text-align:center;font:inherit;font-size:var(--text-detail);font-weight:700;font-variant-numeric:tabular-nums;outline:none}.trim-val-input::-webkit-outer-spin-button,.trim-val-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(hover:hover)and (pointer:fine){.trim-val-btn:hover{border-color:var(--edge-hover);background:var(--surface-2)}}.gov-card{display:block;width:100%;padding:0;border:none;background:none;text-align:left;color:inherit}.sec-stack .card{margin-bottom:0}.gov-sum{margin:0 0 var(--space-8);font-size:var(--text-body);color:var(--text)}.gov-detail-line{margin:0;font-size:var(--text-body-sm);line-height:1.45;color:var(--text-muted)}.gov-rule{margin:0 var(--space-4) var(--space-16);font-size:var(--text-body-sm);line-height:1.5;color:var(--text-muted)}.page-back-spacer{display:block}.dg-power:after{content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:#e5534b47;pointer-events:none;z-index:-1}.dg-power.holding:after{transform:scaleX(1);transition:transform var(--hold-ms) linear}@media(prefers-reduced-motion:reduce){.dg-power.holding:after{transition:none;transform:scaleX(1)}}.tile-back{right:auto;left:13px}.tile:has(.tile-back) .tile-head{padding-left:24px}.room-rows{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-12)}.room-row{display:grid;grid-template-areas:"icon" "name" "state";align-content:space-between;justify-items:start;aspect-ratio:5 / 3;padding:var(--space-12) var(--space-14);border:var(--hairline) solid var(--border);border-radius:16px;background:linear-gradient(160deg,rgb(var(--tone-rgb) / .16),rgb(var(--tone-rgb) / .05)),var(--surface);color:var(--text);text-align:left}.room-row-icon{grid-area:icon;display:flex;color:rgb(var(--tone-rgb))}.room-row-name{grid-area:name;font-size:var(--text-body)}.room-row-state{grid-area:state;font-size:var(--text-body-sm);color:var(--text-muted)}.tone-lights{--tone-rgb: 230 180 80}.tone-fans{--tone-rgb: 70 188 201}.tone-auto{--tone-rgb: 176 125 230}.tone-devices{--tone-rgb: 224 122 95}.scene-tile.tone-theater .act-icon{color:var(--accent)}.scene-tile.tone-reset .act-icon{color:var(--warn)}.sec-stack{display:flex;flex-direction:column;gap:var(--space-10)}.wrap>*+*>.sec{margin-top:var(--space-24)}.wrap>*+*>.sec>.sec-label:first-child{margin-top:0}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-10)}.sec-head .sec-label{margin-bottom:0}.gov-paused{margin-top:var(--space-8)}.crash{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);padding:var(--space-24);background:var(--bg);color:var(--text);text-align:center}.crash-title{margin:0;font-size:var(--text-body);font-weight:600}.crash-msg{margin:0;max-width:34ch;font-family:var(--mono);font-size:var(--text-meta);color:var(--text-muted);overflow-wrap:anywhere}.crash-btn{min-height:var(--target-44);padding:0 var(--space-24);border:none;border-radius:var(--radius-18);background:var(--accent);color:var(--on-accent);font-size:var(--text-body);font-weight:600}