:root{--layout-columns:3;--mobile-columns:2}body{font-family:Arial,sans-serif;background:#1c1c19}.texture{background:radial-gradient(ellipse at 10% 70%,#63635a44,transparent 65%),linear-gradient(130deg,#34342f,#1c1c19 70%)}.page-dots span{font-size:9px;letter-spacing:.24em;color:#c39a2e}main{max-width:1150px}.tile{min-height:190px}.tile>svg{width:68px;height:68px}.tile .activity{width:6px;height:6px}.mode-line{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 18px;font-size:11px;color:#babbb0}#mode-badge{color:#d5ba77;border:1px solid #c39a2e55;border-radius:20px;padding:7px 12px;font-size:9px;letter-spacing:.1em}.matrix-note{text-align:center;line-height:1.7;font-size:11px;color:#999d92;margin:24px auto 0;max-width:580px}.demo{font-size:8px}#signout{font-size:12px;color:#b9bbae}dialog{background:linear-gradient(145deg,#383a32,#20221e);width:610px}dialog.wide{width:940px}dialog input:not([type=range]):not([type=checkbox]),dialog select,dialog textarea{background:#1c1c19;border:1px solid #ffffff30;border-radius:5px;padding:12px;color:#e4e4dc;width:100%;font:inherit;font-size:14px}dialog label{display:block;font-size:12px;color:#bfc2b5;margin:15px 0 7px}dialog textarea{min-height:105px;resize:vertical}dialog p{line-height:1.7;color:#b8bbad;font-size:13px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#c39a2e}h1{font-weight:300;font-size:40px;line-height:1.12;margin-bottom:18px}.action{min-height:44px;font-size:13px;padding:12px 18px}.primary{background:#c39a2e28;border-color:#c39a2e88}.danger{border-color:#b4756844;color:#e3b2a4}.remote{grid-template-columns:repeat(3,68px);gap:12px}.remote button{height:62px;font-size:24px;touch-action:manipulation}.remote .ok{font-size:15px}.remote button:disabled,.action:disabled{opacity:.3;cursor:default}.remote-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.now-playing{border:1px solid #ffffff18;border-radius:6px;padding:15px;text-align:center;margin-bottom:18px}.now-playing strong{display:block;font-size:16px;font-weight:400}.now-playing small{display:block;margin-top:8px;color:#afb4a3;font-size:11px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-section{border-top:1px solid #ffffff20;padding-top:18px;margin-top:24px}.settings-section h3{font-size:18px;font-weight:400}.help{font-size:11px!important;color:#a7ae9e!important}.device-choice{display:block;width:100%;text-align:left;border:1px solid #ffffff22;border-radius:6px;padding:15px;margin:8px 0;min-height:60px}.device-choice.selected{border-color:#c39a2e}.device-choice small{display:block;color:#a8ae9e;margin-top:7px;font-size:11px}.status-box{font-size:12px;line-height:1.7;color:#cfbd8b;overflow-wrap:anywhere}.log-row{display:flex;gap:15px;border-bottom:1px solid #ffffff12;padding:12px 0;font-size:12px;line-height:1.5}.log-row time{color:#c39a2e;flex-shrink:0}.checkbox{display:flex;gap:10px;align-items:center}.checkbox input{accent-color:#c39a2e;width:20px;height:20px}.room-choice{min-height:65px}#login::backdrop{background:#171915ed;backdrop-filter:blur(12px)}#login{max-width:440px;padding:36px}#login-message{color:#e0ae97}.activity-card{border:1px solid #ffffff20;padding:18px;border-radius:6px;margin:12px 0}.activity-card h3{margin:0 0 14px}.inline{display:flex;gap:10px;align-items:end}.inline>label{flex:1}.inline .action{margin-bottom:0}.subtle{color:#aab1a0}button.busy{opacity:.5;pointer-events:none}#panel-content>p:first-child{margin-top:0}#toast{max-width:88vw;line-height:1.6}.room-list-edit{display:flex;flex-direction:column;gap:8px}.room-edit{display:flex;gap:8px}.room-edit input{flex:1}.room-edit button{flex-shrink:0}#customize-home[hidden]{display:none}@media(max-width:700px){.split{grid-template-columns:1fr}.mode-line{align-items:flex-start;font-size:10px}.tile{min-height:155px}.tile>svg{width:57px;height:57px}.demo{font-size:6px}.remote{grid-template-columns:repeat(3,65px)}.inline{flex-wrap:wrap}.inline>label{min-width:150px}dialog{padding:22px}.room-edit{flex-wrap:wrap}h1{font-size:34px}}@media(orientation:landscape) and (max-height:700px) and (min-width:700px){header{height:100px}main{margin-bottom:80px;min-height:calc(100dvh - 180px)}.tile{min-height:145px}.tile>svg{height:50px;width:50px}footer{height:60px}}

/* HOME_AV_PAIRING_FEEDBACK_1 */
.action-error{color:#f0baa5!important;border-left:3px solid #c39a2e;padding:12px 14px;background:#1c1c19;border-radius:4px;overflow-wrap:anywhere;line-height:1.6}

/* HOME_AV_HEADER_ACTIONS_1 */
header{display:grid;grid-template-columns:48px minmax(0,1fr)104px;gap:10px;align-items:start;padding-top:28px}
header .room-heading{position:static;left:auto;top:auto;transform:none;min-width:0;text-align:center}
header #room-switch{min-width:0;width:100%;padding:7px 4px}
header #room-name{white-space:normal;overflow-wrap:anywhere}
.header-actions{display:flex;align-items:center;gap:8px;justify-self:end;width:104px}
header .header-actions #customize-home,header .header-actions #fullscreen{position:static;inset:auto;display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;margin:0;padding:0;font-size:23px;opacity:.85}
header .header-actions #customize-home[hidden]{display:none}
@media(max-width:600px){header{padding:24px 12px 0;gap:6px;grid-template-columns:40px minmax(0,1fr)104px;height:140px}header #room-name{font-size:20px}header #brand{width:40px}}

/* Home AV recording wizard */
.rec-mode{color:#d6bc78!important;border:1px solid #c39a2e55;padding:12px;border-radius:5px}.rec-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.rec-form>.help{grid-column:1/-1}.rec-controls{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.rec-summary{color:#d9c184!important}.recorded-steps{padding-left:25px}.recorded-step{padding:10px;border-bottom:1px solid #ffffff18;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:55px}.recorded-step>span{min-width:70px}.recorded-step input{width:90px!important}.step-actions{display:flex;gap:5px;margin-left:auto}.step-actions .action{padding:8px 12px;min-height:40px}.saved-path{border:1px solid #c39a2e44;padding:14px;margin:12px 0;border-radius:6px}.saved-path>strong,.saved-path>small{display:block;margin-bottom:8px}.saved-path>small{color:#b1b9a5;font-size:11px}dialog .rec-form .checkbox{align-self:center}@media(max-width:600px){.rec-form{grid-template-columns:1fr}.step-actions{width:100%;margin-left:0}.recorded-step{padding:12px 0}}