: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-6: 6px;--radius-10: 10px;--radius-12: 12px;--radius-16: 16px;--radius-18: 18px;--radius-pill: 999px;--hairline: 1px;--target-44: 44px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--hue-sweep: conic-gradient( from 0deg, #e5534b, #e6b450, #4cc38a, #46bcc9, #7c8cf0, #b07de6, #e5534b );--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: #16181c;--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:var(--radius-12);color:var(--accent);font-size:var(--text-body);font-weight:500}.page-back svg{transition:transform .16s}.page-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-10) + var(--safe-bottom));scrollbar-width:none}.page-body::-webkit-scrollbar{display:none}.page-body>:last-child{margin-bottom:var(--space-14)}.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}.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)}.switch{position:relative;width:46px;height:28px;flex-shrink:0;border:none;border-radius:var(--radius-pill);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)}.room3d{touch-action:none;cursor:grab}.room3d:active{cursor:grabbing}.room3d-canvas{display:block;width:100%;height:100%}.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);contain:paint}.drawer{width:100%;max-height:78%;will-change:transform;contain:layout paint;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));scrollbar-width:none}.drawer::-webkit-scrollbar{display:none}.drawer:focus,.drawer:focus-visible{outline:none}.room-sheet{max-height:92%}.sheet-fit{display:flex;flex-direction:column;padding:var(--space-10) var(--space-14) calc(var(--space-16) + var(--safe-bottom))}.drawer:has(>.sheet-fit){padding:0}.sheet-fit-paged{height:100%;padding-bottom:0}.sheet-pages{flex:1 1 auto;min-height:0;margin:0 calc(-1 * var(--space-14));overflow:hidden}.sheet-track{display:flex;align-items:flex-start}.sheet-page{flex:0 0 100%;min-width:0;display:flex;flex-direction:column;max-height:calc(92dvh - 2px - var(--sheet-chrome, 0px));padding:0 var(--space-14) calc(var(--space-6) + var(--safe-bottom))}.room-page-lights{height:calc(92dvh - 2px - var(--sheet-chrome, 0px))}.room-page-lights .lights-page{flex:1 1 auto;min-height:0}.room-page .lights-page,.room-page .fans-page{padding-top:0;padding-bottom:0}.room-panel :first-child>.sec-label:first-child{margin-top:0}.room-panel>.wrap{padding:0;max-width:none}.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)}.sec-label{margin:var(--space-20) var(--space-4) 11px;font-size:var(--text-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.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:var(--space-16) var(--space-14);border:var(--hairline) solid var(--border);border-radius:var(--radius-18);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:var(--target-44);height:var(--target-44);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-10);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-4)}.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:var(--radius-12);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:var(--radius-pill);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:var(--radius-pill);background:var(--track)}.slider::-moz-range-progress{height:10px;border-radius:var(--radius-pill);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:var(--radius-10);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}.tile.off .tile-value-row,.tile.off .tile-rows,.tile.off>.fmt,.tile.off>.mode-tap{opacity:.45;transition:opacity .25s ease-out}.tile:not(.off) .tile-value-row,.tile:not(.off) .tile-rows,.tile:not(.off)>.fmt,.tile:not(.off)>.mode-tap{opacity:1;transition:opacity .25s ease-out}.tile-off-pill{display:inline-flex;align-items:center;gap:var(--space-6);margin-left:var(--space-8);padding:var(--space-2) var(--space-8);border-radius:var(--radius-6);background:rgba(var(--accent-rgb),.16);color:var(--accent);vertical-align:1px}.tile-off-dot{width:var(--space-6);height:var(--space-6);border:var(--hairline) solid var(--accent);border-radius:50%}.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-resting{background:rgba(var(--sheen-rgb),.03);border-color:var(--border);box-shadow: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-8);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.live .tile-gear{color:var(--accent)}.tile-head{font-size:var(--text-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-6)}.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:hover .tile-gear{transform:rotate(30deg)}}.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)}.tile:focus-visible .tile-gear,.tile:focus-within .tile-gear{transform:rotate(30deg)}@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 500px;min-height:372px;margin-bottom:var(--space-12)}.tile-stack{display:flex;flex-direction:column;gap:var(--space-12);min-width:0;min-height:0}.tile-stack .tile{flex:1;min-height:116px}.tile-stack .fmt{padding:var(--space-14) var(--space-20);border-radius:var(--radius-12)}.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-6);width:100%;padding-top:var(--space-8)}.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:var(--radius-6);transition:background .15s}.chan-row:active{background:rgba(var(--accent-rgb),.1)}.tile.off .chan-row{cursor:inherit}.tile.off .chan-row:active{background:none}.mode-tap-static{cursor:inherit}.chan-tag{margin-left:5px;padding:1px 5px;border-radius:var(--radius-6);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:var(--radius-12);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-detail);font-weight:500;font-variant-numeric:tabular-nums;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:var(--radius-pill);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;scrollbar-width:none;overscroll-behavior:contain;padding:var(--space-12) var(--space-14) var(--space-14);border-radius:var(--radius-16);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::-webkit-scrollbar{display:none}.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:var(--radius-12);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:var(--radius-6);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:var(--radius-12);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-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.mode-group{display:flex;flex-direction:column;gap:var(--space-6)}.acc-child{justify-content:center;gap:var(--space-6);text-align:center;padding:var(--space-12) var(--space-8);min-height:var(--target-44);font-size:var(--text-body-sm);line-height:1.15;white-space:normal;font-weight:500;background:var(--surface-2)}.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:var(--radius-10)}.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 .24s var(--ease-out)}.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}.blurb-why{display:inline;padding:0 0 0 var(--space-4);border:none;background:none;color:var(--accent);font:inherit;font-weight:600}.blurb-more{overflow:hidden}.blurb-more-text{margin:0 0 13px;padding-left:var(--space-10);border-left:var(--hairline) solid var(--border)}.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:var(--radius-10);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:var(--radius-10);background:var(--surface-2);border:var(--hairline) solid var(--border)}.mode-tree{display:flex;flex-direction:column;gap:var(--space-16)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.grid button{padding:13px var(--space-6);border-radius:var(--radius-12);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:var(--radius-12);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:var(--radius-6);padding:var(--space-8) var(--space-14);font-size:var(--text-body-sm);font-weight:600}.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:var(--radius-12);background:rgba(var(--sheen-rgb),.05);color:var(--text);transition:background .12s}.app-btn:active{background:rgba(var(--sheen-rgb),.1)}.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:var(--radius-16);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)}.fans-page .sec-label{margin:var(--space-12) var(--space-4) 0}.air-card{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-16);border:var(--hairline) solid var(--border);border-radius:var(--radius-18);background:var(--surface)}.air-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-12)}.air-now{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.air-temp{font-size:var(--text-display);font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.air-temp-none{color:var(--text-muted)}.air-deg{font-size:var(--text-value);font-weight:500;color:var(--text-muted);margin-left:var(--space-4);letter-spacing:0}.air-sub{font-size:var(--text-body-sm);color:var(--text-muted)}.air-state{flex-shrink:0;display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-10);border:var(--hairline) solid var(--border);border-radius:var(--radius-pill);font-size:var(--text-meta);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.air-dot{width:6px;height:6px;border-radius:50%;background:currentcolor}.air-state.cool{color:var(--accent);border-color:var(--edge-accent);background:rgba(var(--accent-rgb),.12)}.air-state.heat{color:var(--warn);border-color:var(--warn-border);background:var(--warn-bg)}.ducts{display:flex;flex-direction:column;gap:var(--space-12)}.duct-dead{opacity:.45}.duct-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-8)}.duct-name{font-size:var(--text-body-sm);color:var(--text)}.duct-read{font-size:var(--text-body-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.duct-read.cool{color:var(--accent);font-weight:650}.duct-track{position:relative;height:var(--space-10);border-radius:var(--radius-pill);background:var(--track);overflow:hidden}.duct-fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);background:var(--switch-off)}.duct-fill.cool{background:var(--accent)}.duct-base{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--text);opacity:.55}.air-gov{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding-top:var(--space-16);border-top:var(--hairline) solid var(--border)}.air-gov-text{font-size:var(--text-body-sm);color:var(--text-muted)}.fan-row{display:flex;flex-direction:column;gap:var(--space-12);padding: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-ctl{display:flex;flex-direction:column;gap:var(--space-6)}.fan-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);padding:var(--space-4);border-radius:var(--radius-12);background:var(--surface-2)}.fan-mode{min-height:38px;border:none;border-radius:var(--radius-10);background:transparent;color:var(--text-muted);font-size:var(--text-value);font-weight:600}.fan-mode.on{background:var(--accent);color:var(--on-accent)}.ceiling-speeds{grid-template-columns:repeat(5,1fr)}.fan-mode:focus-visible,.fan-step:focus-visible,.light-swatch:focus-visible{outline:none;box-shadow:0 0 0 var(--hairline) rgba(var(--accent-rgb),.35),0 0 14px rgba(var(--accent-rgb),.25)}.light-dial:focus-visible{outline:var(--space-2) solid rgba(var(--accent-rgb),.6);outline-offset:var(--space-2)}.light-dim-track:focus-visible{outline:var(--space-2) solid rgba(var(--accent-rgb),.6);outline-offset:var(--space-4)}.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 auto auto;align-items:center;gap:var(--space-6)}.fan-step{width:38px;height:38px;border:var(--hairline) solid var(--border);border-radius:var(--radius-12);background:var(--surface-2);color:var(--text);display:flex;align-items:center;justify-content:center}.fan-step:disabled{opacity:.35}.fan-level-num{min-width:34px;text-align:center;font-size:var(--text-title);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-10);width:100%;padding:var(--space-6) 0 var(--space-12)}.lights-page .card,.lights-page .sec-label{margin:0}.light-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-10);margin-bottom:var(--space-10)}.light-card-count{font-size:var(--text-label);color:var(--text-muted)}.light-card-count.warn{color:var(--warn)}.light-card-count.bad{color:var(--bad)}.light-card-body{display:grid;grid-template-columns:1fr auto;grid-template-areas:"read switch" "track track";align-items:center;gap:var(--space-10) var(--space-12)}.light-card-body .light-dim{display:contents}.light-card-body .switch{grid-area:switch}.light-card-state{grid-area:read;font-size:var(--text-body);color:var(--text-muted)}.light-look{flex:1;min-height:0;display:flex;flex-direction:column}.light-card.off .light-dim-fill{background:var(--muted-fill)}.light-card.off .light-dim.is-live .light-dim-fill{background:var(--accent-grad)}.light-look.is-off .light-dial{filter:saturate(.45) brightness(.7)}.light-dim-fill,.light-dial{transition:background .16s,filter .16s}.light-card-body .light-dim-track{grid-area:track}.light-dim-num{grid-area:read;display:flex;align-items:baseline;pointer-events:none}.light-dim-num .num{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.light-dim-num .unit{font-size:var(--text-body-sm);font-weight:500;color:var(--text-muted)}.light-dim-num.is-mixed .num-mixed{font-size:var(--text-body);font-weight:600;color:var(--warn)}.light-dim-num.is-off .num-off{font-size:var(--text-body);font-weight:600;color:var(--text)}.light-dim-track{position:relative;height:var(--target-44);cursor:pointer;touch-action:none}.light-dim-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:var(--space-8);transform:translateY(-50%);border-radius:var(--radius-pill);background:var(--track)}.light-dim-fill{position:absolute;left:0;top:50%;width:var(--level, 0%);height:var(--space-8);transform:translateY(-50%);border-radius:var(--radius-pill);background:var(--accent-grad)}.light-dim-knob{position:absolute;top:50%;left:clamp(var(--space-10),var(--level, 0%),calc(100% - var(--space-10)));width:var(--space-20);height:var(--space-20);margin-left:calc(-1 * var(--space-10));transform:translateY(-50%);border-radius:50%;background:var(--switch-knob);box-shadow:0 var(--hairline) var(--space-4) rgba(var(--shadow-rgb),.5);pointer-events:none}.lights-page .light-colors,.light-dial-stack{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-12)}.light-dial-row{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;container-type:size}.light-dial{position:relative;flex:none;width:calc(min(100cqw,100cqh)*.88);height:calc(min(100cqw,100cqh)*.88);border-radius:50%;touch-action:none;background:var(--hue-sweep)}.dial-disc{position:absolute;inset:13.265%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--surface) 92%,transparent),transparent);pointer-events:none}.dial-marker{position:absolute;width:calc(var(--space-20) + var(--space-2));height:calc(var(--space-20) + var(--space-2));margin:calc(-1 * (var(--space-10) + var(--hairline))) 0 0 calc(-1 * (var(--space-10) + var(--hairline)));border:var(--space-2) solid var(--switch-knob);border-radius:50%;pointer-events:none}.light-whites{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.light-swatch{position:relative;display:flex;align-items:center;justify-content:center;height:calc(var(--space-20) + var(--space-18));padding:0 var(--space-6);border:var(--hairline) solid var(--border);border-radius:var(--radius-10);background:var(--sw);color:var(--ink);font-size:var(--text-label);font-weight:600}.light-swatch:after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--target-44);transform:translateY(-50%)}@media(prefers-reduced-motion:reduce){.light-card,.light-dim-fill,.light-dial{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:var(--radius-18);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}.dev-panel{padding-bottom:var(--space-12)}.dev-panel label{display:block;font-size:var(--text-label);color:var(--text-muted);margin:var(--space-12) 0 5px}.dev-panel input{width:100%;padding:11px var(--space-12);border-radius:var(--radius-10);border:var(--hairline) solid var(--border);background:var(--surface-2);color:var(--text);font-size:var(--text-body)}.dev-actions{display:flex;margin-top:var(--space-18)}.dev-actions button{flex:1;padding:var(--space-12) 0;border-radius:var(--radius-10);border:var(--hairline) solid var(--accent);background:var(--accent-grad);color:var(--on-accent);font-size:var(--text-detail);font-weight:600}.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;padding:var(--space-4);margin:var(--space-2) 0 0}.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:var(--radius-12);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:var(--radius-pill);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:var(--radius-12);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:var(--text-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.atv-output .fmt{align-self:stretch;justify-content:center;align-items:flex-end;padding-block:var(--space-16)}.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;font:inherit;cursor:pointer}.tile .mode-tap{align-self:flex-start}.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}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-12)}.sheet-head .sec-label{margin:0}.sheet-head-back{justify-content:flex-start;gap:var(--space-6)}.sheet-back{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--accent);height:var(--text-label)}.sheet-back svg{flex-shrink:0}.sheet-back:after{content:"";position:absolute;inset:-11px}.room-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}.room-panel::-webkit-scrollbar{display:none}.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;display:flex;align-items:center;justify-content:center;padding:var(--space-12);border:none;background:none;border-radius:0;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:0;left:0;right:0;height:86px;align-items:flex-start}.clickring-down{bottom:0;left:0;right:0;height:86px;align-items:flex-end}.clickring-left{left:0;top:86px;bottom:86px;width:86px;justify-content:flex-start}.clickring-right{right:0;top:86px;bottom:86px;width:86px;justify-content:flex-end}.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:var(--radius-16);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)}.src-toggle{position:fixed;top:var(--space-20);right:calc(var(--space-64) + var(--space-12));z-index:999;display:flex;gap:var(--space-2);height:calc(var(--space-20) * 2 + var(--space-4));padding:var(--space-4);border:var(--hairline) solid var(--border);border-radius:var(--radius-pill);background:var(--surface);box-shadow:0 var(--space-4) var(--space-16) rgba(var(--shadow-rgb),.18)}.src-opt{border:none;border-radius:var(--radius-pill);padding:0 var(--space-14);background:transparent;color:var(--text-muted);font-size:var(--text-label);font-weight:600;transition:background .15s,color .15s}.src-opt.on{background:var(--accent);color:var(--on-accent);cursor:default}@media(hover:hover)and (pointer:fine){.src-opt:not(.on):hover{color:var(--text)}}.src-opt:focus-visible{outline:var(--space-2) solid rgba(var(--accent-rgb),.6);outline-offset:var(--space-2)}.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,.act-tile,.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,.act-tile: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,.clickring-arrow,.drawer-grip,.swatch{transition:color .18s,background .18s,opacity .18s}.page-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,.act-tile,.app-btn,.atv-apps-btn,.chan-row,.trim-btn,.acc-sec-head,.choice,.volbar-preset,.clickring-ok,.powerbtn-hd,.mutebtn-sm,.switch,.page-back,.clickring-arrow,.drawer-grip,.swatch{transition:none}.page-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:var(--radius-6);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:var(--radius-6);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}.act-tile.on{position:relative;isolation:isolate;overflow:hidden}.act-tile.on:after{content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:#e5534b47;pointer-events:none;z-index:-1}.act-tile.on.holding:after{transform:scaleX(1);transition:transform var(--hold-ms) linear}@media(prefers-reduced-motion:reduce){.act-tile.on.holding:after{transition:none;transform:scaleX(1)}}.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:var(--radius-16);background:var(--surface);color:var(--text);text-align:left}.room-row-icon{grid-area:icon;display:flex;color:var(--accent)}.room-row-name{grid-area:name;font-size:var(--text-body)}.room-row-state{grid-area:state;display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-body-sm);color:var(--text-muted)}.scene-tile.tone-theater .act-icon{color:var(--accent)}.scene-tile.tone-reset .act-icon{color:var(--warn)}.scene-tile.tone-night .act-icon{color:var(--ok)}.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}