.server-sensor-card{gap:.55rem}.server-sensor-metric{justify-content:space-between;gap:1rem;display:flex}.server-sensor-card meter{width:100%;height:.65rem;accent-color:var(--accent,#68b5a0)}.server-sensor-card>small{opacity:.7}.server-sensor-power{margin:.3rem 0}.activity-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ledger-search{flex:0 360px}.activity-filters input[type=search]{width:100%;min-width:180px}.ledger-chips{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;gap:2px;padding:3px;display:flex}main .ledger-chip{min-height:36px;box-shadow:none;color:var(--text-4);background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}main .ledger-chip span{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-4);font-weight:500}main .ledger-chip[aria-pressed=true]{background:var(--surface-3);color:var(--text)}main .ledger-chip[aria-pressed=true] span{color:var(--accent)}.panel.ledger{gap:4px;min-width:0;display:grid}.ledger-group,.ledger-group .activity-list{gap:2px;min-width:0;display:grid}.ledger-hour{letter-spacing:.12em;color:var(--text-4);text-transform:uppercase;align-items:center;gap:12px;margin:10px 0 2px;font-size:11px;font-weight:700;display:flex}.ledger-hour:after{background:var(--line);content:"";flex:1;height:1px}main .ledger-more{justify-self:center;margin-top:8px}.activity-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.activity-row{border-bottom:1px solid var(--line-soft);border-radius:10px;grid-template-columns:200px minmax(0,1fr) auto;align-items:center;column-gap:16px;min-height:52px;padding:8px 12px;font-size:14px;display:grid}.activity-row:last-child{border-bottom:0}.activity-actor{min-width:0;color:var(--text-3);align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.activity-actor-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.activity-actor-icon{background:var(--surface-3);width:28px;height:28px;color:var(--text-3);border-radius:8px;flex:none;place-items:center;font-size:14px;line-height:1;display:grid}.activity-actor.is-assistant .activity-actor-icon{background:var(--accent-soft);color:var(--accent)}.activity-actor.is-automation .activity-actor-icon,.activity-actor.is-scene .activity-actor-icon{background:var(--cool-soft);color:var(--cool)}.activity-actor.is-thermostat .activity-actor-icon{color:var(--warn)}.activity-what strong{color:var(--card-title,var(--text));margin-right:6px}.activity-note{color:var(--text-4);grid-column:2;font-size:11px}.activity-row time{color:var(--text-4);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.activity-row.is-failed .activity-note{color:var(--bad)}.activity-row.is-uncertain .activity-note{color:var(--warn)}.activity-empty{color:var(--text-4);margin:0;font-size:13px}.activity-list.is-compact .activity-row{grid-template-columns:minmax(0,auto) minmax(0,1fr);padding:6px 8px}.activity-list.is-compact .activity-row time{grid-column:2}.device-history{border:0;border-top:1px solid var(--line);margin:16px 0 0;padding:12px 0 0}.device-history>legend{color:var(--text-3);padding:0;font-size:12px}@media (width<=640px){.activity-row{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;row-gap:2px;min-height:0;padding:10px 12px}.activity-actor{grid-area:1/1}.activity-row time{grid-area:1/2}.activity-what,.activity-note{grid-column:1/-1}}.hue-setup,.hue-form,.hue-features{flex-direction:column;gap:16px;min-width:0;display:flex}.hue-form{padding:16px 0}.hue-form label,.hue-value label{flex-direction:column;gap:8px;min-width:0;display:flex}.hue-form input,.hue-form select,.hue-value input{width:100%;min-width:0}.hue-form .hue-check{flex-direction:row;align-items:center}.hue-check input{width:18px;height:18px}.hue-device-row{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:14px;display:flex}.hue-device-row small{margin-top:6px;display:block}.hue-features h3{letter-spacing:.04em;text-transform:uppercase;color:var(--text-4);margin:0;font-size:13px}.hue-reading{overflow-wrap:anywhere;justify-content:space-between;gap:12px;font-size:13px;display:flex}.hue-value{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.hue-value label{font-size:12px}.hue-value input{height:40px}.hue-on{background:var(--accent);color:#102019}.hue-features button{white-space:normal}.smartthings-setup{margin-top:24px;display:block}.smartthings-setup p,.smartthings-setup small{color:var(--text-3);line-height:1.6}.smartthings-setup a{color:var(--accent)}.st-setup-toolbar{flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0;display:flex}.st-token-form{grid-template-columns:1fr auto;align-items:end;gap:16px;display:grid}.st-token-form small,.st-full,.st-oauth-form>p{grid-column:1/-1}.st-oauth-form{grid-template-columns:1fr 1fr;align-items:end;gap:16px;display:grid}.st-device-card{border:1px solid var(--line);background:linear-gradient(160deg, var(--surface), var(--bg));border-radius:22px;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex;box-shadow:0 18px 40px -22px #000c}.st-device-card.offline{opacity:.6}.st-card-heading{align-items:center;gap:5px;padding-left:23px;display:flex}.st-card-heading h3{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:14px;overflow:hidden}.st-card-heading button{padding:5px 8px}.st-climate-reading{justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.st-climate-reading strong{letter-spacing:-2px;color:var(--text);font-size:44px;font-weight:800;line-height:1}.st-climate-reading span{color:var(--text-4);margin-left:3px;font-size:18px;font-weight:700}.st-climate-reading small{color:var(--text-4);margin-top:4px;display:block}.st-power{width:52px;height:52px;color:var(--text-4);background:0 0;border:1px solid #ffffff1a;border-radius:50%;place-items:center;display:grid}.on .st-power{color:var(--accent);background:#e4b45b10;border-color:#e4b45b4d;box-shadow:0 0 22px -6px #e4b45b59}.st-climate-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.st-climate-controls label{color:var(--text-3);min-width:0;font-size:11px}.st-climate-controls select{width:100%;margin-top:5px;padding:8px;font-size:12px}.st-setpoint{grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;display:flex}.st-setpoint-label{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.st-stepper{border:1px solid var(--line);background:#00000026;border-radius:12px;align-items:center;gap:4px;padding:3px;display:flex}main .st-stepper button{color:#9fb1c2;background:0 0;border:0;border-radius:9px;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:16px;line-height:1;display:grid}main .st-stepper button:hover:not(:disabled){background:var(--line);color:var(--text)}.st-stepper output{text-align:center;min-width:4.2ch;color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.st-stepper output i{color:var(--text-4);font-size:11px;font-style:normal;font-weight:600}.st-card-footer{color:#8ca8ba;justify-content:space-between;margin-top:auto;font-size:11px;display:flex}.st-online{color:var(--accent)}.st-error{color:var(--bad)}.st-waiting{color:var(--warn);animation:1.2s linear infinite st-spin}.st-power.is-waiting,main .hc-hero.is-waiting{cursor:progress;position:relative}.st-power.is-waiting:disabled,main .hc-hero.is-waiting:disabled{opacity:1}.st-power.is-waiting:after,main .hc-hero.is-waiting:after{border:2px solid var(--warn) 2\65 ;border-top-color:var(--warn);content:"";pointer-events:none;border-radius:50%;animation:.9s linear infinite st-spin;position:absolute;inset:-3px}.st-waiting-label{color:var(--warn)}@media (prefers-reduced-motion:reduce){.st-power.is-waiting:after,main .hc-hero.is-waiting:after{border-color:var(--warn);border-style:dashed;animation:none}}@keyframes st-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.st-waiting{animation:none}}@media (width<=640px){.st-token-form,.st-oauth-form{grid-template-columns:1fr}}.st-windfree{color:var(--text-3);justify-content:center;align-self:end;align-items:center;gap:8px;display:flex}.st-windfree span{font-size:25px}.st-windfree[aria-pressed=true]{color:var(--accent);background:#65d6bb18;border-color:#65d6bb}.st-pending .st-windfree{color:var(--warn)}.st-features{border-top:1px solid var(--line);margin-top:22px;padding-top:12px}.st-features>input{width:100%;margin-bottom:12px}.st-feature{border:1px solid var(--line);border-radius:12px;margin-top:8px;padding:12px}.st-feature summary{cursor:pointer;font-size:14px}.st-feature summary small{color:var(--text-3);margin-left:10px;font-size:11px}.st-feature dl{gap:8px;display:grid}.st-feature dl>div{grid-template-columns:minmax(100px,1fr) minmax(0,1.4fr);gap:12px;font-size:12px;display:grid}.st-feature dt{color:var(--text-3);overflow-wrap:anywhere}.st-feature dd{overflow-wrap:anywhere;margin:0}.st-feature-command{border-top:1px solid var(--line);gap:10px;padding:12px 0;display:grid}.st-feature-command strong{font-size:13px}.st-feature-command label{gap:5px;font-size:12px;display:grid}.st-feature-command textarea{width:100%;min-height:80px}.st-feature-command input,.st-feature-command select{width:100%;min-width:0}.st-feature-command>button{justify-self:end}.st-climate-controls .st-segment-row{flex:100%;grid-column:1/-1;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.st-segment-label{color:var(--text-4);flex:0 0 28px;font-size:11px}.st-segment{flex-wrap:nowrap;gap:2px;min-width:0;display:flex;overflow:hidden}main .st-segment button{width:30px;min-width:0;height:30px;min-height:0;box-shadow:none;color:var(--text-4);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;line-height:1;transition:background .15s,color .15s;display:inline-grid}main .st-segment button svg{width:16px;height:16px}main .st-segment button:has(.st-segment-text){width:auto;padding:0 6px}main .st-segment button:hover:not(:disabled){color:var(--text);background:var(--line-soft)}main .st-segment button[aria-pressed=true]{color:var(--accent);background:#e4b45b1a}main .st-segment button[aria-pressed=true][data-value=cool]{color:#a9dbff;background:#6ec3ff1f}main .st-segment button[aria-pressed=true][data-value=heat]{color:#ffcf9a;background:#ffa85c1f}main .st-segment button[aria-pressed=true][data-value=dry]{color:#b5f1ea;background:#7fe0d61f}main .st-segment button:disabled{opacity:.45;cursor:default}main .st-segment button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.st-segment-text{white-space:nowrap;font-size:10px}.hc-target{text-align:center;font-variant-numeric:tabular-nums;min-width:48px;font-size:18px}.hc-rest{gap:10px;margin-top:14px;display:grid}.hc-rest h3{color:var(--text-3);margin:0;font-size:13px}.hc-rest label{color:var(--text-3);gap:4px;font-size:12px;display:grid}.hc-rest .actions{align-items:center;gap:6px;display:flex}.hc-rest .actions strong{color:var(--text)}.hc-action-hero>div{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}main .hc-hero{background:var(--line-soft);width:72px;height:72px;box-shadow:none;color:#cfe3d8;border:0;border-radius:50%;place-items:center;padding:0;transition:color .15s,background .15s;display:grid}main .hc-hero[aria-pressed=true]{color:var(--accent);background:#65d6bb16;box-shadow:0 0 22px #65d6bb12}main .hc-hero:disabled{opacity:.5}@media (hover:hover){main .hc-hero:hover:not(:disabled){color:var(--text);background:var(--line)}}.hue-card .channel-heading,.govee-card .channel-heading{position:relative;overflow:hidden}.color-dot{border:1px solid var(--line-strong);cursor:pointer;border-radius:50%;place-items:center;width:18px;min-width:18px;height:18px;display:inline-grid;position:absolute;bottom:0;right:0}.color-dot.is-unknown{background:conic-gradient(#f2645a, #f3c14f, var(--accent), #6fa8ff, #b48cf0, #f2645a)!important}.color-dot input[type=color]{opacity:0;cursor:pointer;border:0;border-radius:50%;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.color-dot:focus-within{outline:2px solid var(--accent);outline-offset:2px}.govee-settings{gap:14px;padding:4px 0 8px;display:grid}.govee-settings label{gap:6px;display:grid}.govee-settings form{gap:10px;display:grid}.govee-settings input[type=color]{width:100%;min-height:44px}main button.st-tv-launch{min-height:44px;color:var(--accent);box-shadow:none;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:14px;padding:8px;display:flex}.st-tv-launch span{font-size:12px}dialog.st-tv-dialog{color:#edf2f7;background:#141b23;border:1px solid #ffffff20;border-radius:30px;width:min(390px,100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:auto;box-shadow:0 30px 100px #0009}.st-tv-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a12b8}.st-tv-remote header{justify-content:space-between;align-items:center;gap:12px;display:flex}.st-tv-remote header small{letter-spacing:2.5px;color:#91a4b9;font-size:9px}.st-tv-remote h2{overflow-wrap:anywhere;margin:7px 0 0;font-size:21px}.st-tv-dialog .st-tv-remote button{color:#edf2f7;min-width:44px;min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;background:#222d3a;border:1px solid #ffffff0d;border-radius:14px;padding:10px;box-shadow:0 3px 5px #0002}.st-tv-dialog .st-tv-remote button:hover:not(:disabled){background:#324252}.st-tv-dialog .st-tv-remote button:active:not(:disabled){transform:scale(.96)}.st-tv-dialog .st-tv-remote button:focus-visible{outline-offset:3px;outline:2px solid #a9dacc}.st-tv-dialog .st-tv-remote button:disabled{opacity:.3;cursor:not-allowed}.st-tv-dialog .st-tv-remote .st-tv-close{box-shadow:none;background:0 0;border:0;font-size:25px}.st-tv-status{color:#a8b7c6;justify-content:space-between;align-items:center;margin:22px 0 16px;font-size:12px;display:flex}.st-tv-status>span:before{content:"";background:#718096;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.st-tv-status>span[data-online=true]:before{background:#9cd5bf;box-shadow:0 0 10px #9cd5bf50}.st-tv-dialog .st-tv-remote .st-tv-power{color:#ffa9a6;background:#3d282d;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.st-tv-display{background:linear-gradient(120deg,#26392f,#202d37);border:1px solid #bedbce13;border-radius:18px;flex-direction:column;gap:7px;padding:18px 20px;display:flex}.st-tv-display small{letter-spacing:2px;color:#a6bfb1;font-size:9px}.st-tv-display strong{letter-spacing:-.7px;overflow-wrap:anywhere;font-size:23px}.st-tv-display>span{color:#a5b5b0;font-size:11px}.st-tv-navigation{background:linear-gradient(145deg,#2b3644,#1a232e);border:1px solid #ffffff12;border-radius:50%;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4px;width:210px;height:210px;margin:24px auto 16px;padding:6px;display:grid;box-shadow:0 8px 18px #0004,inset 0 1px #ffffff0a}.st-tv-dialog .st-tv-navigation button{box-shadow:none;background:0 0;border:0;border-radius:50%;font-size:28px}.st-tv-up{grid-area:1/2}.st-tv-left{grid-area:2/1}.st-tv-right{grid-area:2/3}.st-tv-down{grid-area:3/2}.st-tv-dialog .st-tv-navigation .st-tv-ok{color:#15271e;background:#b6d8c8;grid-area:2/2;font-size:14px;font-weight:700;box-shadow:0 4px 10px #0005}.st-tv-shortcuts{justify-content:space-between;gap:12px;display:flex}.st-tv-dialog .st-tv-shortcuts button{box-shadow:none;background:0 0;flex:1;font-size:12px}.st-tv-hint{text-align:center;color:#9caec0;margin:10px 0;font-size:11px;line-height:1.5}.st-tv-rockers{grid-template-columns:1fr 1fr 1fr;gap:16px;margin:20px 0;display:grid}.st-tv-rockers>div:not(.st-tv-middle){background:#1e2935;border:1px solid #ffffff0a;border-radius:24px;flex-direction:column;align-items:stretch;padding:5px;display:flex}.st-tv-dialog .st-tv-rockers>div:not(.st-tv-middle) button{box-shadow:none;background:0 0;border:0;font-size:24px}.st-tv-rockers span{text-align:center;letter-spacing:1.5px;color:#9aabba;flex-direction:column;gap:5px;padding:7px 0;font-size:9px;display:flex}.st-tv-rockers strong{letter-spacing:0;color:#edf2f7;overflow-wrap:anywhere;font-size:17px}.st-tv-middle{flex-direction:column;justify-content:space-between;gap:6px;display:flex}.st-tv-dialog .st-tv-middle button{font-size:12px}.st-tv-sources h3,.st-tv-channel label{color:#a5b7c8;margin:0 0 10px;font-size:12px;font-weight:500;display:block}.st-tv-sources>div{flex-wrap:wrap;gap:8px;display:flex}.st-tv-dialog .st-tv-sources button{flex:1 0 auto;font-size:11px}.st-tv-dialog .st-tv-sources button[aria-pressed=true]{color:#b6d8c8;background:#b6d8c815;border-color:#a2cbb2}.st-tv-channel{margin-top:18px}.st-tv-channel>div{gap:8px;display:flex}.st-tv-channel input{color:#edf2f7;background:#111923;border:1px solid #ffffff20;border-radius:12px;width:100%;min-width:0;padding:12px}.st-tv-channel button{white-space:nowrap}.st-tv-remote footer{text-align:center;color:#91a4b9;letter-spacing:.4px;margin-top:20px;font-size:10px}@media (width<=360px){.st-tv-remote{padding:18px}.st-tv-rockers{gap:10px}}@media (prefers-reduced-motion:reduce){.st-tv-dialog .st-tv-remote button:active:not(:disabled){transform:none}}.st-tv-remote{padding:14px 18px}.st-tv-remote h2{margin-top:3px;font-size:18px}.st-tv-status{margin:4px 0 8px}.st-tv-display{gap:3px;padding:10px 14px}.st-tv-display strong{font-size:18px}.st-tv-display>span{display:none}.st-tv-tabs{gap:6px;margin:8px 0;display:flex}.st-tv-dialog .st-tv-tabs button{box-shadow:none;background:0 0;flex:1;font-size:12px}.st-tv-dialog .st-tv-tabs button[aria-pressed=true]{color:#b6d8c8;background:#2b3d3c}.st-tv-navigation{box-sizing:border-box;gap:2px;width:156px;height:156px;margin:8px auto;padding:4px}.st-tv-dialog .st-tv-navigation button{padding:4px}.st-tv-rockers{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.st-tv-rockers>div:not(.st-tv-middle){border-radius:14px;flex-direction:row;justify-content:space-between;align-items:center;padding:0}.st-tv-rockers span{letter-spacing:0;gap:1px;padding:0;font-size:8px}.st-tv-rockers strong{font-size:12px}.st-tv-middle{flex-direction:row;grid-area:2/1/auto/-1}.st-tv-middle button{flex:1}.st-tv-remote footer{justify-content:center;align-items:center;gap:7px;height:32px;margin-top:8px;display:flex}.st-tv-command-indicator{background:#718096;border-radius:50%;flex:0 0 6px;height:6px}.st-tv-remote footer[data-pending=true] .st-tv-command-indicator{background:#b6d8c8;box-shadow:0 0 8px #b6d8c880}.st-tv-apps>div{grid-template-columns:1fr 1fr;display:grid}.st-tv-dialog .st-tv-apps button{width:100%;min-height:56px}.ydwg-card .ydwg-hero{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px 0;display:flex}.ydwg-card .ydwg-hero strong{font-variant-numeric:tabular-nums;color:var(--text);font-size:28px}.ydwg-card .ydwg-readings{flex-direction:column;gap:4px;display:flex}.ydwg-card .ydwg-reading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ydwg-card .ydwg-reading span{color:var(--text-3);font-size:13px}.ydwg-card .ydwg-reading strong{font-variant-numeric:tabular-nums;color:var(--text)}.ydwg-card .is-stale{color:var(--text-4)}.ydwg-card .ydwg-meter{width:100%;height:8px;accent-color:var(--cool);margin-top:4px}.ydwg-card .ydwg-waiting{color:var(--text-3)}.ydwg-setup{flex-direction:column;gap:12px;display:flex}.ydwg-address{flex-wrap:wrap;gap:8px;display:flex}.ydwg-address input{flex:1;min-width:160px}.ydwg-status{color:var(--text-3);margin:0}.ydwg-target-room{flex-direction:column;gap:4px;display:flex}.ydwg-discovery{border-top:1px solid var(--line-soft);flex-direction:column;gap:6px;padding-top:8px;display:flex}.ydwg-discovery-group{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:2px;padding-bottom:6px;display:flex}.ydwg-discovery-row{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.ydwg-discovery-row.is-signal{padding-left:16px}.ydwg-discovery-row.is-signal .ydwg-discovery-name{color:var(--text-3);font-size:13px}.ydwg-discovery-name{font-weight:600}.ydwg-discovery-value{color:var(--text-3);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.ydwg-expand{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:12px}.bthome-setup{margin-top:24px;display:block}.bthome-setup p,.bthome-setup small{color:var(--text-3);line-height:1.6}.bthome-setup h3{letter-spacing:.04em;text-transform:uppercase;color:var(--text-4);margin:20px 0 8px;font-size:13px}.bthome-notify{flex-wrap:wrap;gap:6px 18px;margin-bottom:8px;display:flex}.bthome-notify label{align-items:center;gap:6px;font-size:13px;display:flex}.bthome-ok{color:var(--accent)}.bthome-bad{color:var(--bad)}.bthome-muted{color:#6f8597}.bthome-pair{grid-column:1/-1;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-top:8px;display:grid}.bthome-pair small{grid-column:1/-1}@media (width<=640px){.bthome-pair{grid-template-columns:1fr}}.bthome-visual{justify-content:center;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.bthome-caption{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;color:var(--card-muted,var(--text-4));overflow:hidden}.bthome-hero{width:var(--tile-hero,52px);height:var(--tile-hero,52px);color:var(--text-4);transition:color var(--slow,.32s) var(--ease,ease);flex:none}.bthome-hero.is-active{color:var(--accent)}.bthome-hero.is-muted{opacity:.6}.bthome-chips{flex-wrap:wrap;justify-content:center;gap:4px;min-width:0;max-width:100%;margin-top:2px;display:flex;overflow:hidden}.bthome-chips span{border:1px solid var(--card-line,var(--line));max-width:100%;color:var(--card-muted,var(--text-4));white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:1px 7px;font-size:10.5px;line-height:1.5;overflow:hidden}.bthome-battery-low{color:var(--bad)}.bthome-details{gap:6px;margin:14px 0;font-size:12px;display:grid}.bthome-details>div{grid-template-columns:minmax(90px,1fr) minmax(0,1.6fr);gap:10px;display:grid}.bthome-details dt{color:var(--text-3)}.bthome-details dd{overflow-wrap:anywhere;margin:0}.bthome-remove{color:var(--bad)}.bthome-button-row{flex-wrap:wrap;gap:5px}.bthome-button-pill{border:1px solid var(--card-line,var(--line));font-variant-numeric:tabular-nums;width:30px;height:30px;color:var(--card-muted,var(--text-4));transition:color var(--slow,.32s) var(--ease,ease), border-color var(--slow,.32s) var(--ease,ease), background var(--slow,.32s) var(--ease,ease);background:#14233066;border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:inline-grid}.bthome-button-pill.is-idle{opacity:.65}.bthome-button-pill.is-last{color:var(--accent);background:#43937629;border-color:#66b99a}.media-setup{margin-top:24px;display:block}.media-setup p,.media-setup small{color:var(--text-3);line-height:1.6}.media-setup code{color:var(--text-2);font-size:.9em}.media-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.media-row{border-top:1px solid var(--line);padding:10px 0}.media-row.is-listed{opacity:.75}.media-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.media-head .who{min-width:0;display:grid}.media-head .who small{color:var(--text-4);text-overflow:ellipsis;overflow:hidden}.media-head .actions{flex:none;align-items:center;gap:8px;display:flex}.media-head .actions select{max-width:140px;padding:6px 8px;font-size:12px}.media-ok{color:var(--accent)}.media-bad{color:var(--bad)}.media-muted{color:#6f8597}.media-play{grid-template-columns:minmax(120px,1fr) minmax(160px,2fr) minmax(140px,1fr) auto;align-items:end;gap:10px 12px;margin-top:10px;display:grid}.media-play label{min-width:0;color:var(--text-3);gap:4px;font-size:12px;display:grid}.media-play input,.media-play select{box-sizing:border-box;width:100%}.media-wide{grid-column:1/-1}.media-volume input[type=range]{padding:4px 0}.media-buttons{gap:6px;display:flex}@media (width<=700px){.media-play{grid-template-columns:1fr 1fr}.media-buttons{grid-column:1/-1}.media-head{flex-direction:column;align-items:stretch}}.media-pair{flex-wrap:wrap;align-items:end;gap:10px;margin-top:8px;display:flex}.media-pair label{color:var(--text-3);gap:4px;font-size:12px;display:grid}.media-pair input{letter-spacing:.2em;text-align:center;width:120px}textarea{resize:vertical;border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:8px;padding:12px;font-size:14px}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.danger{color:var(--bad);border-color:#7a4a47}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;padding:10px 0 18px;display:flex}.page-head h1{margin:2px 0 4px;font-size:clamp(24px,4vw,30px);line-height:1.15}.page-head p{max-width:60ch;color:var(--text-3);margin:0;font-size:13px;line-height:1.5}.page-head .eyebrow{margin:0}.automation-settings{margin:0;position:relative}.automation-settings summary{border:1px solid var(--surface-2);background:var(--line-soft);cursor:pointer;color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;list-style:none;display:inline-flex}.automation-settings summary::-webkit-details-marker{display:none}.automation-settings[open] summary{color:var(--text);border-color:#e4b45b66}.automation-settings form{border:1px solid var(--surface-2);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:end;gap:10px;max-width:520px;margin-top:10px;padding:12px;display:flex}.automation-settings form label{flex:120px;font-size:12px}.automation-settings form input{padding:8px;font-size:13px}.automation-settings form button{padding:8px 12px;font-size:12px}.automation-settings form small{color:var(--text-4);flex-basis:100%}.section-head{border-bottom:1px solid var(--surface);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:22px 0 10px;padding-bottom:8px;display:flex}.section-head h2{margin:0;font-size:15px;font-weight:650}.section-head .count{background:var(--line-soft);color:var(--text-3);border-radius:999px;margin-left:4px;padding:1px 8px;font-size:11px;font-weight:600}.section-hint{color:var(--text-4);flex:240px;margin:0;font-size:12px}.section-head button{border-radius:8px;margin-left:auto;padding:7px 12px;font-size:12px}.automation-list[hidden]{display:none}.automation-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:10px;display:grid}.automation-list>.automation-editor,.automation-list>.scene-editor,.automation-list>.empty,.automation-list>p{grid-column:1/-1}.automation-card{border:1px solid var(--surface-2);background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}@media (hover:hover){.automation-card:hover{background:#172330;border-color:#35485a}}.automation-card.is-disabled{opacity:.6}.automation-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.automation-card h3{margin:0;font-size:14px;line-height:1.3}.automation-card-top p{color:var(--text-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:12px;display:-webkit-box;overflow:hidden}.automation-toggle{white-space:nowrap;flex-direction:row;align-items:center;gap:6px}.automation-toggle input{width:18px;height:18px;accent-color:var(--accent)}.automation-card .switch{flex:none;margin-top:1px}.automation-card .switch input{appearance:none;cursor:pointer;background:#2b3a49;border:0;border-radius:999px;width:36px;height:20px;margin:0;padding:0;transition:background .15s;position:relative}.automation-card .switch input:before{content:"";background:#c3d0dc;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.automation-card .switch input:checked{background:#3f8f6c}.automation-card .switch input:checked:before{background:var(--text);transform:translate(16px)}.automation-card .switch input:disabled{cursor:wait}.automation-summary{background:var(--bg-deep);color:var(--text-2);border-radius:12px;gap:10px;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.45;display:grid}.summary-row{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;display:grid}.summary-icon{background:var(--accent-soft);width:20px;height:20px;color:var(--accent);border-radius:6px;place-items:center;font-size:11px;display:grid}.summary-row.is-condition .summary-icon{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok)}.summary-row.is-action .summary-icon{background:var(--cool-soft);color:var(--cool)}.summary-row ol{margin:0;padding-left:16px}.summary-row ol li+li{margin-top:1px}.card-foot{border-top:1px solid var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin-top:auto;padding-top:8px;display:flex}.automation-meta{color:var(--text-4);margin:0;font-size:11px}.card-actions{gap:6px;margin-left:auto;display:flex}.card-actions button{border-radius:8px;padding:5px 10px;font-size:12px}.card-actions .danger{min-width:30px;padding:5px 8px}.automation-card .actions,.automation-editor .actions{flex-wrap:wrap;align-items:center}.automation-editor{border:1px solid var(--accent-line);background:var(--surface);border-radius:12px;gap:12px;padding:14px;display:grid}.editor-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;display:grid}.rule-list{border:1px solid var(--surface-2);border-radius:10px;gap:8px;min-width:0;margin:0;padding:10px 12px 12px;display:grid}.rule-list>small{color:var(--text-4)}.rule-list legend{font-size:13px;font-weight:600}.rule-list>button{justify-self:start;padding:7px 12px;font-size:12px}.rule{background:var(--bg);border-radius:8px;align-items:flex-start;gap:8px;padding:8px;display:flex}.rule-fields{flex:1;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));align-items:end;gap:8px;min-width:0;display:grid}.rule-fields label{gap:4px;font-size:11px}.rule-fields input,.rule-fields select{padding:7px;font-size:12px}.rule-fields .automation-toggle{white-space:normal;flex-direction:row;align-items:center;gap:8px;min-height:34px;font-size:12px;display:flex}.rule-fields .automation-toggle input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:18px;height:18px;min-height:0;accent-color:var(--accent);background:0 0;border:0;flex:none;margin:0;padding:0}.rule-remove{padding:6px 9px;font-size:12px}.day-picker{flex-wrap:wrap;grid-column:1/-1;gap:4px;display:flex}.day-picker button{padding:5px 8px;font-size:11px}.day-picker button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.automation-tabs{margin:22px 0 12px}.automation-tabs .tab-action{border-radius:8px;margin-left:auto;padding:7px 12px;font-size:12px}dialog.integration-modal.automation-modal{width:min(960px,94vw)}.automation-modal .automation-editor{background:0 0;border:0;grid-template-columns:minmax(0,1fr) 280px;gap:18px;padding:0}.automation-modal .rule{padding-right:44px;position:relative}.automation-modal .rule-remove{align-self:flex-start;position:absolute;top:8px;right:8px}.automation-modal .editor-main{gap:12px;min-width:0;display:grid}.editor-summary{background:var(--bg-deep);min-width:0;color:var(--text-2);border-radius:12px;align-self:start;gap:10px;padding:14px;font-size:12.5px;line-height:1.45;display:grid;position:sticky;top:0}.editor-summary .eyebrow{margin:0}.editor-summary>strong{color:var(--text);overflow-wrap:anywhere;font-size:14px}.editor-summary .is-empty{color:var(--text-4);font-weight:500}@media (width<=760px){.automation-modal .automation-editor{grid-template-columns:1fr}.editor-summary{position:static}}.rule-icon{background:var(--accent-soft);width:20px;height:20px;color:var(--accent);vertical-align:-4px;border-radius:6px;place-items:center;margin-right:8px;font-size:11px;display:inline-grid}.rule-list.is-condition .rule-icon{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok)}.rule-list.is-action .rule-icon{background:var(--cool-soft);color:var(--cool)}.run-history{margin-top:8px}.run-history ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.run{border:1px solid var(--surface);background:var(--bg-deep);border-radius:8px;padding:0;font-size:12.5px}.run summary{cursor:pointer;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 10px;list-style:none;display:grid}.run summary::-webkit-details-marker{display:none}.run summary strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.run-reason{color:var(--text-4);white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-size:11px;overflow:hidden}.run summary time{color:var(--text-4);font-variant-numeric:tabular-nums;grid-area:1/3/span 2;font-size:11px}.run-dot{background:var(--text-4);border-radius:50%;grid-row:1/span 2;width:8px;height:8px}.run>details>p{color:var(--text-2);margin:0;padding:0 10px 6px 28px;font-size:12px}.run ol{color:var(--text-2);margin:0;padding:0 10px 8px 44px;font-size:12px}.run-status{font-size:11px;font-weight:600}.status-success .run-dot{background:var(--ok)}.status-failed .run-dot{background:var(--bad)}.status-uncertain .run-dot,.status-running .run-dot{background:var(--accent)}.status-running .run-dot{animation:1s ease-in-out infinite run-pulse}@keyframes run-pulse{50%{opacity:.4}}li.status-failed{color:var(--bad)}li.status-uncertain{color:var(--warn)}.assistant-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}.assistant-history{gap:12px;display:grid}.conversation-day{gap:2px;display:grid}.conversation-day-label{color:var(--text-4);letter-spacing:.12em;text-transform:uppercase;padding:8px 12px 6px;font-size:11px;font-weight:700}.assistant-history ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.assistant-history li{border-radius:12px;align-items:center;gap:4px;display:flex}.assistant-history li.active{background:var(--surface-2)}.assistant-history>*,.conversation-day,.assistant-history ul,.assistant-history li{min-width:0}main .assistant-history .conversation-open{min-width:0;box-shadow:none;color:var(--text-2);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:12px;flex:1;padding:10px 12px;font-size:14px;font-weight:600;display:block;overflow:hidden}main .assistant-history .conversation-open small{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-4);margin-top:3px;font-size:11px;font-weight:500;display:block}@media (hover:hover){main .assistant-history .conversation-open:hover{background:var(--surface);color:var(--text)}}.assistant-history li.active .conversation-open{color:var(--text);font-weight:700}main .conversation-delete{width:32px;min-height:32px;box-shadow:none;color:var(--text-4);visibility:hidden;background:0 0;border:0;border-radius:8px;flex:none;margin-right:4px;padding:0}.assistant-history li.active .conversation-delete{visibility:visible}@media (hover:hover){.assistant-history li:hover .conversation-delete{visibility:visible}}@media (hover:none){main .conversation-delete{visibility:visible}}.assistant-chat{border:1px solid var(--line);background:#141e29;border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto;min-height:60vh;display:grid}.assistant-messages{flex-direction:column;gap:10px;max-height:65vh;padding:16px;display:flex;overflow-y:auto}.assistant-empty-label{color:var(--text-4);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.assistant-empty .suggestions{flex-wrap:wrap;gap:8px;display:flex}main .assistant-empty .suggestions button{border:1px solid var(--line);min-height:40px;box-shadow:none;color:var(--text-2);white-space:normal;text-align:left;background:0 0;border-radius:20px;padding:0 14px;font-size:13px;font-weight:600}.bubble{border-radius:14px;max-width:85%;padding:10px 14px;font-size:14px}.bubble p{color:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.bubble-user{background:var(--surface-2);color:var(--text);border-radius:16px 16px 4px;align-self:flex-end}.bubble-assistant{background:var(--surface);color:var(--text);border-radius:4px 16px 16px;align-self:flex-start}.tool-calls{color:var(--text-3);flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;font-size:12px;list-style:none;display:flex}.tool-calls li{border:1px solid var(--line);background:var(--bg-deep);min-height:28px;color:var(--text-2);border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.tool-calls .command-spinner{width:10px;height:10px}.tool-success>span:first-child{color:var(--ok)}.tool-error{color:var(--bad)}.tool-pending{color:var(--warn)}.pending-card{background:#2b2a22;border:1px solid #b48c56;border-radius:12px;align-self:stretch;padding:14px}.pending-card p{color:var(--accent);margin:8px 0 4px}.pending-card ul{color:var(--text-2);margin:0 0 8px;padding-left:18px;font-size:13px}.assistant-input{border:1px solid var(--line);background:var(--bg-deep);border-radius:14px;align-items:end;gap:8px;margin:16px;padding:8px 8px 8px 16px;display:flex}main .assistant-input textarea{min-width:0;box-shadow:none;resize:none;background:0 0;border:0;flex:1;padding:8px 0;font-size:15px;line-height:1.5}main .assistant-input textarea:focus-visible{outline:none}main .assistant-input button{flex:none;min-width:44px;min-height:44px}@media (width<=760px){.assistant-layout{grid-template-columns:1fr}.assistant-history ul{max-height:160px;overflow-y:auto}.bubble{max-width:100%}.editor-row{grid-template-columns:1fr}}.automation-card-top>div,.automation-settings form label,.editor-row>label,.assistant-layout>*,.assistant-chat>*{min-width:0}.automation-card,.run,.tool-calls,.pending-card{overflow-wrap:anywhere}@media (width<=600px){.card-foot{align-items:flex-start}.card-actions{margin-left:0}.automation-editor,.assistant-messages{padding:12px}.rule{flex-direction:column}.rule-fields{width:100%}.rule-remove{align-self:flex-end}.assistant-intro{display:none}.assistant-input button{align-self:end}}.assistant-voice{border-bottom:1px solid var(--border,var(--line));background:var(--surface,var(--surface));border-radius:16px 16px 0 0;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 14px;display:flex}.assistant-voice.is-active{background:color-mix(in srgb, var(--accent,#e4b45b) 9%, var(--surface,var(--surface)))}.assistant-voice>strong{font-size:13px}.assistant-voice>small{min-width:0;color:var(--text-4);flex:200px;font-size:11.5px;line-height:1.5}main .voice-start{background:var(--surface-3);min-height:40px;box-shadow:none;color:var(--text);border:0;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}main .voice-start:disabled{color:var(--text-4)}.voice-orb{background:color-mix(in srgb, var(--accent,#e4b45b) 18%, transparent);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:15px;display:grid}.voice-listening,.voice-speaking{animation:1.6s ease-in-out infinite voice-breathe}.voice-transcript{color:var(--text-2);overflow-wrap:anywhere;flex:100%;margin:0;font-size:13px}.assistant-voice .actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.assistant-voice .voice-end{color:#fff;background:#a33c3c}@keyframes voice-breathe{50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent,#e4b45b) 12%, transparent)}}@media (prefers-reduced-motion:reduce){.voice-orb{animation:none}}.run-history-button{text-align:left;width:100%;color:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:16px;display:flex}.run-history-button time{white-space:nowrap;margin-left:auto}.status-stopped .run-dot{background:#d78d32}@media (width<=600px){.run-history-button{flex-wrap:wrap}.run-history-button .run-reason{flex-basis:100%}}dialog.integration-modal.automation-modal.run-modal{border-radius:20px;width:min(540px,100vw - 24px)}.run-modal .integration-modal-heading{gap:12px;padding:16px 18px}.run-modal .integration-modal-heading h2{overflow-wrap:anywhere;margin-top:8px;font-size:17px;line-height:1.35}.run-title{min-width:0}.run-status-badge{color:var(--text-3);align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.run-status-badge>span{background:currentColor;border-radius:50%;width:5px;height:5px}.run-status-badge.status-running{color:var(--accent)}.run-status-badge.status-success{color:var(--ok)}.run-status-badge.status-failed{color:var(--bad)}.run-status-badge.status-uncertain{color:var(--warn)}.run-modal .integration-modal-heading .run-close{background:var(--surface-2);border:0;border-radius:50%;min-width:36px;min-height:36px;padding:0}.run-modal .integration-modal-body{padding:16px 18px}.run-overview{margin-bottom:16px}.run-progress-label,.run-context{justify-content:space-between;align-items:center;gap:12px;display:flex}.run-progress-label{color:var(--text-2);font-size:11px}.run-progress-label strong{color:var(--text);font-variant-numeric:tabular-nums}.run-progress-label strong span{color:var(--text-4);font-weight:400}.run-overview progress{appearance:none;background:var(--surface-3);width:100%;height:4px;color:var(--accent);border:0;border-radius:10px;margin:9px 0;display:block;overflow:hidden}.run-overview progress::-webkit-progress-bar{background:var(--surface-3)}.run-overview progress::-webkit-progress-value{background:var(--accent);border-radius:10px}.run-overview progress::-moz-progress-bar{background:var(--accent);border-radius:10px}.run-context{color:var(--text-4);align-items:flex-start;font-size:10px}.run-context time{font-variant-numeric:tabular-nums;flex-shrink:0}.run-step-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.run-step-list>li{border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.run-step-list>.status-running{border-color:var(--accent-line);background:var(--accent-soft)}.run-step-index{background:var(--surface-2);height:25px;color:var(--text-4);font-variant-numeric:tabular-nums;border-radius:8px;flex:0 0 25px;place-items:center;font-size:10px;display:grid}.status-running>.run-step-index{background:var(--accent);color:var(--accent-ink)}.status-success>.run-step-index{color:var(--ok)}.status-failed>.run-step-index{color:var(--bad)}.run-step-copy{flex:1;min-width:0}.run-step-copy>strong{overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.5;display:block}.run-step-status{color:var(--text-4);margin-top:2px;font-size:10px;display:block}.status-running .run-step-status{color:var(--accent)}.run-step-copy .run-step-error{color:var(--bad);margin:5px 0 0;font-size:11px}.run-step-actions{flex-shrink:0;gap:4px;display:flex}.run-step-actions button{border:1px solid var(--line);background:var(--surface);width:32px;min-height:32px;color:var(--text-2);border-radius:8px;place-items:center;padding:0;display:grid}.run-step-actions button:hover{border-color:var(--accent-line);color:var(--accent)}.run-outcome{color:var(--text-2);margin:0 0 12px;font-size:12px}.run-outcome.status-failed,.run-outcome.status-uncertain{color:var(--bad)}.run-controls{background:var(--surface);border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:12px;padding:12px 18px;display:flex;position:sticky;bottom:0}.run-control-help{min-width:0;color:var(--text-4);flex:1;font-size:10px}.run-control-help summary{cursor:pointer;padding:8px 0}.run-control-help p{margin:6px 0;line-height:1.6}.run-controls .run-stop-all{border:1px solid color-mix(in srgb, var(--bad) 25%, transparent);background:color-mix(in srgb, var(--bad) 8%, transparent);min-height:34px;color:var(--bad);border-radius:9px;flex-shrink:0;padding:8px 12px;font-size:11px}@media (pointer:coarse){.run-step-actions button{width:40px;min-height:40px}.run-controls .run-stop-all{min-height:40px}}.scene-run{border:1px solid var(--line);background:var(--line-soft);width:100%;min-height:0;color:var(--text);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;transition:background .15s,border-color .15s,transform .15s;display:flex}@media (hover:hover){.scene-run:hover:not(:disabled){background:#e4b45b14;border-color:#e4b45b66}}.scene-run:active:not(:disabled){transform:scale(.97)}.scene-run.is-running{border-color:var(--accent);animation:1s ease-in-out infinite scene-pulse}@keyframes scene-pulse{0%,to{box-shadow:0 0 #e4b45b33}50%{box-shadow:0 0 0 6px #e4b45b00}}.scene-icon{font-size:30px;line-height:1.1}.scene-run-label{color:var(--accent);font-size:12px}main .standalone-content .scene-run+small{color:var(--text-4);margin:0;font-size:11px}.scene-dialog .automation-editor{margin:12px 0}.scene-remove{color:var(--bad);margin-top:8px}.scene-list{margin-bottom:8px}.scene-badge{background:#e4b45b14;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:20px;line-height:1;display:inline-grid}.scene-row .automation-card-top{justify-content:flex-start;align-items:center}.scene-steps{color:var(--text-2);margin:0;padding-left:18px;font-size:12.5px;line-height:1.45}.scene-editor .editor-row{grid-template-columns:2fr 1fr 2fr}@media (width<=640px){.scene-editor .editor-row{grid-template-columns:1fr}.scene-icon{font-size:26px}}@media (prefers-reduced-motion:reduce){.scene-run.is-running{animation:none}}.matter-setup{margin-top:24px;display:block}.matter-setup p,.matter-setup>small{color:#9aafc0;max-width:780px;line-height:1.6}.matter-pair-form{grid-template-columns:2fr 1fr auto;align-items:end;gap:16px;margin:24px 0;display:grid}.matter-lock-card{background:linear-gradient(150deg,#1b2b38,#12212d);border:1px solid #334756;border-radius:18px;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.matter-lock-heading{align-items:center;gap:6px;padding-left:24px;display:flex}.matter-lock-heading h3{overflow-wrap:anywhere;flex:1;margin:0;font-size:14px}.matter-lock-heading button{padding:5px 8px}.matter-lock-visual{color:#a9bac9;place-items:center;gap:8px;padding:12px;display:grid}.matter-lock-card.locked .matter-lock-visual{color:var(--accent)}.matter-lock-card.unlocked .matter-lock-visual{color:var(--warn)}.matter-lock-card.offline{opacity:.65}.matter-lock-controls,.matter-lock-meta,.matter-confirm{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.matter-lock-controls button{padding:8px 10px;font-size:12px}.matter-lock-meta{color:var(--text-4);justify-content:space-between;margin-top:auto;font-size:11px}.matter-confirm{background:var(--line-soft);border-radius:12px;padding:10px;font-size:12px}@media (width<=700px){.matter-pair-form{grid-template-columns:1fr}}.matter-remove{border-top:1px solid var(--line);gap:8px;margin-top:12px;padding-top:12px;display:grid}.matter-remove .danger{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 45%, var(--line-strong))}.camera-add{margin-top:24px;display:block}.camera-add-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.camera-add-intro h2{margin:4px 0 6px}.camera-add-intro p{max-width:48ch;margin:0;font-size:13px}.camera-add-dialog{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);width:min(560px,100vw - 24px);max-height:calc(100dvh - 48px);color:var(--text);box-shadow:0 24px 100px var(--veil);border-radius:22px;padding:22px;overflow:auto}.camera-add-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060e18a6}.camera-add-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.camera-add-heading h2{margin:0;font-size:18px}.camera-add-heading button{padding:4px 12px;font-size:18px;line-height:1}.camera-add-body{gap:14px;min-width:0;margin-top:16px;display:grid}.camera-add-body>p{margin:0;font-size:13px}.camera-add-found{gap:8px;min-width:0;max-height:min(48vh,360px);padding-right:2px;display:grid;overflow-y:auto}.camera-add-badge{color:#9cb3c4;border:1px solid #4a6072;border-radius:20px;flex-shrink:0;padding:3px 8px;font-size:11px}.camera-add-scanning{align-items:center;gap:10px;margin:6px 0;font-size:13px;display:flex}.camera-add-item{text-align:left;width:100%;min-width:0;color:var(--text);background:#16222d;border:1px solid #33475a;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.camera-add-item:hover,.camera-add-item:focus-visible{border-color:var(--ok);background:#1b2c36}.camera-add-icon{width:38px;height:38px;color:var(--accent);background:#21323f;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.camera-add-item-text{flex:1;gap:2px;min-width:0;display:grid}.camera-add-item-text strong{overflow-wrap:anywhere;font-size:14px}.camera-add-empty{margin:0;font-size:13px}.camera-add-modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.camera-add-modes button{text-align:left;white-space:normal;gap:3px;padding:10px 12px;font-weight:600;display:grid}.camera-add-modes small{font-weight:400;line-height:1.3}.camera-add-modes button[aria-pressed=true]{border-color:var(--ok);color:#c8f4de;background:#26473a}.camera-add-modes button[aria-pressed=true] small{color:#9ed7bd}.camera-add-credentials{grid-template-columns:1fr 1fr;gap:12px;min-width:0;display:grid}.camera-add-credentials label,.camera-add-body>label{min-width:0}.camera-add-body small{overflow-wrap:anywhere}.camera-add-password{gap:6px;min-width:0;display:flex}.camera-add-password button{padding:8px 10px;font-size:14px}.camera-add-failure{background:#2c2023;border:1px solid #7a4a47;border-radius:12px;padding:12px 14px}.camera-add-failure .error{background:0 0;margin:0;padding:0}.camera-add-failure ul{color:#d8c3bf;margin:8px 0 0;padding-left:18px;font-size:12px}.camera-add-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.camera-add-actions .command-spinner{width:12px;height:12px;margin-right:6px}.camera-add-actions .setup-link{margin-left:auto;padding:0;font-size:13px}.camera-add-done{align-items:center;gap:12px;display:flex}.camera-add-done h3{overflow-wrap:anywhere;margin:0 0 2px;font-size:16px}.camera-add-check{width:38px;height:38px;color:var(--ok);background:#7cc49524;border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;display:grid}.camera-add-preview{aspect-ratio:16/9;background:var(--bg-deep);border-radius:14px;place-items:center;display:grid;overflow:hidden}.camera-add-preview img{object-fit:cover;width:100%;height:100%}.camera-add-preview p{text-align:center;margin:0;padding:16px;font-size:13px}.camera-add-profile{min-width:0}@media (width<=560px){.camera-add-dialog{border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none}.camera-add-modes,.camera-add-credentials{grid-template-columns:1fr}.camera-add-intro button{width:100%}}.integration-catalog{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;padding-bottom:24px;display:grid}button.integration-tile{text-align:left;min-width:0;color:var(--text);background:var(--surface);border:1px solid var(--line);white-space:normal;overflow-wrap:anywhere;border-radius:20px;flex-direction:column;align-items:stretch;gap:12px;height:100%;padding:22px;font-weight:400;display:flex}button.integration-tile>span{min-width:0;max-width:100%}button.integration-tile:hover{background:var(--surface-2);border-color:var(--accent)}.integration-tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.integration-tile-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.integration-icon{width:42px;height:42px;color:var(--accent);background:#e4b45b14;border-radius:13px;flex-shrink:0;place-items:center;font-size:24px;font-weight:650;display:grid}.integration-category{color:var(--text-3);text-align:right;font-size:11px}.integration-title{font-size:18px;font-weight:650;line-height:1.35}.integration-description{color:var(--text-3);min-height:3.2em;font-size:13px;line-height:1.6}.integration-tile-action{border-top:1px solid var(--line-soft);color:var(--accent);justify-content:space-between;margin-top:auto;padding-top:12px;font-size:12px;display:flex}dialog.integration-modal{overscroll-behavior:contain;background:var(--bg);width:min(780px,100vw - 32px);max-width:none;max-height:calc(100dvh - 40px);color:var(--text);border:1px solid var(--line);box-shadow:0 24px 100px var(--veil);border-radius:22px;padding:0;overflow:auto}.integration-modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060e18b8}body:has(.integration-modal[open]){overflow:hidden}.integration-modal-heading{z-index:2;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;position:sticky;top:0}.integration-modal-heading h2{margin:4px 0 0;font-size:20px}.integration-modal-heading .eyebrow{margin:0}.integration-modal-heading button{min-width:44px;min-height:44px;font-size:24px}.integration-modal-body{overflow-wrap:anywhere;padding:24px}.integration-modal-body>.panel,.integration-modal-body>.status{margin-top:0}.integration-modal-body>details>summary{display:none}.integration-modal-body .discovery{flex-wrap:wrap}.integration-modal-body .scan-controls{flex-wrap:wrap;min-width:0}.integration-modal-body input,.integration-modal-body select{max-width:100%}@media (width<=600px){.integration-catalog{gap:12px}button.integration-tile{padding:18px}.integration-modal-heading,.integration-modal-body{padding:16px}}.shelly-managed-devices{margin-bottom:28px}.shelly-managed-devices>p{color:var(--text-3);font-size:13px;line-height:1.6}.shelly-managed-device{border:1px solid var(--line);border-radius:14px;margin-top:12px;padding:16px}.shelly-managed-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.shelly-managed-heading>div{min-width:0}.shelly-managed-heading small{color:var(--text-3);margin-top:5px;display:block}.shelly-managed-actions{flex-wrap:wrap;gap:8px;display:flex}.shelly-managed-actions button{white-space:normal}.shelly-managed-device .editor{margin-top:18px}.editor.device-settings-form{flex-direction:column;gap:20px;margin:0;padding:0;display:flex}.device-settings-form .device-general-settings,.device-settings-form .irrigation-queue-settings,.device-settings-form .channel-type-settings{border:1px solid var(--line);border-radius:14px;gap:16px;min-width:0;margin:0;padding:18px;display:grid}.device-settings-form legend{padding:0 8px;font-size:14px;font-weight:650}.device-settings-form label{flex-direction:column;gap:8px;min-width:0;font-size:13px;display:flex}.device-settings-form input,.device-settings-form select{width:100%;min-width:0;padding:11px 12px;font-size:14px}.device-settings-form small{color:var(--text-3);line-height:1.5}.device-settings-form .irrigation-queue-settings input[type=number]{width:7ch;font-family:var(--mono);font-variant-numeric:tabular-nums}.device-settings-form .irrigation-queue-settings button{justify-self:start}.device-channel-settings{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0}.device-channel-settings>summary{cursor:pointer;overflow-wrap:anywhere;padding:14px;font-size:14px;font-weight:600}.device-channel-settings>summary small{margin-left:8px;font-weight:400}.device-settings-form .channel-setting-row{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:4px 14px 16px}.device-settings-form .channel-setting-row>label:first-child{grid-column:1/-1}.device-settings-form .hide-channel{flex-direction:row;grid-column:1/-1;justify-content:flex-start;padding-top:4px}.device-settings-form .actions{gap:10px;display:flex}@media (width<=600px){.device-settings-form .channel-setting-row{grid-template-columns:minmax(0,1fr)}}.editor.device-settings-form{border:0}.device-settings-form .device-settings-content{flex-direction:column;gap:20px;min-width:0;display:flex}.device-settings-form .channel-type-settings .channel-setting-row>label{flex-direction:column;align-items:stretch;gap:8px;font-size:13px;display:flex}.device-settings-form .channel-type-settings .channel-setting-row>.hide-channel{flex-direction:row;justify-content:flex-start;align-items:center}.device-settings-form .channel-type-settings legend{font-size:14px}.device-settings-form .device-general-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.device-settings-form .device-general-settings>label:first-of-type,.device-settings-form .device-general-settings>small{grid-column:1/-1}.device-settings-form .device-general-settings,.device-settings-form .irrigation-queue-settings,.device-settings-form .channel-type-settings{flex-shrink:0}.device-settings-form .actions{flex-wrap:wrap;flex-shrink:0;margin:0;position:static}.device-settings-form .actions button{min-height:44px}.device-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;flex-shrink:0;gap:4px;padding:0 24px;display:flex;overflow-x:auto}.device-tabs::-webkit-scrollbar{display:none}.device-tabs button{min-height:44px;color:var(--text-3);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex-shrink:0;margin:0;padding:10px 12px;font-size:13px}.device-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:#eaf2f9}.history-tab{flex-direction:column;gap:12px;display:flex}.history-ranges{flex-wrap:wrap;gap:6px;display:flex}.history-ranges button{border-radius:999px;min-height:32px;margin:0;padding:6px 10px;font-size:12px}.history-ranges button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:#eaf2f9}.history-channel{align-items:center;gap:8px;font-size:13px;display:flex}.history-channel select{flex:1;min-width:0}.history-summary{gap:20px;margin:0;display:flex}.history-summary div{flex-direction:column;gap:2px;display:flex}.history-summary dt{color:var(--text-4);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.history-summary dd{font-variant-numeric:tabular-nums;margin:0;font-size:18px}.history-note{color:var(--text-4)}.history-link{color:var(--accent);align-self:flex-start;font-size:12px;font-weight:700;text-decoration:none}.energy-chart{flex-direction:column;gap:6px;width:100%;display:flex}.energy-chart-head,.energy-chart-axis{color:var(--text-3);justify-content:space-between;align-items:baseline;gap:8px;font-size:10.5px;display:flex}.energy-chart-title{letter-spacing:.04em;text-transform:uppercase}.energy-chart-total,.energy-chart-peak{font-variant-numeric:tabular-nums}.energy-chart-plot{border:1px solid var(--line-soft);box-sizing:border-box;background:#060c1280;border-radius:12px;width:100%;height:120px;padding:6px}.energy-bar{fill:var(--accent)}.energy-bar.is-partial{fill:var(--accent) 59}.energy-chart.is-empty{border:1px dashed var(--line);color:var(--text-4);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:16px;font-size:12px}@media (width<=600px){.device-tabs{padding:0 16px}}.device-settings-modal[open]{flex-direction:column;display:flex;overflow:hidden}.device-settings-modal>.integration-modal-heading{flex-shrink:0;position:static}.device-settings-modal>.integration-modal-body{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.device-settings-modal .device-settings-form{gap:0;min-height:0}.device-settings-modal .device-settings-content{overscroll-behavior:contain;min-height:0;padding:24px;overflow-y:auto}.device-settings-modal .device-settings-form>.actions,.channel-view-settings .device-settings-form>.actions{padding:14px 24px max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#131f2b;flex-shrink:0}.channel-view-settings .device-settings-form{gap:0;height:100%;min-height:0}.channel-view-settings .device-settings-content{overscroll-behavior:contain;min-height:0;padding:20px 24px;overflow-y:auto}@media (width<=600px){.channel-view-settings .device-settings-content{padding:16px}.device-settings-modal .device-settings-form>.actions,.channel-view-settings .device-settings-form>.actions{padding:12px 16px max(12px, env(safe-area-inset-bottom))}.device-settings-form .device-general-settings{grid-template-columns:minmax(0,1fr)}.device-settings-modal .device-settings-content{padding:16px}.device-settings-modal .device-settings-form>.actions{padding:12px 16px max(12px, env(safe-area-inset-bottom))}}.reolink-setup{margin-top:24px;display:block}.reolink-setup p,.reolink-setup small{color:var(--text-3);line-height:1.6}.reolink-setup h3{letter-spacing:.02em;color:var(--text);margin:18px 0 8px;font-size:13px}.reolink-notify{flex-wrap:wrap;gap:10px 18px;display:flex}.reolink-notify label{align-items:center;gap:6px;font-size:13px;display:flex}.reolink-controls{align-items:center;gap:4px;display:flex}.reolink-controls button[aria-pressed=true]{color:var(--accent);border-color:#e4b45b66}.reolink-siren{color:var(--bad)}.reolink-ok{color:var(--accent)}.reolink-error{color:var(--bad)}.reolink-muted{color:#6d8296}.reolink-login{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;padding:10px 0 14px;display:grid}.reolink-login label{color:var(--text-3);gap:4px;min-width:0;font-size:11px;display:grid}.reolink-login small{color:var(--text-3);grid-column:1/-1}@media (width<=640px){.reolink-login{grid-template-columns:1fr}}.reolink-active{color:var(--ok);background:#7cc49518;border:1px solid #65d6bb55;border-radius:999px;padding:2px 8px;font-size:11px}.tapo-setup{margin-top:24px;display:block}.tapo-setup p,.tapo-setup small{color:var(--text-3);line-height:1.6}.tapo-setup h3{letter-spacing:.02em;color:var(--text);margin:18px 0 8px;font-size:13px}.tapo-ok{color:var(--accent)}.tapo-bad{color:var(--bad)}.tapo-muted{color:#6d8296}.tapo-controls,.tapo-pad,.tapo-pad *{pointer-events:auto}.tapo-controls{align-items:center;gap:4px;display:flex}.tapo-privacy-on{color:var(--warn);border-color:var(--warn) 66}.tapo-error{color:var(--bad)}.tapo-pad{z-index:5;box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(3,36px);justify-items:center;gap:2px;padding:0;display:grid;position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%)}.camera-card .tapo-pad button{width:36px;min-width:36px;height:36px;min-height:36px;box-shadow:none;color:#fff;filter:drop-shadow(0 1px 3px #000e);background:0 0;border:0;border-radius:50%;padding:0;font-size:16px;line-height:1}@media (hover:hover){.camera-card .tapo-pad button:hover:not(:disabled){background:var(--line-strong)}}.camera-card .tapo-pad button:disabled{opacity:.45}.tapo-pad-center{color:#fff;text-shadow:0 1px 3px #000;place-items:center;font-size:11px;display:grid}.camera-card .tapo-pad .tapo-pad-close{color:#ffffffb3}.tapo-presets{border:1px solid var(--line-strong);color:#fff;background:#0006;border-radius:8px;grid-column:1/-1;width:100%;min-width:120px;margin-top:4px;padding:4px 6px;font-size:12px}.tapo-login{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;padding:10px 0 14px;display:grid}.tapo-login label{color:var(--text-3);gap:4px;min-width:0;font-size:11px;display:grid}.tapo-login small{color:var(--text-3);grid-column:1/-1}@media (width<=640px){.tapo-login{grid-template-columns:1fr}}.tapo-pad-error{color:#ffb4a6;text-align:center;text-shadow:0 1px 3px #000;grid-column:1/-1;max-width:200px;font-size:11px;line-height:1.4}.user-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.user-card{border:1px solid var(--surface-2);background:var(--surface);border-radius:12px;padding:12px 14px}.user-card.is-disabled{opacity:.6}.user-main{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.user-main .account-avatar{cursor:default;width:40px;height:40px;font-size:16px}.user-main .account-avatar.role-admin{background:var(--accent-soft);color:var(--accent)}.user-main .account-avatar.role-user{color:#a9dbff;background:#1f2f40}.user-identity{flex:220px;gap:2px;min-width:0;display:grid}.user-identity strong{align-items:center;gap:8px;font-size:15px;display:flex}.user-identity strong em{color:var(--accent);background:#e4b45b1f;border-radius:999px;padding:1px 7px;font-size:10.5px;font-style:normal}.user-identity small{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-meta{flex-wrap:wrap;gap:6px 10px;margin-top:2px;font-size:11px;display:flex}.badge-off{background:var(--bad) 1f;color:var(--bad);border-radius:999px;padding:1px 7px}.user-actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}main .user-actions button{border-radius:8px;padding:6px 10px;font-size:12px}main .user-actions button.is-active{color:var(--accent);border-color:#e4b45b88}main .user-actions .danger{min-width:32px;padding:6px 8px}.user-card .user-reset{border:1px solid var(--line);background:var(--line-soft);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:10px;padding:10px;display:flex}.user-card .user-reset label{flex:240px;font-size:12px}main .user-card .user-reset button{padding:8px 12px;font-size:12px}.user-add{gap:12px;margin-bottom:16px;display:grid}.user-add h2{margin:0;font-size:16px}.user-add-fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.user-add>small{color:var(--text-4)}.access-editor{border:1px solid var(--line);background:var(--line-soft);border-radius:10px;gap:12px;margin-top:10px;padding:12px;display:grid}.access-mode{flex-wrap:wrap;gap:14px;display:flex}.access-mode label{color:var(--text);flex-direction:row;align-items:center;gap:8px;font-size:13px}.access-columns{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;display:grid}.access-columns section{align-content:start;gap:6px;min-width:0;display:grid}.access-columns h4{letter-spacing:.08em;text-transform:uppercase;color:var(--text-4);margin:0;font-size:12px}.access-columns>section>small{color:var(--text-4)}.access-search{padding:8px;font-size:13px}.access-list{gap:2px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.access-list li label{color:var(--text);cursor:pointer;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;padding:6px 8px;font-size:13px;display:grid}.access-list li label:hover{background:var(--line-soft)}.access-list li small{color:var(--text-4);grid-column:2;font-size:11px}.access-list li.is-covered label{color:var(--text-4)}.access-list .muted{padding:6px 8px;font-size:12px}.access-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.access-actions small{color:var(--text-4)}main .access-editor input[type=checkbox],main .access-editor input[type=radio]{appearance:auto;width:16px;height:16px;min-height:0;accent-color:var(--accent);background:0 0;border:0;margin:0;padding:0}@media (width<=640px){.access-columns{grid-template-columns:1fr}}main .backup-panel{gap:10px;display:grid}main .backup-panel h2{margin:0}main .backup-panel .muted{margin:0;line-height:1.5}main .backup-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}main .backup-form label{color:var(--text-4);flex:220px;gap:4px;min-width:220px;font-size:12px;display:grid}main .backup-form input{min-height:0;padding:8px 10px}main .backup-form button{padding:8px 14px}main .backup-banner{color:var(--text-2);background:#16222f;border:1px solid #2f4a63;border-radius:10px;margin:0 0 12px;padding:10px 12px}main .backup-banner button{margin-left:6px;padding:4px 10px;font-size:12px}main .backup-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}main .backup-row{border:1px solid var(--surface-2);background:var(--surface);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}main .backup-row strong{font-size:14px;display:block}main .backup-row small{color:var(--text-4)}main .backup-row-actions{gap:6px;display:flex}main .backup-row-actions button{padding:6px 10px;font-size:12px}main .backup-files summary{cursor:pointer;font-weight:600}main .backup-files ul{max-height:260px;color:var(--text-4);margin:10px 0 0;padding-left:18px;font-size:12px;line-height:1.6;overflow:auto}@media (width<=640px){main .backup-row{flex-direction:column;align-items:flex-start}main .backup-row-actions{width:100%}main .backup-row-actions button{flex:1}}.version-list{color:var(--text-3);gap:4px;margin:4px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.version-list code{font-family:var(--mono);color:var(--text-2);word-break:break-all}.recording-form .recording-toggle{flex-direction:row;align-items:center;gap:8px;display:flex}.recording-path{gap:8px;display:flex}.recording-path input{flex:1;min-width:0}.recording-number{align-items:center;gap:6px;display:flex}.recording-number input{width:6em}.recording-disk-wrap{gap:4px;margin:10px 0 14px;display:grid}.recording-disk{background:var(--line);border-radius:4px;height:8px;display:flex;overflow:hidden}.recording-disk span{height:100%;display:block}.recording-disk .used{background:var(--accent)}.recording-disk .other{background:var(--line-strong)}.recording-table-wrap{margin-top:16px;overflow-x:auto}.recording-table{border-collapse:collapse;width:100%;font-size:13px}.recording-table th,.recording-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:6px 8px}.recording-table th{color:var(--text-3);font-weight:550}.recording-state{text-overflow:ellipsis;vertical-align:middle;max-width:280px;display:inline-block;overflow:hidden}.recording-state.state-recording{color:var(--accent)}.recording-state.state-starting{color:var(--warn)}.recording-state.state-retrying{color:var(--bad)}.recording-state.state-off{color:var(--text-4)}.recording-state.state-event-listening{color:var(--accent)}.recording-state.state-event-connecting{color:var(--warn)}.recording-state.state-event-failed{color:var(--bad)}.recording-state.state-event-off,.recording-state.state-event-unsupported{color:var(--text-4)}.recording-browser-path{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.recording-browser-list{gap:4px;max-height:50vh;margin:8px 0;padding:0;list-style:none;display:grid;overflow:auto}.recording-browser-list button{text-align:left;justify-content:flex-start;width:100%}.recording-browser-actions{justify-content:flex-end;display:flex}.assistant-speed{gap:8px;margin:14px 0 10px;display:grid}.assistant-speed-title{color:var(--text-2);font-size:13px;font-weight:600}.assistant-speed-options{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;display:grid}.assistant-speed-options button{text-align:left;white-space:normal;gap:4px;padding:10px 12px;display:grid}.assistant-speed-options button small{opacity:.85;font-size:12px;font-weight:400;line-height:1.35}.app-shell{min-height:100dvh}@media (width>=1100px){.app-shell{grid-template-columns:96px minmax(0,1fr);align-items:start;display:grid}:is(.app-shell:has(.room-column),.app-shell:has(.setup-column)){grid-template-columns:96px 224px minmax(0,1fr)}.app-shell>main{min-width:0;max-width:none;margin:0}.app-shell>main>header,.app-shell .room-head .presence-toggle,.app-shell main .home-toolbar .room-filters{display:none}.main-rail,.room-column,.setup-column{overscroll-behavior:contain;box-sizing:border-box;height:100dvh;position:sticky;top:0;overflow-y:auto}}.main-rail,.room-column,.setup-column{display:none}@media (width>=1100px){.main-rail,.room-column,.setup-column{display:flex}}.main-rail{padding:24px 10px max(20px, env(safe-area-inset-bottom)) 10px;background:var(--bg-deep);border-right:1px solid var(--line);flex-direction:column;align-items:stretch;gap:4px}.rail-brand{justify-content:center;align-items:center;height:48px;margin-bottom:16px;display:flex}.main-rail .rail-link{height:64px;box-shadow:none;color:var(--text-3);text-align:center;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 4px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.main-rail .rail-link span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}@media (hover:hover){.main-rail .rail-link:hover{background:var(--surface);color:var(--text)}}.main-rail .rail-link[aria-current=page]{background:var(--surface-2);color:var(--text);font-weight:700}.main-rail .rail-link[aria-current=page] svg{color:var(--accent)}.main-rail .rail-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.rail-spacer{flex:auto}.rail-avatar{background:var(--surface-3);width:32px;height:32px;color:var(--accent);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.room-column,.setup-column{padding:28px 16px max(24px, env(safe-area-inset-bottom)) 16px;border-right:1px solid var(--line);flex-direction:column;gap:24px}.room-column-head,.setup-column-head{flex-direction:column;gap:2px;padding:0 8px;display:flex}.room-column-head strong,.setup-column-head strong{letter-spacing:-.01em;font-size:18px;font-weight:800}.room-column-head small,.setup-column-head small{color:var(--text-4);font-size:12px}.room-column-list,.setup-column-list{flex-direction:column;flex:auto;gap:2px;display:flex}.room-column-heading,.setup-column-heading{color:var(--text-4);letter-spacing:.12em;text-transform:uppercase;padding:4px 12px 10px;font-size:11px;font-weight:700}.room-column .room-pick-link{width:100%;min-height:44px;box-shadow:none;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.room-column .room-pick-link>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.room-column .room-pick-count{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-4);flex:none;font-size:12px}@media (hover:hover){.room-column .room-pick-link:hover{background:var(--surface);color:var(--text)}}.room-column .room-pick-link[aria-current=true]{background:var(--surface-2);color:var(--text);font-weight:700}.room-column .room-pick-link[aria-current=true] .room-pick-count{color:var(--accent)}.room-column .room-pick-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.room-column-rule,.setup-column-rule{background:var(--line);height:1px;margin:12px}.room-column .presence-toggle{background:var(--surface);border:0;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.room-column .presence-option{min-height:40px;box-shadow:none;color:var(--text-4);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:700;display:flex}.room-column .presence-option.is-active{background:var(--surface-3);color:var(--text)}.room-column .presence-toggle.home .presence-option.is-active,.room-column .presence-toggle.away .presence-option.is-active{color:var(--text)}.room-column .presence-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.setup-column .setup-link{color:var(--text-2);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.setup-column .setup-link small{color:var(--text-4);font-size:11px;font-weight:500}@media (hover:hover){.setup-column .setup-link:hover{background:var(--surface);color:var(--text)}}.setup-column .setup-link[aria-current=page]{background:var(--surface-2);color:var(--text);font-weight:700}.setup-column .setup-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.setup-column-foot{color:var(--text-4);font-size:11px;line-height:1.5}.rec-page{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.rec-sidebar{min-width:0;min-height:0;max-height:calc(100dvh - var(--rec-page-top,80px) - max(16px, env(safe-area-inset-bottom)));flex-direction:column;display:flex}.rec-rail-search{border:1px solid var(--line);background:var(--bg);border-radius:10px;flex-shrink:0;width:100%;min-height:0;margin-bottom:8px;padding:8px 10px;font-size:13px}.rec-rail{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:2px;min-height:0;padding:2px;display:flex;overflow-y:auto}.rec-group{flex-shrink:0;gap:2px;display:grid}.rec-group+.rec-group{margin-top:12px}.rec-group-title{color:var(--text-4);letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;padding:0 8px;font-size:10.5px;font-weight:700}.rec-rail-empty{color:var(--text-4);margin:0;padding:8px;font-size:12px}.rec-camera{width:100%;min-height:0;color:var(--text-2);text-align:left;white-space:normal;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 6px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:grid}.rec-camera:hover{background:var(--line-soft);color:var(--text)}.rec-camera.is-selected{border-color:var(--line-strong);background:var(--surface-2);color:#fff}.rec-camera-counts{color:var(--text-4);font-size:11px;font-family:var(--mono);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.rec-camera-count{align-items:center;gap:3px;display:inline-flex}.rec-camera-count i{border-radius:50%;width:6px;height:6px}.rec-camera.is-selected .rec-camera-counts{color:var(--text-2)}.rec-camera-name{text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.rec-stage{gap:14px;min-width:0;display:grid}.rec-stage.has-events{grid-template-columns:minmax(0,1fr) 288px;align-items:start}.rec-stage.has-events>.rec-stage-head{grid-column:1/-1}.rec-stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.rec-title{min-width:0}.rec-title h2{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;font-weight:650;overflow:hidden}.rec-title p{color:var(--text-4);margin:3px 0 0;font-size:13px}.rec-day{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:2px;padding:3px;display:flex}.rec-day input[type=date]{width:auto;min-height:0;color:var(--text);font-size:14px;font-family:var(--mono);font-variant-numeric:tabular-nums;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;padding:6px 8px}.rec-step{width:34px;min-width:34px;height:34px;min-height:34px;color:var(--text-2);background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid}.rec-step:hover:not(:disabled){background:var(--line)}.rec-step:disabled{opacity:.35;cursor:default}.rec-pill{border:1px solid var(--line-strong);background:var(--surface);min-height:32px;color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.rec-pill:hover:not(:disabled){border-color:var(--text-4);background:var(--surface-2)}.rec-pill:disabled{opacity:.4;cursor:default}.rec-player{aspect-ratio:16/9;background:var(--bg-deep);box-shadow:0 0 0 1px var(--line-soft), 0 24px 60px #00000059;border-radius:16px;position:relative;overflow:hidden}.rec-player:fullscreen{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.rec-player video{object-fit:contain;cursor:pointer;background:#000;width:100%;height:100%;position:absolute;inset:0}.rec-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:13px;font-weight:600;font-family:var(--mono);font-variant-numeric:tabular-nums;pointer-events:none;background:#000000a6;border-radius:999px;align-items:center;gap:8px;padding:6px 11px;display:flex;position:absolute;top:12px;left:12px}.rec-badge i{background:var(--bad);width:8px;height:8px;box-shadow:0 0 8px var(--bad);border-radius:50%}.rec-overlay{color:var(--text-3);text-align:center;pointer-events:none;place-content:center;justify-items:center;gap:10px;padding:24px;font-size:13px;display:grid;position:absolute;inset:0 0 58px}.rec-overlay p{max-width:34ch;margin:0}.rec-overlay button{pointer-events:auto}.rec-overlay-title{color:var(--text);font-size:16px;font-weight:600}.rec-overlay-icon{background:var(--line-soft);width:56px;height:56px;color:var(--text-4);border-radius:50%;place-items:center;display:grid}.rec-big-play{width:72px;min-width:72px;height:72px;min-height:72px;color:var(--bg);box-shadow:0 12px 32px var(--veil);background:#ffffffeb;border:0;border-radius:50%;place-items:center;padding:0 0 0 4px;transition:transform .12s;display:grid}.rec-big-play:hover{transform:scale(1.06)}.rec-spinner{border:3px solid #ffffff2e;border-top-color:#fff;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite rec-spin}@keyframes rec-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.rec-spinner{animation-duration:2.4s}}.rec-controls{background:linear-gradient(#0000,#000000d9);align-items:center;gap:2px;padding:36px 12px 10px;display:flex;position:absolute;inset:auto 0 0}.rec-control{color:#fff;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:2px;min-width:40px;height:40px;min-height:40px;padding:0 8px;font-size:14px;font-weight:600;display:inline-flex}.rec-control small{font-size:10px;font-weight:700}.rec-control:hover:not(:disabled){background:#ffffff21}.rec-control:disabled{opacity:.4;cursor:default}.rec-time{color:#fff;font-size:14px;font-weight:600;font-family:var(--mono);font-variant-numeric:tabular-nums;margin:0 10px 0 6px}.rec-spacer{flex:1}.rec-quality{background:var(--line-strong);border-radius:10px;margin-right:4px;padding:3px;display:flex}.rec-quality button{min-width:0;height:30px;min-height:30px;color:var(--text-2);letter-spacing:.03em;background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:12px;font-weight:700}.rec-quality button[aria-pressed=true]{color:var(--bg);background:#fff}.rec-speed{min-width:26px;font-family:var(--mono);font-variant-numeric:tabular-nums}.rec-menu{position:relative}.rec-menu-list{z-index:5;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1b1b1ef2;border-radius:12px;gap:2px;min-width:170px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 18px 44px #000000a6}.rec-menu-list a,.rec-menu-list button{min-height:0;color:var(--text);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.rec-menu-list a:hover,.rec-menu-list button:hover{background:var(--line)}.rec-menu-list small{color:var(--text-4);font-family:var(--mono);font-variant-numeric:tabular-nums}.rec-menu-list [aria-checked=true]{color:var(--accent)}.rec-timeline{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px 16px 8px}.rec-timeline-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:30px;display:flex}.rec-zoom{border:1px solid var(--line);background:var(--bg-deep);border-radius:10px;padding:3px;display:flex}.rec-zoom button{min-width:0;height:30px;min-height:30px;color:var(--text-3);background:0 0;border:0;border-radius:7px;padding:0 12px;font-size:12px;font-weight:600}.rec-zoom button[aria-pressed=true]{background:var(--surface-3);color:#fff}.rec-timeline-tools{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.rec-events-toggle[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.rec-legend{color:var(--text-4);align-items:center;gap:6px;font-size:12px;display:flex}.rec-legend i{background:#5e7a8c;border-radius:3px;width:12px;height:8px}.rec-track-wrap{position:relative}.rec-track{background:var(--bg-deep);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;height:52px;position:relative;overflow:hidden}.rec-track:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rec-tick{background:var(--line-soft);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.rec-tick.is-major{background:var(--line-strong)}.rec-future{background:repeating-linear-gradient(135deg, var(--line-soft) 0 6px, transparent 6px 12px);pointer-events:none;position:absolute;top:0;bottom:0;right:0}.rec-range{pointer-events:none;background:#5e7a8c;border-radius:5px;min-width:3px;position:absolute;top:12px;bottom:12px;box-shadow:inset 0 0 0 1px #ffffff26}.rec-hover{background:var(--accent);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.rec-playhead{pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #ffffffb3}.rec-playhead:before,.rec-playhead:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;left:50%;transform:translate(-50%)}.rec-playhead:before{top:-5px}.rec-playhead:after{bottom:-5px}.rec-tooltip{z-index:2;background:var(--text);color:var(--bg);font-size:12px;font-weight:650;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border-radius:8px;padding:5px 9px;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%)}.rec-tooltip-muted{color:var(--text-4);font-weight:500}.rec-axis{height:22px;color:var(--text-4);font-size:11px;font-family:var(--mono);font-variant-numeric:tabular-nums;margin-top:6px;position:relative}.rec-axis span{white-space:nowrap;position:absolute;transform:translate(-50%)}.rec-axis span.is-start{transform:none}.rec-axis span.is-end{transform:translate(-100%)}@media (width<=860px){.rec-sidebar{max-height:none}.rec-page{grid-template-columns:minmax(0,1fr);gap:14px}.rec-rail{scrollbar-width:none;scroll-snap-type:x proximity;flex-direction:row;max-height:none;margin:0 -4px;padding:2px 4px 6px;position:static;overflow:auto hidden}.rec-rail::-webkit-scrollbar{display:none}.rec-camera{scroll-snap-align:start;flex:0 0 176px;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:176px;min-height:44px;padding:5px 8px}.rec-camera-name{-webkit-line-clamp:1}.rec-group{gap:6px;display:flex}.rec-group+.rec-group{margin:0 0 0 6px}.rec-group-title,.rec-camera.is-selected:before{display:none}.rec-surface{border-radius:16px;padding:6px}.rec-stage.has-events{grid-template-columns:minmax(0,1fr)}.rec-events{max-height:60dvh}}@media (width<=560px){.rec-stage-head{align-items:stretch}.rec-day{justify-content:space-between;width:100%}.rec-player{border-radius:12px}.rec-controls{gap:0;padding:28px 4px 4px}.rec-skip,.rec-legend{display:none}.rec-control{min-width:36px;height:36px;min-height:36px;padding:0 6px}.rec-time{margin:0 4px;font-size:12.5px}.rec-quality button{padding:0 7px}.rec-badge{padding:4px 9px;font-size:11.5px;top:8px;left:8px}.rec-overlay{inset:0 0 44px}.rec-overlay p:not(.rec-overlay-title){display:none}.rec-timeline{padding:12px 12px 6px}.rec-zoom button{padding:0 9px}.rec-rail-search{font-size:16px}.rec-eyebrow,.rec-axis span:nth-child(2n){display:none}}.rec-page{margin-top:4px}.rec-eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 3px;font-size:11px;font-weight:700}.rec-title h2{font-size:22px}.rec-camera{position:relative}.rec-camera.is-selected:before{background:var(--accent);content:"";border-radius:2px;width:3px;position:absolute;top:9px;bottom:9px;left:-3px}.rec-surface{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:10px;display:grid;box-shadow:0 30px 80px #00000073}.rec-surface .rec-player{width:100%;min-height:96px;max-height:max(96px, calc(100dvh - var(--rec-surface-top,0px) - var(--rec-timeline-height,180px) - 22px - max(16px, env(safe-area-inset-bottom))));box-shadow:0 0 0 1px var(--line-soft);border-radius:14px}.rec-surface .rec-player:fullscreen{max-height:none}.rec-surface .rec-timeline{background:0 0;border:0;border-radius:0;padding:16px 6px 2px}.rec-events{border-color:var(--line);background:var(--surface);border-radius:22px}.rec-event{transition:transform .14s}.rec-event:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.rec-event:hover{transform:none}}.rec-event-mark{pointer-events:none;border-radius:3px;min-width:3px;height:6px;position:absolute;top:3px}.rec-legend i.is-event{height:5px}.rec-events{min-height:0;max-height:calc(100dvh - var(--rec-page-top,80px) - max(16px, env(safe-area-inset-bottom)));border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;padding:16px;display:flex}.rec-events-head{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.rec-events-head h3{align-items:center;gap:8px;margin:0;font-size:15px;font-weight:650;display:flex}.rec-count{background:var(--surface-3);min-width:22px;color:var(--text-2);font-size:12px;font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:1px 8px}.rec-filters{flex-wrap:wrap;gap:6px;display:flex}.rec-filters button{border:1px solid var(--line);min-height:30px;color:var(--text-2);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.rec-filters button span{color:var(--text-4);font-family:var(--mono);font-variant-numeric:tabular-nums}.rec-filters button i{border-radius:50%;width:8px;height:8px}.rec-filters button[aria-pressed=true]{border-color:var(--text-4);background:var(--surface-3);color:#fff}.rec-event-grid{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:4px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.rec-event{width:100%;min-height:0;color:inherit;text-align:left;white-space:normal;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;padding:5px;display:grid}.rec-event:hover{background:var(--line-soft)}.rec-event.is-active{border-color:var(--line-strong);background:var(--surface-2)}.rec-event-thumb{aspect-ratio:16/9;background:var(--bg-deep);color:var(--text-4);box-shadow:0 0 0 1px var(--line-soft);border-radius:8px;place-items:center;transition:box-shadow .12s;display:grid;position:relative;overflow:hidden}.rec-event-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rec-event:hover .rec-event-thumb{box-shadow:0 0 0 2px var(--text-4)}.rec-event.is-active .rec-event-thumb{box-shadow:0 0 0 2px var(--accent)}.rec-event-length{color:#fff;font-size:11px;font-weight:600;font-family:var(--mono);font-variant-numeric:tabular-nums;background:#000000b3;border-radius:6px;padding:2px 6px;position:absolute;bottom:6px;right:6px}.rec-event-meta{justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;display:flex}.rec-event-meta strong{color:var(--text);font-weight:600;font-family:var(--mono);font-variant-numeric:tabular-nums}.rec-event-type{align-items:center;gap:6px;font-weight:600;display:inline-flex}.rec-event-type i{border-radius:50%;width:8px;height:8px}.rec-events-empty{color:var(--text-4);text-align:center;margin:0;padding:18px 0;font-size:13px}.rec-more{margin:16px auto 0;display:flex}@media (width<=560px){.rec-events{padding:12px}}dialog.integration-modal.recordings-modal{width:min(1100px,96vw)}.recordings-modal .integration-modal-body{padding:14px}.recordings-modal .rec-page{grid-template-columns:minmax(0,1fr);margin-top:0}.recordings-modal .rec-events{max-height:46dvh}.camera-setup{margin-top:24px;display:block}.camera-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.camera-section-heading h2{margin:4px 0 8px}.camera-form{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.camera-address{grid-column:1/-1}.camera-form a{color:var(--accent)}.camera-discovery{gap:10px;margin:16px 0;display:grid}.camera-found{text-align:left;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.camera-found span{margin-left:auto}.cameras-page{margin-top:36px}.cameras-page h1{margin:12px 0;font-size:36px}.camera-page-summary{color:var(--text-3);margin:6px 0 0;font-size:14px}.camera-page-tools{align-items:center;gap:12px;display:flex}.camera-columns{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:2px;padding:3px;display:flex}.camera-columns button{width:40px;min-width:40px;height:36px;min-height:36px;box-shadow:none;color:var(--text-4);background:0 0;border:0;border-radius:9px;padding:0;font-size:12px;font-weight:800}.camera-columns button[aria-pressed=true]{background:var(--surface-3);color:var(--text)}.camera-rooms{gap:6px;margin:18px 0 4px;padding-bottom:4px;display:flex;overflow-x:auto}.camera-rooms button{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--text-3);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.camera-rooms button[aria-selected=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.camera-rooms button .count{color:var(--text-4);font-size:11px;font-weight:700}.camera-rooms button[aria-selected=true] .count{color:var(--accent)}.camera-group{margin-top:28px}.camera-group-head{align-items:baseline;gap:12px;margin:0 0 14px;display:flex}.camera-group-head h2{letter-spacing:.02em;margin:0;font-size:15px;font-weight:700}.camera-group-head span{color:var(--text-4);font-size:13px}.camera-grid{grid-template-columns:repeat(var(--camera-columns,3), minmax(0, 1fr));gap:16px;display:grid}@media (width<=900px){.camera-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}}.camera-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}.camera-card>.camera-section-heading{padding:18px}.camera-card small,.camera-indicator{color:var(--text-4)}.camera-indicator.live{color:var(--ok)}.camera-indicator.failed{color:var(--bad)}.camera-preview{aspect-ratio:16/9;background:var(--bg-deep);justify-content:center;align-items:center;display:flex}.camera-preview img,.camera-preview video{object-fit:contain;width:100%;height:100%}.camera-placeholder{color:var(--text-4);text-align:center;justify-items:center;gap:14px;padding:16px;display:grid}.camera-card-actions{align-items:center;gap:8px;padding:14px;display:flex}.camera-card-actions select{flex:1;min-width:0}.camera-card-actions button:last-child{margin-left:auto}.camera-remove{flex-wrap:wrap;align-items:center;gap:8px;padding:14px;display:flex}.camera-card>.error{padding:0 14px}.page-nav{flex-wrap:wrap}@media (width<=640px){.camera-form{grid-template-columns:1fr}.camera-section-heading{flex-wrap:wrap}.camera-found small{overflow-wrap:anywhere}}.camera-name-setting{flex-wrap:wrap;align-items:end;gap:8px;padding:18px 0 0;display:flex}.camera-name-setting label{min-width:0;color:var(--text-4);flex:1;font-size:12px}.camera-name-setting small{flex-basis:100%}.camera-add-existing{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;gap:6px;margin:4px 0 8px;padding:10px 12px;display:grid}.camera-add-existing strong{font-size:13px}.camera-add-existing button{justify-self:start;min-height:0;padding:6px 12px;font-size:12px}.camera-add-saved{border:1px solid var(--surface-2);background:var(--surface);border-radius:10px;margin-top:12px;padding:10px 12px}.camera-add-saved summary{cursor:pointer;font-size:13px;font-weight:600}.camera-add-saved-row{border-bottom:1px solid var(--line);gap:4px;padding:10px 0;display:grid}.camera-add-saved-row:last-of-type{border-bottom:0}.camera-secret{color:var(--text-4);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.camera-secret code{color:var(--text-2);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.camera-secret button{min-height:0;padding:4px 10px;font-size:12px}.camera-secret em{color:var(--text-4);font-style:normal}.camera-connection-setting .camera-secret{flex-basis:100%}.camera-connection-line code{color:var(--text-2);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:12px}.camera-connection-setting{flex-wrap:wrap;align-items:end;gap:8px;padding:14px 0 0;display:flex}.camera-connection-setting label{min-width:0;color:var(--text-4);flex:130px;font-size:12px}.camera-connection-setting .camera-connection-address,.camera-connection-setting small{flex-basis:100%}.camera-room-setting{color:var(--text-4);align-items:center;gap:12px;padding:12px 14px 0;font-size:12px;display:flex}.camera-room-setting select{flex:1;min-width:0}.camera-pagination{justify-content:flex-end;align-items:center;gap:12px;margin:12px 0;display:flex}.room-cameras{margin-top:28px}.room-camera-tile{border:0;border-radius:18px;align-self:start;min-width:0;padding:0}.room-camera-tile.camera-span-1{grid-column:span 1}.room-camera-tile.camera-span-2{grid-column:span 2}.room-camera-tile.camera-span-3{grid-column:1/-1}.room-camera-tile>.camera-card{height:var(--camera-height,380px);aspect-ratio:auto}.camera-card{aspect-ratio:16/9;position:relative}.camera-card .camera-preview{aspect-ratio:auto;position:absolute;inset:0;overflow:hidden}.camera-preview img{object-fit:cover;display:block}.camera-overlay-heading{z-index:1;background:linear-gradient(var(--veil), transparent);pointer-events:none;align-items:center;gap:10px;padding:10px 12px 30px;display:flex;position:absolute;inset:0 0 auto}.camera-overlay-heading h2{color:var(--text);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #000;flex:1;margin:0;font-size:14px;font-weight:550;overflow:hidden}.room-camera-tile .camera-overlay-heading{padding-left:46px}.camera-overlay-heading .camera-indicator{font-size:10px}.camera-event{height:22px;min-height:0;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:auto;cursor:pointer;background:#0f0f11bf;border:0;border-radius:11px;flex:none;align-items:center;gap:8px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.camera-event:hover{color:#fff;background:#0f0f11}.camera-event-type{align-items:center;gap:4px;display:inline-flex}.camera-event-type i{border-radius:50%;width:6px;height:6px}.camera-overlay-actions{z-index:1;background:linear-gradient(transparent, var(--veil));pointer-events:none;justify-content:flex-end;align-items:center;gap:2px;padding:26px 10px 6px;display:flex;position:absolute;inset:auto 0 0}.room-camera-tile .camera-overlay-actions{padding-right:50px}.camera-icon-button{pointer-events:auto;width:32px;min-width:32px;height:32px;min-height:32px;box-shadow:none;color:var(--text);filter:drop-shadow(0 1px 3px #000c);transition:color var(--fast,.12s) ease, opacity var(--fast,.12s) ease;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;font-size:18px;line-height:1;display:inline-grid}@media (hover:hover){.camera-icon-button:hover:not(:disabled){color:#fff;background:0 0}}.camera-icon-button:disabled{opacity:.45}.camera-icon-button:focus-visible{outline:2px solid var(--card-accent,var(--accent));outline-offset:1px}.camera-settings-overlay{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);width:min(440px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);box-shadow:0 24px 100px var(--veil);border-radius:22px;padding:24px;overflow:auto}.camera-settings-overlay::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0ca6}.camera-settings-overlay .camera-section-heading{flex-wrap:nowrap}.camera-settings-overlay h2{overflow-wrap:anywhere;font-size:18px}.camera-settings-overlay .camera-room-setting{padding:24px 0 16px}.camera-settings-overlay .camera-card-actions{flex-wrap:wrap;padding:0}.camera-settings-overlay .camera-remove{padding:20px 0 0}.camera-delete{color:var(--bad);border-color:#f6a39455}.camera-delete:hover:not(:disabled){background:#f6a39418}.camera-delete-confirm{border-color:var(--bad);color:var(--text);background:#f6a3943d}.camera-delete-confirm:hover:not(:disabled){background:#f6a3945c}.camera-add-delete{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.camera-resize-handle{z-index:2;color:#ffffffb3;cursor:nwse-resize;touch-action:none;background:#0a0a0c8f;border:0;border-radius:12px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;bottom:4px;right:4px}.camera-resize-handle:hover,.camera-resize-handle:focus-visible{color:#fff;background:#2a2a2eb3}.camera-resizing{-webkit-user-select:none;user-select:none}.camera-resizing>.camera-card{outline:2px solid var(--accent)}.room-camera-tile>.error{z-index:2;background:var(--surface);border-radius:8px;padding:4px 8px;position:absolute;bottom:12px;left:12px}.room-camera-tile.sortable-card>.drag-handle{z-index:3;top:12px;left:10px}@media (width<=900px){.room-camera-tile.camera-span-2{grid-column:1/-1}}@media (width<=600px){.room-camera-tile.camera-span-1{grid-column:1/-1}}.camera-stream-error{color:var(--bad);font-size:32px;position:absolute}.camera-live-error{max-width:min(320px,100% - 32px);color:var(--bad);text-align:center;background:#1b1b1eee;border:1px solid #f6a39455;border-radius:12px;margin:0;padding:10px 14px;font-size:12.5px;line-height:1.4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-preview img{transition:filter .36s,transform .36s}.camera-preview img.is-stale{filter:blur(9px)saturate(.85)brightness(.85);transform:scale(1.04)}.camera-preview img.is-empty{visibility:hidden}.camera-stream-wait{background:linear-gradient(110deg, var(--surface) 30%, var(--surface-2) 50%, var(--surface) 70%);background-size:220% 100%;animation:1.8s ease-in-out infinite camera-wait;position:absolute;inset:0}@keyframes camera-wait{0%{background-position:120% 0}to{background-position:-20% 0}}@media (prefers-reduced-motion:reduce){.camera-stream-wait{animation:none}.camera-preview img{transition:none}}.active-automations{top:calc(64px + env(safe-area-inset-top,0px));right:max(16px, env(safe-area-inset-right,0px));z-index:30;max-width:min(320px,100vw - 32px);position:fixed}.active-automation-chip{border:1px solid var(--accent-line);background:var(--surface);width:100%;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;line-height:1.3;list-style:none;display:flex;box-shadow:0 4px 18px #0002}.active-automation-chip::-webkit-details-marker{display:none}.active-automation-chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.active-automation-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.active-automation-caption{color:var(--accent);font-size:10px}.active-automation-dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 15%, transparent);border-radius:50%;flex:0 0 7px}.active-automation-list{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:4px;max-height:min(360px,60dvh);margin-top:8px;padding:6px;display:grid;overflow:auto;box-shadow:0 8px 28px #0003}.active-automation-list button{color:var(--text);text-align:left;overflow-wrap:anywhere;background:0 0;border:0;border-radius:8px;gap:4px;padding:10px;display:grid}.active-automation-list button:hover{background:var(--accent-soft)}.active-automation-list button span{color:var(--text-2);font-size:11px}main:has(.assistant-page)>footer{display:none}.assistant-page{height:calc(100dvh - var(--assistant-top,40px) - max(24px, env(safe-area-inset-bottom)));flex-direction:column;gap:28px;min-height:440px;display:flex}.assistant-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.assistant-page .assistant-intro{flex:380px;padding:0;display:block}.assistant-page .assistant-intro .eyebrow{letter-spacing:.12em;margin:0 0 10px;font-size:11px}.assistant-page .assistant-intro h1{letter-spacing:-.035em;margin:0 0 8px;font-size:36px;line-height:1.15}.assistant-page .assistant-intro>p:last-child{max-width:660px;color:var(--text-3);margin:0;font-size:14px;line-height:1.45}.assistant-heading-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.assistant-page .assistant-voice{background:0 0;border:0;border-radius:12px;max-width:440px;padding:0}.assistant-page .assistant-voice.is-active{background:var(--accent-soft);padding:8px}.assistant-page .voice-supported-hint{display:none}.assistant-page .presence-toggle{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:4px}.assistant-page .presence-option{min-height:34px;color:var(--text-3);border-radius:9px;padding:0 20px}.assistant-page .presence-option span:first-child{display:none}.assistant-page .presence-toggle .presence-option.is-active{background:var(--surface-3);color:var(--text)}.assistant-page .assistant-layout{flex:1;grid-template-columns:292px minmax(0,1fr);align-items:stretch;min-height:0}.assistant-page .assistant-history{flex-direction:column;gap:12px;min-height:0;display:flex}.assistant-page .assistant-history>button{border:1px dashed var(--line-strong);min-height:44px;box-shadow:none;background:0 0;border-radius:13px;flex-shrink:0}.assistant-history-list{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.assistant-page .conversation-day{margin-bottom:10px}main .assistant-page .assistant-history .conversation-open{font-weight:500}.assistant-page .assistant-chat{background:var(--surface);border-radius:20px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.assistant-page .assistant-messages{overscroll-behavior:contain;scrollbar-width:thin;flex:1;gap:20px;min-height:0;max-height:none;padding:28px}.assistant-page .bubble{flex-shrink:0}.assistant-page .bubble-user{background:var(--surface-3);border-radius:16px 16px 4px;padding:12px 16px}.assistant-page .bubble-assistant{background:0 0;max-width:calc(100% - 44px);margin-left:44px;padding:0;position:relative}.assistant-page .bubble-assistant:before{content:"☀";background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:10px;place-items:center;font-size:20px;display:grid;position:absolute;top:0;left:-44px}.assistant-page .bubble-assistant>p{background:var(--surface-2);border-radius:4px 16px 16px;padding:12px 16px}.assistant-page .tool-calls{margin:10px 0 0}.assistant-page .tool-calls li{font-size:11px}.assistant-message-time{color:var(--text-4);font:10px var(--mono);margin:10px 3px 0;display:block}.bubble-user .assistant-message-time{display:none}.assistant-page .assistant-empty{flex-shrink:0;padding:12px 28px}.assistant-page .assistant-empty .suggestions button{font-weight:500}.assistant-composer{border-top:1px solid var(--line);flex-shrink:0;padding:16px 20px 20px}.assistant-page .assistant-input{background:var(--bg-deep);margin:0}.assistant-page .assistant-input>button{background:var(--accent);width:44px;color:var(--accent-ink);border:0;border-radius:10px;place-items:center;padding:0;display:grid}.assistant-page .assistant-input:focus-within{border-color:var(--accent-line)}.assistant-page .assistant-mic{min-width:40px;box-shadow:none;color:var(--text-2);background:0 0;border:0;place-items:center;padding:0;display:grid}.assistant-page .assistant-mic[aria-pressed=true]{color:var(--accent)}.assistant-composer-hint{color:var(--text-4);margin:10px 3px 0;font-size:11px}main .assistant-history-toggle{display:none}@media (width>=1100px){.app-shell>main:has(.assistant-page){padding:40px}.assistant-page{height:calc(100dvh - var(--assistant-top,40px) - max(40px, env(safe-area-inset-bottom)))}}@media (width<=1000px){.assistant-page .assistant-layout{grid-template-columns:230px minmax(0,1fr);gap:16px}.assistant-page .assistant-messages{padding:20px}.assistant-page .assistant-empty{padding:12px 20px}}@media (width<=1099px){.assistant-heading-tools>.presence-toggle{display:none}}@media (width<=760px){.assistant-page{gap:14px;min-height:400px}.assistant-page .assistant-intro{display:none}.assistant-heading-tools{gap:8px;width:100%}main .assistant-history-toggle{min-height:40px;display:inline-flex}.assistant-page .presence-option{padding:0 10px}.assistant-page .voice-start{padding:0 10px;font-size:12px}.assistant-page .assistant-layout{flex-direction:column;gap:12px;display:flex}.assistant-page .assistant-history{display:none}.assistant-page .history-open .assistant-history{flex:0 0 180px;display:flex}.assistant-page .assistant-history ul{max-height:none;overflow:visible}.assistant-page .assistant-chat{flex:1}.assistant-page .assistant-messages{padding:16px}.assistant-page .assistant-empty{padding:8px 16px 12px}.assistant-page .assistant-empty-label{margin-bottom:6px;font-size:10px}.assistant-page .suggestions{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.assistant-page .suggestions button{flex-shrink:0;max-width:270px;font-size:12px}.assistant-composer{padding:12px}.assistant-page .assistant-input textarea{font-size:16px}.assistant-composer-hint{font-size:10px}}:root{--bg:#131315;--bg-deep:#0f0f11;--surface:#1b1b1e;--surface-2:#232326;--surface-3:#2a2a2e;--text:#f1eee7;--text-2:#cfcbc2;--text-3:#9c988f;--text-4:#8e8a82;--line:#ffffff12;--line-strong:#ffffff1f;--line-soft:#ffffff0a;--veil:#0009;--accent:#e4b45b;--accent-soft:#e4b45b24;--accent-line:#e4b45b59;--accent-ink:#1a1508;--ok:#7cc495;--warn:#f3ce80;--bad:#f6a394;--cool:#8fb4e8;--cool-soft:#8fb4e824;--cool-line:#8fb4e84d;--mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;color:var(--text);background:var(--bg);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif}.mono,.climate-hero,.climate-stat,.climate-trend-range,.cover-percent,.cover-mini,.gauge-left,.light-energy,.hue-reading,.energy-chart-total,.energy-chart-peak,.standalone-actions small,.activity-row time{font-family:var(--mono);font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body{overscroll-behavior:none;overflow-x:clip}body{margin:0}main{max-width:1120px;padding:max(32px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));margin:auto}header{letter-spacing:.01em;z-index:15;margin:calc(-1 * max(32px, env(safe-area-inset-top))) calc(-1 * max(24px, env(safe-area-inset-right))) 20px calc(-1 * max(24px, env(safe-area-inset-left)));padding:max(10px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);min-height:56px;box-shadow:0 1px 0 var(--line-soft);background:#0c141dee;align-items:center;gap:10px;font-size:17px;font-weight:650;display:flex;position:sticky;top:0}header>.brand{color:var(--accent);font-size:26px;line-height:1}.brand{color:var(--accent);font-size:34px}.badge,.tag{color:var(--text-3);border:1px solid var(--line);border-radius:20px;padding:5px 10px;font-size:12px}.badge{margin-left:auto}.intro{padding:70px 0 36px}.eyebrow{color:var(--accent);letter-spacing:.15em;font-size:11px;font-weight:700}h1{letter-spacing:-.055em;margin:20px 0;font-size:clamp(38px,7vw,66px);line-height:1.08}p{color:var(--text-2);line-height:1.6}h2{font-size:19px;font-weight:550}.status{border:1px solid var(--line-strong);background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}button{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:12px 18px;font-weight:700}button:disabled{opacity:.6;cursor:wait}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;display:grid}article{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:26px}article h2{margin-top:30px}footer{color:var(--text-4);margin-top:48px;font-size:12px}@media (width<=680px){.grid{grid-template-columns:1fr}.status{flex-direction:column;align-items:flex-start}.intro{padding-top:48px}}.intro{padding-top:48px}.intro h1{font-size:clamp(34px,6vw,54px)}.discovery p{max-width:480px}.scan-controls,.panel,.actions{align-items:end;gap:12px;display:flex}label{color:var(--text-2);flex-direction:column;gap:8px;font-size:13px;display:flex}input,select{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:8px;padding:12px;font-size:14px}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scan-controls select{min-width:210px}.secondary{background:var(--surface);border-color:var(--line);color:var(--text-2)}.setup-grid{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 40px;display:grid}.panel{border:1px solid var(--line);border-radius:14px;padding:20px}.panel label{flex:1;min-width:0}.inventory-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.search{width:min(100%,300px)}.room-filters{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.room-filters button{padding:9px 12px;font-size:13px}.room-filters button span{opacity:.7;margin-left:8px}.rooms-layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.rooms-aside,.rooms-detail{min-width:0}.rooms-empty{color:var(--text-4);margin:0}.room-picker{gap:6px;margin:0;padding:0;list-style:none;display:grid}main .room-pick{border:1px solid var(--line);background:var(--line-soft);width:100%;box-shadow:none;color:var(--text);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}main .room-pick.is-selected{background:#e4b45b12;border-color:#e4b45b66}.room-pick-icon,.room-detail-icon{background:var(--line-soft);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:18px;line-height:1;display:grid}.room-detail-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.room-detail-head h2{margin:0;font-size:17px}.room-detail-head small{color:var(--text-4)}.room-detail-icon{width:44px;height:44px;font-size:24px}.room-back{display:none}.room-icon-field{align-items:center;gap:8px;display:flex}.room-icon-input{text-align:center;width:74px;font-size:20px;line-height:1.2}main .room-suggest{white-space:nowrap}@media (width<=760px){.rooms-layout{grid-template-columns:minmax(0,1fr)}.rooms-layout.has-selection .rooms-aside,.rooms-layout:not(.has-selection) .rooms-detail{display:none}.room-back{display:inline-flex}}.room-identity{flex:1;min-width:0;display:grid}.room-identity strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-identity small{color:var(--text-4);font-size:11.5px}.room-now{text-align:right;justify-items:end;display:grid}.room-now strong{font-variant-numeric:tabular-nums;font-size:18px;line-height:1.2}.rooms-detail .room-settings-form+.room-settings-form{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.room-acting{color:var(--text-4);font-size:12px}.room-acting.is-heating{color:var(--warn)}.room-acting.is-cooling{color:var(--accent)}.rooms-detail{align-content:start;gap:16px;display:grid}.room-panel-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.room-panel-head h2{margin:0;font-size:16px}.room-panel-head>small{color:var(--text-4)}.room-panel-head .room-modes{background:var(--bg-deep);border-radius:10px;margin-left:auto;padding:3px}main .room-mode{min-height:34px;box-shadow:none;color:var(--text-4);background:0 0;border:0;border-radius:8px;padding:0 16px;font-size:13px;font-weight:700}main .room-mode[aria-pressed=true]{background:var(--surface-3);color:var(--text)}main .room-mode.is-heat[aria-pressed=true]{color:var(--warn)}main .room-mode.is-cool[aria-pressed=true]{color:var(--cool)}.room-identity-card,.room-thermostat-card{gap:0;display:grid}.room-identity-card{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:20px}.room-preview{background:var(--bg-deep);text-align:center;border-radius:14px;justify-items:center;gap:10px;padding:20px 12px;display:grid}.room-preview-icon{background:var(--surface-3);border-radius:20px;place-items:center;width:72px;height:72px;font-size:34px;line-height:1;display:grid}.room-preview strong{font-size:17px;font-weight:800}.room-preview small{color:var(--text-4)}.room-identity-fields{grid-template-columns:minmax(0,1fr) minmax(0,260px);align-items:start;gap:16px;display:grid}.room-thermostat-grid{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:20px;display:grid}.room-target-box{background:var(--bg-deep);border-radius:14px;gap:10px;padding:18px;display:grid}.room-target-label{color:var(--text-2);font-size:13px}.room-target{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-target strong{font-family:var(--mono);font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;font-size:34px;font-weight:500;line-height:1;display:flex}.room-target strong span{color:var(--text-4);font-family:inherit;font-size:14px}.room-target-box.is-heat strong{color:var(--warn)}.room-target-box.is-cool strong{color:var(--cool)}main .room-target button{width:44px;min-height:44px;padding:0;font-size:18px;font-weight:700}.room-target-box small{color:var(--text-4);line-height:1.5}.room-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.room-thermostat-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:14px}.room-thermostat-buttons{flex-wrap:wrap;gap:8px;display:flex}.room-warning{color:var(--text-4)}.room-warning.is-warning{color:var(--warn)}.room-new{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.room-new input{width:180px}@media (width<=900px){.room-identity-card,.room-identity-fields,.room-thermostat-grid,.room-sources{grid-template-columns:minmax(0,1fr)}.room-preview{display:none}}.room-settings-form{gap:14px;margin-top:14px;display:grid}.room-setting{gap:6px;display:grid}.room-setting>span{color:var(--text-2);font-size:13px}.room-setting small{color:var(--text-4);line-height:1.45}.room-modes{flex-wrap:wrap;gap:6px;display:flex}.room-modes button{flex:auto}.room-target{align-items:center;gap:8px;display:flex}.room-target input{text-align:center;font-variant-numeric:tabular-nums;width:96px}.room-target button{width:42px;min-width:42px}.room-settings-actions{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.room-remove{color:var(--bad)}.voice-fab{right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.voice-fab>*{pointer-events:auto}.voice-fab-button{border:1px solid var(--line-strong);color:#cfe3d8;width:56px;min-width:56px;height:56px;min-height:56px;box-shadow:0 10px 26px var(--veil);transition:color var(--fast) var(--ease), background var(--fast) var(--ease), box-shadow var(--fast) var(--ease);background:#1a2a38;border-radius:50%;place-items:center;padding:0;display:grid}@media (hover:hover){.voice-fab-button:hover{background:var(--surface-2);color:var(--text)}}.voice-fab-button.is-listening{color:#0f1a16;background:var(--accent)}.voice-fab-button.is-thinking,.voice-fab-button.is-approval{color:#1b1508;background:var(--warn)}.voice-fab-button.is-speaking{color:#0d1a24;background:var(--accent)}.voice-fab-button.is-muted{color:#c2ced8;background:#33414d}.voice-fab-button.is-listening,.voice-fab-button.is-speaking{animation:1.8s ease-in-out infinite voice-fab-breathe}@keyframes voice-fab-breathe{50%{box-shadow:0 10px 26px var(--veil), 0 0 0 9px #e4b45b1f}}.voice-fab-card{-webkit-backdrop-filter:blur(10px);max-width:min(280px,100vw - 36px);color:var(--text-2);background:#101c26f2;border:1px solid #263644;border-radius:14px;padding:10px 12px;font-size:12.5px;box-shadow:0 12px 30px #000a}.voice-fab-phase{color:var(--text);align-items:center;gap:7px;font-weight:600;display:flex}.voice-fab-dot{width:8px;height:8px;color:var(--text-4);background:currentColor;border-radius:50%}.voice-fab-dot.is-listening{color:var(--accent)}.voice-fab-dot.is-thinking,.voice-fab-dot.is-approval{color:var(--warn)}.voice-fab-dot.is-speaking{color:var(--accent)}.voice-fab-transcript{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;line-height:1.45;display:-webkit-box;overflow:hidden}.voice-fab-error{color:var(--bad);margin:6px 0 0;line-height:1.45}.voice-fab-tools{color:#9fb2c2;gap:3px;margin:8px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.voice-fab-tools li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voice-fab-tools li:before{background:var(--warn);content:"";vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.voice-fab-tools li.is-running:before{animation:1s ease-in-out infinite voice-fab-step}.voice-fab-tools li.is-success:before{background:var(--accent)}.voice-fab-tools li.is-error:before{background:var(--bad)}.voice-fab-tools li.is-pending:before{background:var(--accent)}@keyframes voice-fab-step{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.voice-fab-tools li.is-running:before{animation:none}}.voice-fab-reply{border-top:1px solid var(--line);color:var(--text);overflow-wrap:anywhere;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:8px 0 0;padding-top:8px;line-height:1.45;display:-webkit-box;overflow:hidden}.voice-fab-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.voice-fab-actions button{border-radius:10px;place-items:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;display:inline-grid}.voice-fab-end{color:var(--bad)}@media (prefers-reduced-motion:reduce){.voice-fab-button{animation:none}}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.device-card{border-radius:12px;min-width:0;padding:14px}.device-card .tag{padding:3px 7px;font-size:10px}.device-card>button{min-height:36px;padding:8px 12px;font-size:12px}.device-details{color:var(--text-4);margin:8px 0 12px;font-size:11px}.device-details summary{cursor:pointer;width:fit-content;padding:4px 0}.device-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.device-details dl{font-size:11px}.device-details dl div{margin:8px 0}.device-top{justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.device-card h2{overflow-wrap:anywhere;margin:12px 0 4px;font-size:16px;line-height:1.3}.device-address{margin:0 0 6px;font-family:ui-monospace,monospace;font-size:12px}.online{color:var(--accent)}.muted{color:var(--text-4)}dl{font-size:12px}dl div{justify-content:space-between;gap:15px;margin:12px 0;display:flex}dt{color:var(--text-4);flex-shrink:0}dd{text-align:right;overflow-wrap:anywhere;margin:0}.tags{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.tags:empty{display:none}.auth-note{color:var(--warn);font-size:12px}.editor{border-top:1px solid var(--line);gap:16px;margin-top:20px;padding-top:20px;display:grid}small{color:var(--text-4);font-size:11px}.error{color:var(--bad);overflow-wrap:anywhere;background:#3b2529;border-radius:8px;padding:12px 16px}.empty{text-align:center;border:1px dashed #3d5062;border-radius:14px;padding:42px 24px}.scan-result{color:#a8c5b9;flex-wrap:wrap;align-items:center;gap:14px;margin:10px 0;font-size:13px;display:flex}progress{accent-color:var(--accent);width:160px}@media (width<=1000px){.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.status{flex-direction:column;align-items:stretch}.setup-grid{grid-template-columns:1fr}.scan-controls label{flex:1}}@media (width<=600px){.device-grid{grid-template-columns:1fr}.inventory-heading{flex-direction:column;align-items:stretch}.search{width:100%}.room-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;scroll-padding-inline:16px;overflow:auto hidden}.room-filters::-webkit-scrollbar{display:none}.room-filters button{white-space:nowrap;flex:none}.scan-controls{flex-direction:column;align-items:stretch}.device-top{flex-direction:column;align-items:flex-start}.panel{gap:8px;padding:14px}.panel button{padding:12px 10px}}.device-controls{border-top:1px solid #3a4c5b;margin:8px 0 12px;padding-top:4px}.channel{border:1px solid var(--line);background:#111d28;border-radius:10px;margin-top:8px;padding:10px}.channel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.channel-heading strong{overflow-wrap:anywhere}.channel-heading h3{margin:8px 0;font-size:13px}.channel-heading button{padding:8px 10px;font-size:12px}.channel-meta{font-size:12px;line-height:1.5}.control-buttons{gap:8px;margin:8px 0;display:flex}.control-buttons button{flex:1;padding:10px 8px;font-size:13px}.stop-button{color:var(--accent);background:#594127;border-color:#b48c56}.slider-control{align-items:end;gap:12px;margin:10px 0;display:flex}.slider-control label{flex:1;min-width:0}.slider-control button{padding:10px;font-size:12px}input[type=range]{accent-color:var(--accent);min-height:36px;padding:8px 0}input[type=color]{height:40px;padding:4px}.channel .slider-control label{font-size:11px}.input-states{color:var(--text-4);flex-wrap:wrap;gap:6px 12px;margin:10px 0;font-size:10px;display:flex}.input-states strong{color:#c3d1df;font-weight:500}.channel-name{align-items:center;gap:5px;min-width:0;display:inline-flex}.channel-name button{padding:2px 6px;font-size:12px}.channel-name-editor{gap:6px;width:100%;min-width:0;display:grid}.channel-name-editor input{width:100%;min-width:0}.channel-name-editor small{color:var(--muted);font-size:11px}.device-grid{align-items:start;gap:12px}.device-card{border-radius:12px;padding:12px}.device-card h2{margin:7px 0 3px;font-size:14px}.device-top{gap:5px;font-size:10px}.device-top .tag{padding:2px 5px;font-size:10px}.device-room{margin:0 0 5px;font-size:11px}.device-details{margin:4px 0;font-size:10px}.device-controls{margin-top:6px}.device-card>button{margin-top:6px;padding:5px 8px;font-size:11px}.channel{border-radius:8px;margin-top:5px;padding:7px 8px}.channel-heading{gap:6px}.channel-heading strong{font-size:12px}.channel-meta{margin:3px 0;font-size:10px}.channel-name{flex:1}.channel-name button{padding:3px 5px}.channel-heading .power-toggle{flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-width:86px;min-height:38px;padding:5px 8px;font-size:11px;display:flex}.power-toggle svg{display:block}.power-toggle.is-off{background:var(--surface-2);color:var(--text-2);border:1px solid var(--line)}.power-toggle.is-on{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line)}.power-toggle.type-light.is-on{color:var(--accent);border-color:var(--accent-line);background:#e4b45b2e}.power-toggle:disabled{opacity:.55}.control-buttons{gap:5px;margin:5px 0}.control-buttons button{min-height:34px;padding:6px;font-size:11px}.slider-control{gap:6px;margin:5px 0}.slider-control button{padding:6px}.physical-inputs{margin-top:6px;font-size:10px}.editor{gap:9px;margin-top:10px;padding-top:10px}.editor input,.editor select{padding:7px;font-size:12px}.channel-type-settings{border:1px solid var(--line);border-radius:8px;gap:8px;min-width:0;margin:0;padding:8px;display:grid}.channel-type-settings legend{font-size:12px}.channel-type-settings label{grid-template-columns:minmax(0,1fr) minmax(95px,1fr);align-items:center;gap:8px;font-size:11px;display:grid}@media (width>=1250px){.device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=600px){.channel-heading .power-toggle{min-height:44px}}.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:7px;display:grid}.channel-grid .channel-wide{grid-column:1/-1}.channel-grid .channel-tile{text-align:center;background:0 0;border:0;min-width:0;margin:0;padding:0}.channel-tile .channel-heading{flex-direction:column-reverse;gap:5px}.channel-tile .channel-heading .power-toggle{border-radius:9px;flex-direction:column;gap:3px;width:100%;min-width:0;min-height:52px;padding:5px 2px;font-size:9px}.channel-tile .channel-name{flex-wrap:wrap;justify-content:center;gap:2px;width:100%;display:flex}.channel-tile .channel-name strong{width:100%;min-height:23px;font-size:9px;line-height:1.25}.channel-tile .channel-name button{min-height:18px;padding:1px 4px;font-size:9px}.channel-tile .channel-meta{color:var(--text-4);margin:3px 0 0;font-size:9px;line-height:1.3}.channel-tile .error{padding:5px;font-size:10px}:is(.channel-grid .channel-tile:has(.channel-name-editor),.channel-grid .channel-tile:has(.error)){grid-column:1/-1}.channel-tile:has(.channel-name-editor) .channel-heading{align-items:stretch}.channel-tile:has(.channel-name-editor) .power-toggle{align-self:center;max-width:60px}.channel-setting-row{border-bottom:1px solid var(--line);gap:4px;padding-bottom:6px;display:grid}.channel-type-settings .hide-channel{justify-content:flex-end;align-items:center;gap:5px;display:flex}.hide-channel input[type=checkbox]{width:15px;height:15px;min-height:0;accent-color:var(--accent);margin:0}.command-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite command-spin;display:inline-block}@keyframes command-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.command-spinner{animation:none}}.view-switch{gap:6px;margin:12px 0;display:flex}.view-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.standalone-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:auto;gap:12px;display:grid}.standalone-channel{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:5px;min-width:0;min-height:300px;padding:12px;display:flex;overflow:hidden}.standalone-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.standalone-heading>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.standalone-content{flex:1;min-height:0;overflow:auto}.standalone-content .channel{background:0 0;border:0;margin:0}.standalone-content .channel-tile .power-toggle{max-width:90px;min-height:70px}.standalone-content .channel-tile .channel-name strong{min-height:0;font-size:13px}.standalone-content .channel-tile .channel-meta{font-size:11px}.standalone-actions{justify-content:flex-end;align-items:center;gap:5px;margin-top:auto;display:flex}.standalone-actions>small{margin-right:auto;font-size:10px}.standalone-actions button{padding:5px 8px}.standalone-input{flex-direction:column;align-items:center;gap:15px;padding-top:10px;display:flex}.input-indicator{color:#738393;font-size:40px}.input-indicator.active{color:var(--accent)}.connection-icon{vertical-align:middle;flex-shrink:0;align-items:center;margin-left:4px;display:inline-flex}.connection-ok{color:var(--accent);font-size:10px}.connection-error{color:var(--bad)}.connection-loading{color:#e7c887}.is-unavailable{background-color:#302529;border-color:#97574e}.device-controls.is-unavailable{border-radius:8px;padding:6px}.channel-view-settings{border:1px solid #466451;border-radius:12px;max-width:540px;margin-top:16px;padding:16px}@media (width<=480px){.standalone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.standalone-channel{padding:8px}}.channel-settings-backdrop{z-index:20;background:#080e18b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.channel-settings-backdrop .channel-view-settings{background:var(--surface);flex-direction:column;width:min(100%,500px);max-height:85vh;margin:0;padding:0;display:flex;overflow:hidden}.sortable-card{position:relative}.sortable-card>.drag-handle{width:24px;height:26px;color:var(--text-2);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;background:0 0;border:0;margin:0;padding:0;font-size:22px;position:absolute;top:6px;right:6px}.sortable-card .device-top,.sortable-card .standalone-heading{padding-right:24px}.sortable-card.is-dragging{opacity:.55;border-style:dashed}.sortable-card.drop-target{outline:2px solid var(--accent);outline-offset:2px}.drag-handle:focus-visible{outline:2px solid var(--accent)}.sortable-card>.drag-handle:active{cursor:grabbing}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.device-card,.standalone-channel{background:linear-gradient(150deg,#1b2936,#141e29);border-color:#334454;border-radius:16px;box-shadow:0 6px 20px #00000018}.standalone-channel{gap:5px;padding:14px}.standalone-heading{min-height:18px}.standalone-heading>small{color:var(--text-4);font-size:10px}.standalone-room{color:#6f879b;font-size:10px}.standalone-content{flex-direction:column;display:flex}.standalone-content>.channel{flex-direction:column;flex:1;padding:5px 0;display:flex}.standalone-content .channel-tile .channel-heading{flex:1;justify-content:center;gap:12px}.standalone-content .channel-name{flex:0;align-items:center;width:100%}.standalone-content .channel-name strong{font-weight:600;line-height:1.35}.standalone-content .channel-tile .channel-name{flex-flow:wrap}.standalone-content .channel-tile .channel-name strong{width:auto;max-width:85%}.standalone-content .channel-meta{text-align:center;color:var(--text-4);margin:5px 0;font-size:11px}.standalone-actions{border-top:1px solid var(--line-soft);padding-top:8px}.standalone-actions button{color:var(--text-4);background:0 0;border-color:#0000;padding:4px 7px}.standalone-actions button:hover{background:var(--line-soft);color:var(--text)}.channel-name button{color:var(--text-4);background:0 0;border-color:#0000}.channel-name button:hover{color:var(--text);background:var(--line-soft)}.channel-heading .power-toggle.type-light,.channel-tile .channel-heading .power-toggle.type-light,.standalone-content .channel-tile .power-toggle.type-light{box-shadow:none;background:0 0;border:0;border-radius:50%;width:56px;min-width:44px;max-width:none;min-height:56px;padding:4px}.power-toggle.type-light.is-off{color:#62798c}.power-toggle.type-light.is-on{color:var(--accent);filter:drop-shadow(0 0 12px #f8c45d55)}.power-toggle.type-light svg{width:36px;height:36px;transition:color .2s,transform .2s}.power-toggle.type-light:hover svg{transform:scale(1.08)}.power-toggle.type-light:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.standalone-content .channel-heading .power-toggle.type-light{width:84px;min-height:84px}.standalone-content .power-toggle.type-light svg{stroke-width:1.35px;width:60px;height:60px}.standalone-content .display-light .channel-heading{flex-direction:column-reverse;justify-content:center}.standalone-content .display-light .channel-name{justify-content:center}.cover-visual{color:#a2cbbb;justify-content:center;align-items:center;gap:12px;margin:4px 0;display:flex}.cover-visual svg{width:78px;height:65px}.window-frame{stroke:#8da79f;stroke-width:2px}.window-divider{stroke:#334d50;stroke-width:1px}.shade-fill{fill:#88b5a5}.shade-slat{stroke:#42685f;stroke-width:1px}.cover-percent{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:23px;font-weight:500}.cover-visual.is-stale{opacity:.4}.kind-cover .control-buttons{justify-content:center;margin:3px 0}.kind-cover .control-buttons button{color:#d4e7e3;background:#253844;border:1px solid #3e535e;border-radius:8px;flex:0 45px;min-height:30px;padding:4px;font-size:16px}.kind-cover .control-buttons .stop-button{color:#e8cc96;background:#353429;border-color:#5b5340;font-size:12px}.kind-cover .channel-meta{display:none}.range-caption{color:#8ca69e;justify-content:space-between;align-items:center;font-size:10px;line-height:1;display:flex}.range-caption output{font-variant-numeric:tabular-nums}.slider-control{align-items:center;gap:8px}.slider-control input[type=range]{min-height:24px;padding:3px 0}.slider-control button{min-width:28px;padding:5px}.slider-control button:disabled{background:var(--surface-3);color:var(--text-4);opacity:1}.standalone-content .kind-cover .channel-heading{gap:5px}.standalone-content .kind-cover .channel-name strong{font-size:12px}.standalone-content .kind-cover .tag{padding:3px 5px;font-size:9px}.standalone-channel.is-unavailable{background:linear-gradient(150deg,#322a2e,#241f26);border-color:#85524f}@media (prefers-reduced-motion:reduce){.power-toggle.type-light svg{transition:none}}.standalone-content .kind-cover .channel-name{flex:auto;width:auto;min-width:0}.standalone-content .kind-cover .channel-heading{flex-shrink:0}.standalone-content .kind-cover .channel-name strong{overflow-wrap:normal}.standalone-content .kind-cover .cover-visual{flex:1;min-height:65px}.standalone-content .kind-cover .control-buttons,.standalone-content .kind-cover .slider-control{flex-shrink:0}.sortable-card.is-dragging{opacity:.18;border:2px dashed var(--accent);background:#253d36}.sortable-card.drop-target{outline:none}.drag-overlay{will-change:left, top;overflow:hidden;transform:scale(1.03)rotate(1deg);opacity:1!important;box-shadow:0 22px 55px var(--veil), 0 0 0 1px #a8e8ca88!important;border-color:#91d6b8!important}@media (prefers-reduced-motion:reduce){.drag-overlay{transform:none}}.power-toggle.type-heating.is-on{color:#ffc297;background:#4b3025;border-color:#ac6b43}.power-toggle.type-cooling.is-on{color:#a6e3ff;background:#203e50;border-color:#4e9bbb}.power-toggle.type-door.is-on{color:#d5c2ff;background:#39304e;border-color:#8a70b0}.standalone-grid{grid-auto-rows:auto;align-items:start}.divider-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px;display:flex}.divider-toolbar input{width:min(100%,280px);padding:9px 12px;font-size:12px}.divider-toolbar button{padding:9px 12px;font-size:12px}.divider-toolbar small{color:#8aa094}.channel-divider{border:1px solid #0000;border-radius:8px;grid-column:1/-1;align-items:center;gap:12px;min-width:0;min-height:48px;margin-top:5px;padding:6px 36px 6px 4px;display:flex}.channel-divider .divider-title{text-align:left;overflow-wrap:anywhere;min-width:0;color:var(--text);letter-spacing:.02em;background:0 0;border:0;align-items:center;gap:10px;padding:6px;font-size:15px;font-weight:700;display:inline-flex}.divider-title span{color:var(--text-4);font-size:11px}.divider-rule{background:var(--line);flex:1;min-width:20px;height:1px}.channel-divider .divider-actions{flex:none;gap:6px;display:inline-flex}.channel-divider .divider-actions button{border:1px solid var(--line);min-height:0;box-shadow:none;color:var(--text-3);white-space:nowrap;background:0 0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}@media (hover:hover){.channel-divider .divider-actions button:hover:not(:disabled){border-color:var(--accent-line);color:var(--accent)}}.channel-divider .divider-actions button:disabled{opacity:.5}.channel-divider .divider-remove{color:var(--text-4);background:0 0;border:0;padding:3px 6px;font-size:18px}.channel-divider>.drag-handle{top:12px}.channel-divider .divider-toggle{width:28px;height:28px;color:var(--text-4);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;font-size:14px;display:inline-grid}.channel-divider .divider-toggle span{transition:transform .16s}.channel-divider.is-collapsed .divider-toggle span{transform:rotate(-90deg)}.channel-divider .divider-count{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-4);white-space:nowrap;flex:none;font-size:11px}.channel-divider.is-collapsed{border-color:var(--line);background:var(--line-soft)}.sortable-card.is-folded{display:none}.divider-edit{align-items:center;gap:4px;min-width:0;display:flex}.divider-edit input{width:190px;min-width:0;padding:6px;font-size:13px}.divider-edit button{padding:5px 8px}@media (width<=480px){.divider-toolbar small{width:100%}.divider-edit input{width:130px}}.rainbird-setup{margin:0 0 24px}.rainbird-setup summary{cursor:pointer;font-weight:600}.rainbird-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:16px;margin-top:18px;display:grid}.rainbird-form>small,.rainbird-form>p,.rainbird-form>span{grid-column:1/-1}.irrigation-control{color:var(--text-4);justify-items:center;gap:10px;display:grid}.irrigation-control.is-watering{color:var(--cool)}.irrigation-status{border:1px solid var(--line);color:var(--text-4);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex}.irrigation-status.is-watering{border-color:var(--cool-line);background:var(--cool-soft);color:var(--cool)}.irrigation-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite soft-pulse}.irrigation-gauge{place-items:center;width:64px;height:64px;display:grid;position:relative}.gauge-ring{width:100%;height:100%;position:absolute;inset:0}.gauge-track{stroke:var(--line);stroke-width:5px}.gauge-run{stroke:var(--cool);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.gauge-face{flex-direction:column;align-items:center;gap:2px;line-height:1;display:flex}.water-icon{width:24px;height:28px}.gauge-left{color:var(--text-2);font-variant-numeric:tabular-nums;font-family:ui-monospace,JetBrains Mono,monospace;font-size:12.5px;font-weight:700}.irrigation-amount{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.irrigation-stepper{border:1px solid var(--line-strong);background:#060c1266;border-radius:12px;align-items:center;gap:4px;padding:3px;display:flex}.irrigation-stepper button{width:28px;min-width:28px;height:28px;color:var(--text-4);background:0 0;border:0;border-radius:9px;place-items:center;padding:0;font-size:16px;line-height:1;display:grid}.irrigation-stepper output{text-align:center;min-width:4ch;color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.irrigation-stepper output i{color:var(--text-4);margin-left:2px;font-size:11px;font-style:normal;font-weight:600}.irrigation-presets{gap:6px;display:flex}.irrigation-presets button{border:1px solid var(--line-strong);background:var(--line-soft);min-width:0;color:var(--text-4);border-radius:11px;padding:7px 11px;font-size:12.5px;font-weight:600;line-height:1}.irrigation-presets button.is-picked{color:var(--accent);background:#e4b45b24;border-color:#e4b45b4d}.irrigation-actions{align-items:center;gap:8px;display:flex}.irrigation-actions button{border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:36px;padding:10px 16px;font-size:13.5px;font-weight:700;line-height:1;display:inline-flex}.irrigation-run{color:var(--accent);background:#e4b45b21;border:1px solid #e4b45b52}.irrigation-stop{color:#ef8f78;background:#ef8f7821;border:1px solid #ef8f7852}.irrigation-square{background:currentColor;border-radius:4px;width:13px;height:13px}.channel-grid .kind-irrigation{grid-column:span 2}.kind-irrigation .channel-meta{display:none}@media (width<=640px){.rainbird-form{grid-template-columns:1fr}}.nav-toggle{min-width:40px;min-height:40px;box-shadow:none;color:#c3d0dc;background:0 0;border:0;border-radius:10px;order:-1;place-items:center;margin-left:-6px;padding:0;font-size:20px;line-height:1;display:inline-grid}.nav-toggle:hover{background:var(--line-soft);color:var(--text)}.nav-toggle[aria-expanded=true]{background:var(--line);color:var(--text)}.drawer-backdrop{z-index:40;opacity:0;pointer-events:none;background:#0a0a0cb3;transition:opacity .22s;position:fixed;inset:0}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.drawer{z-index:41;width:min(300px,86vw);padding:max(10px, env(safe-area-inset-top)) 10px max(12px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));background:var(--bg-deep);border-right:1px solid var(--line);visibility:hidden;flex-direction:column;transition:transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s linear .26s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-104%);box-shadow:0 0 60px #00000080}.drawer.is-open{visibility:visible;transition:transform .26s cubic-bezier(.2,.8,.2,1),visibility;transform:translate(0)}@media (width<=600px){.drawer{width:100%;box-shadow:none;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));border-right:0}}.drawer-head{align-items:center;gap:8px;min-height:46px;padding:0 4px 0 8px;font-size:16px;display:flex}.drawer-head .brand{font-size:24px;line-height:1}.drawer-head strong{flex:1;font-weight:650}.drawer-close{width:36px;height:36px;box-shadow:none;color:var(--text-2);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;font-size:16px;display:inline-grid}.drawer-close:hover{background:var(--line-strong);color:var(--text)}.drawer-user{background:var(--surface);color:var(--text);border:0;border-radius:14px;align-items:center;gap:12px;margin:6px 0 4px;padding:12px;text-decoration:none;display:flex}.drawer-user:hover{background:var(--surface-2)}.drawer-section{flex-direction:column;gap:2px;padding:8px 0 4px;display:flex}.drawer-section+.drawer-section{border-top:1px solid var(--line)}.drawer-heading{letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);padding:4px 12px 8px;font-size:11px;font-weight:700}.drawer a,.drawer .drawer-logout{min-height:46px;box-shadow:none;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;padding:6px 12px;font-size:15px;font-weight:600;text-decoration:none;transition:background .18s,color .18s;display:flex}.drawer a:hover,.drawer .drawer-logout:hover{background:var(--surface);color:var(--text)}.drawer a[aria-current=page]{color:var(--text);background:var(--surface-2);font-weight:700}.drawer-icon{width:24px;color:var(--text-4);place-items:center;font-size:17px;display:inline-grid}.drawer a[aria-current=page] .drawer-icon{color:var(--accent)}.drawer-label{flex-direction:column;min-width:0;line-height:1.2;display:flex}.drawer-label small{color:var(--text-4);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.drawer .drawer-logout:hover{color:var(--bad);background:var(--bad) 18}.drawer-foot{border-top:1px solid var(--line);color:var(--text-4);flex-direction:column;align-items:stretch;gap:8px;margin-top:auto;padding:12px 12px 4px;font-size:11px;display:flex}.drawer-foot .drawer-logout{border:1px solid var(--line)}.drawer-foot .app-version{align-self:center}.drawer a:focus-visible,.drawer button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.drawer,.drawer.is-open,.drawer-backdrop{transition:none}}.setup-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.integration-intro{padding-top:44px}.integration-intro h1{font-size:clamp(30px,5vw,44px)}.home-inventory{margin-top:36px}.setup-link{color:var(--accent);padding:12px;text-decoration:none;display:inline-block}@media (width<=900px){header{flex-wrap:nowrap;gap:6px;font-size:16px}}.channel-name .favorite-button{color:#8294a5;min-width:26px;min-height:26px;box-shadow:none;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:inline-flex}.channel-name .favorite-button.is-favorite{color:var(--warn)}.channel-name .favorite-button:hover{background:var(--warn) 15;color:var(--warn)}.channel-name .favorite-button:focus-visible{outline:2px solid var(--warn);outline-offset:2px}label,.status>div,.inventory-heading>div,.standalone-actions>small{min-width:0}.channel-name strong,.standalone-room,.standalone-actions>small,.device-room,.empty,.rainbird-setup{overflow-wrap:anywhere}.actions,.irrigation-actions{flex-wrap:wrap}@media (width<=600px){main{padding:max(16px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}header{margin-right:calc(-1 * max(12px, env(safe-area-inset-right)));margin-left:calc(-1 * max(12px, env(safe-area-inset-left)))}.home-inventory{margin-top:24px}.integration-intro{padding:24px 0}.status{gap:16px;padding:16px}.scan-controls select{min-width:0}.panel{flex-direction:column;align-items:stretch}.standalone-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}.standalone-channel{height:auto;min-height:300px;padding:10px}.standalone-content{overflow:visible}.standalone-content .kind-cover .channel-name strong{overflow-wrap:anywhere}.standalone-content .kind-cover .channel-heading{flex-wrap:wrap}.standalone-content .channel-heading{flex-direction:column;align-items:stretch}.standalone-content .channel-heading .power-toggle{align-self:center}.standalone-content .channel-heading .channel-name{flex-wrap:wrap;flex:none;justify-content:center;width:100%}.standalone-content .channel-name strong,.standalone-content .channel-tile .channel-name strong{text-align:center;width:100%;max-width:100%}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-settings-backdrop{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.channel-settings-backdrop .channel-view-settings{max-height:90dvh;padding:0}.channel-type-settings label{grid-template-columns:minmax(0,1fr)}.divider-edit{flex-wrap:wrap;flex:1}.divider-edit input{width:100%}.divider-toolbar input{flex:180px}main input:not([type=checkbox]):not([type=range]),main select,main textarea{min-height:44px;font-size:16px}main button,main .channel-name button,main .control-buttons button{min-width:44px;min-height:44px}.sortable-card>.drag-handle{top:2px;right:2px}.sortable-card .device-top,.sortable-card .standalone-heading{min-height:36px;padding-right:34px}.channel-divider{gap:4px;padding-right:44px}}@media (width<=380px){.standalone-grid{grid-template-columns:minmax(0,1fr)}}.group-members{border:1px solid #2b3a48;border-radius:12px;grid-column:1/-1;gap:14px;margin:0;padding:12px;display:grid}.group-members legend{color:var(--text-3);padding:0 6px;font-size:12px}.group-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.group-chip{background:var(--surface);border:1px solid #2f4557;border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:12px;display:inline-flex}.group-chip button{min-height:0;color:var(--text-3);background:0 0;border:0;padding:0 4px;font-size:15px;line-height:1}.group-chip button:hover{color:var(--bad)}.group-search{padding:8px;font-size:13px}.group-list{gap:10px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.group-list>li>strong{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.group-list ul{gap:2px;margin:4px 0 0;padding:0;list-style:none;display:grid}.group-list li label{cursor:pointer;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;padding:6px 8px;font-size:13px;display:grid}.group-list li label:hover{background:var(--line-soft)}.group-list li small{color:var(--text-4);grid-column:2;font-size:11px}.group-list li.is-taken label{color:var(--text-4);cursor:default}main .group-members input[type=checkbox]{appearance:auto;width:18px;height:18px;min-height:0}:root{--card-surface:var(--surface);--card-line:var(--line);--card-line-strong:var(--line-strong);--card-radius:18px;--card-pad:14px;--card-shadow:0 10px 28px #0003;--card-shadow-lift:0 18px 44px #0005;--card-title:var(--text);--card-muted:var(--text-4);--card-accent:var(--accent);--card-warn:var(--warn);--card-bad:var(--bad);--ease:cubic-bezier(.22, 1, .36, 1);--fast:.15s;--slow:.32s}.standalone-channel,.matter-lock-card,.device-card,.automation-card,.camera-card{border:1px solid var(--card-line);border-radius:var(--card-radius);background:var(--card-surface);box-shadow:var(--card-shadow);transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease), border-color var(--fast) var(--ease)}@media (hover:hover){.standalone-channel:hover,.matter-lock-card:hover,.device-card:hover,.automation-card:hover,.camera-card:hover{border-color:var(--card-line-strong);box-shadow:var(--card-shadow-lift);transform:translateY(-2px)}}.standalone-channel:focus-within,.matter-lock-card:focus-within,.camera-card:focus-within{border-color:var(--card-accent)}.standalone-grid{grid-auto-rows:auto;align-items:start;gap:14px}@media (width>=601px){.standalone-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}.standalone-channel,.matter-lock-card{height:auto;min-height:272px;padding:var(--card-pad);gap:8px;overflow:visible}.standalone-grid>.channel-divider{margin:0}.standalone-heading>small,.standalone-room,.matter-lock-meta,.standalone-actions>small,.automation-meta{letter-spacing:.02em;color:var(--card-muted);font-size:10.5px}.matter-lock-heading h3,.standalone-content .channel-name strong,.camera-overlay-heading h2{color:var(--card-title);letter-spacing:-.01em;font-size:14px;font-weight:600}.matter-lock-visual small,.standalone-content .channel-meta{color:var(--card-muted);font-size:11px}.standalone-heading,.matter-lock-heading{min-height:24px;padding-left:0;padding-right:26px}.standalone-heading .channel-name{flex:1;min-width:0}.standalone-heading .channel-name strong{color:var(--card-title);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.standalone-room{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.standalone-heading:has(.channel-name-editor){padding-right:0;display:block}.matter-lock-heading{gap:4px}.standalone-content,.matter-lock-visual{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:0;display:flex}.matter-lock-visual svg{transition:color var(--slow) var(--ease), transform var(--fast) var(--ease)}.matter-lock-card.unlocked .matter-lock-visual svg{filter:drop-shadow(0 0 14px var(--warn) 40)}main .matter-lock-toggle{width:calc(var(--tile-hero) + 12px);height:calc(var(--tile-hero) + 12px);box-shadow:none;color:inherit;transition:background var(--fast) var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}@media (hover:hover){main .matter-lock-toggle:hover:not(:disabled){background:var(--line-soft)}}main .matter-lock-toggle:disabled{opacity:.5}main .matter-unlatch{min-height:28px;margin-top:2px;padding:4px 10px;font-size:11px}.matter-confirm{justify-content:space-between;width:100%}.standalone-actions button{transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease)}.standalone-actions,.matter-lock-meta{border-top:1px solid var(--line-soft);min-height:30px;margin-top:auto;padding-top:8px}.standalone-actions button,.matter-lock-heading button,.channel-name button{border-radius:10px;place-items:center;min-width:28px;min-height:28px;padding:0 6px;font-size:13px;line-height:1;display:inline-grid}@media (hover:hover){.standalone-actions button:hover,.matter-lock-heading button:hover,.channel-name button:hover{background:var(--line);color:var(--card-title)}}button:active:not(:disabled){transform:scale(.96)}.camera-overlay-actions .favorite-button{pointer-events:auto;width:32px;min-width:32px;height:32px;min-height:32px;box-shadow:none;color:var(--text);filter:drop-shadow(0 1px 3px #000c);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.camera-overlay-actions .favorite-button.is-favorite{color:var(--card-warn)}.sortable-card>.drag-handle{opacity:0;transition:opacity var(--fast) var(--ease);top:8px;right:8px}.sortable-card:hover>.drag-handle,.sortable-card:focus-within>.drag-handle,.sortable-card.is-dragging>.drag-handle{opacity:.8}@media (hover:none){.sortable-card>.drag-handle{opacity:.45}}main .sortable-card>.drag-handle{width:30px;min-width:30px;height:30px;min-height:30px;font-size:19px}.channel-heading .power-toggle.type-door,.channel-tile .channel-heading .power-toggle.type-door,.standalone-content .channel-tile .power-toggle.type-door{box-shadow:none;background:0 0;border:0;border-radius:50%;width:56px;min-width:44px;max-width:none;min-height:56px;padding:4px}.power-toggle.type-door svg{width:36px;height:36px;transition:color var(--slow) var(--ease)}.power-toggle.type-door.is-off{color:#8096aa}.power-toggle.type-door.is-on{color:var(--accent);filter:drop-shadow(0 0 12px #e4b45b55)}.standalone-content .power-toggle.type-door{width:84px;min-height:84px}.standalone-content .power-toggle.type-door svg{stroke-width:1.35px;width:60px;height:60px}.standalone-content .display-door .channel-heading{flex-direction:column-reverse;justify-content:center}.power-toggle{transition:background .14s ease-out, border-color .14s ease-out, color .14s ease-out, box-shadow .14s ease-out, transform var(--fast) var(--ease)}.power-toggle svg{transition:color .14s ease-out,opacity .14s ease-out,filter .14s ease-out}.power-toggle.is-on{box-shadow:0 0 0 1px #e4b45b33}.power-toggle.is-sending{cursor:progress}.power-toggle.is-sending>span:first-child{opacity:.75;display:inline-flex}.standalone-channel.is-unavailable,.matter-lock-card.offline{background:linear-gradient(158deg,#2c2430 0%,#1d1a24 100%);border-color:#7d4f4c}.push-setup{margin-top:24px;display:block}.push-setup summary{cursor:pointer;font-weight:600}.push-setup p{max-width:70ch}.push-actions{flex-wrap:wrap;gap:10px;margin:14px 0 8px;display:flex}@keyframes card-enter{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@keyframes soft-pulse{0%,to{opacity:1}50%{opacity:.45}}.standalone-channel,.matter-lock-card,.device-card,.automation-card,.camera-card{animation:card-enter var(--slow) var(--ease) both}.standalone-grid>:nth-child(2),.device-grid>:nth-child(2){animation-delay:25ms}.standalone-grid>:nth-child(3),.device-grid>:nth-child(3){animation-delay:50ms}.standalone-grid>:nth-child(4),.device-grid>:nth-child(4){animation-delay:75ms}.standalone-grid>:nth-child(5),.device-grid>:nth-child(5){animation-delay:.1s}.standalone-grid>:nth-child(n+6),.device-grid>:nth-child(n+6){animation-delay:.125s}.connection-ok,.camera-indicator.live{animation:2.6s ease-in-out infinite soft-pulse}.cover-blind,.input-indicator,.cover-percent{transition:height .6s var(--ease), color var(--slow) var(--ease)}dialog[open]{animation:card-enter .22s var(--ease) both}@media (prefers-reduced-motion:reduce){.standalone-channel,.matter-lock-card,.device-card,.automation-card,.camera-card,dialog[open],.connection-ok,.camera-indicator.live{animation:none}.standalone-channel:hover,.matter-lock-card:hover,.device-card:hover,.automation-card:hover,.camera-card:hover,button:active:not(:disabled){transform:none}}@media (width<=600px){.standalone-grid{align-items:start}.standalone-channel,.matter-lock-card{gap:6px;height:auto;min-height:0;padding:10px}.standalone-room{display:none}.standalone-heading{padding-right:22px}.standalone-heading .channel-name strong,.matter-lock-heading h3{font-size:12.5px}main .standalone-heading .channel-name button:not(.favorite-button){display:none}main .standalone-heading .channel-name .favorite-button{min-width:32px;min-height:32px;padding:2px}.standalone-heading .channel-name{gap:2px;min-width:0}.standalone-heading .channel-name strong{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;overflow:hidden}.cover-percent{font-size:24px}.matter-lock-visual svg{width:52px;height:52px}.standalone-content .power-toggle.type-door{width:56px;min-height:56px}.standalone-content .power-toggle.type-door svg{width:38px;height:38px}.control-buttons{gap:4px;margin:4px 0}.control-buttons button{min-width:0;padding:6px 4px;font-size:11px}.slider-control label,.standalone-content .channel-meta{font-size:10px}.standalone-content{flex:0 auto;justify-content:flex-start}.standalone-content>.channel{flex:0 auto}.standalone-actions{min-height:26px;padding-top:6px}.standalone-actions>small{font-size:9.5px}.st-device-card{min-height:0;padding:10px}.st-climate-controls{grid-template-columns:minmax(0,1fr)}.st-setpoint{grid-column:auto}.st-climate-reading strong{font-size:26px}.st-power{width:38px;height:38px}.st-climate-reading .st-windfree{width:32px;min-width:32px;height:32px}.st-card-heading h3{font-size:12.5px}}.st-device-card{min-height:272px;padding:var(--card-pad);border:1px solid var(--card-line);border-radius:var(--card-radius);background:var(--card-surface);box-shadow:var(--card-shadow);animation:card-enter var(--slow) var(--ease) both;transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease), border-color var(--fast) var(--ease);gap:8px}.st-device-card.on{background:var(--card-surface);border-color:#4b8284}.st-device-card.offline{opacity:1;background:linear-gradient(158deg,#2c2430 0%,#1d1a24 100%);border-color:#7d4f4c}@media (hover:hover){.st-device-card:hover{border-color:var(--card-line-strong);box-shadow:var(--card-shadow-lift);transform:translateY(-2px)}}.st-device-card:focus-within{border-color:var(--card-accent)}.st-card-heading{gap:4px;min-height:24px;padding-left:0;padding-right:26px}.st-card-heading h3{color:var(--card-title);letter-spacing:-.01em;font-size:14px;font-weight:600}.st-card-heading button{border-radius:10px;place-items:center;min-width:28px;min-height:28px;padding:0 6px;font-size:13px;line-height:1;display:inline-grid}@media (hover:hover){.st-card-heading button:hover{background:var(--line);color:var(--card-title)}}.st-climate-reading{padding:0}.st-climate-reading strong{letter-spacing:-1.5px;color:var(--card-title);font-size:34px}.st-climate-reading span,.st-climate-reading small{color:var(--card-muted)}.st-climate-controls{flex:1;align-content:start;gap:8px;min-height:0;overflow:visible}.st-setpoint{grid-column:auto}.st-setpoint label{flex-direction:column;align-items:stretch;gap:3px}.st-setpoint label>span{color:var(--card-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.st-setpoint label>div{gap:4px}.st-setpoint input{text-align:center;width:100%;min-width:0;max-width:96px;padding:5px 4px;font-size:12.5px}.st-setpoint small{color:var(--card-muted);font-size:10.5px}.st-setpoint button{border-radius:8px;min-width:24px;min-height:24px;padding:0 5px;font-size:12px}.st-climate-controls label{font-size:10.5px}.st-climate-controls select{margin-top:3px;padding:5px 6px;font-size:11.5px}.st-power{width:44px;height:44px}.st-climate-reading .st-windfree{border-radius:50%;align-self:center;gap:0;width:38px;min-width:38px;height:38px;margin-left:auto;margin-right:6px;padding:0}.st-climate-reading .st-windfree span{font-size:17px;line-height:1}.st-power svg{width:24px;height:24px}.st-card-footer{border-top:1px solid var(--line-soft);letter-spacing:.02em;min-height:30px;color:var(--card-muted);align-items:center;margin-top:auto;padding-top:8px;font-size:10.5px}@media (prefers-reduced-motion:reduce){.st-device-card{animation:none}.st-device-card:hover{transform:none}}.update-banner{color:var(--card-title);animation:card-enter var(--slow) var(--ease) both;background:#e4b45b14;border:1px solid #e4b45b66;border-radius:12px;align-items:center;gap:12px;margin:12px 0 0;padding:10px 14px;font-size:13px;display:flex}.update-banner span{flex:1;min-width:0}.update-banner button{flex:none}.app-version{opacity:.6;font-variant-numeric:tabular-nums;white-space:nowrap}:root{--tile-pad:12px;--tile-gap:8px;--tile-head:32px;--tile-foot:30px;--tile-hero:52px;--tile-icon-btn:30px}main .standalone-grid{align-items:stretch;gap:12px}main .standalone-channel,main .matter-lock-card{height:auto;min-height:0;padding:var(--tile-pad);gap:var(--tile-gap);flex-direction:column;display:flex;overflow:visible}main .standalone-heading,main .matter-lock-heading{min-height:var(--tile-head);align-items:center;gap:4px;padding:0 30px 0 0;display:flex}main .standalone-heading .channel-name{flex:1;align-items:center;gap:2px;min-width:0;display:flex}main .standalone-heading .channel-name strong,main .matter-lock-heading h3{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;min-width:0;color:var(--card-title);text-align:left;flex:1;margin:0;font-size:13.5px;font-weight:600;line-height:1.3;overflow:hidden}main .standalone-heading .channel-name button,main .matter-lock-heading button{width:var(--tile-icon-btn);min-width:var(--tile-icon-btn);height:var(--tile-icon-btn);min-height:var(--tile-icon-btn);border-radius:9px;flex:none;place-items:center;padding:0;font-size:14px;line-height:1;display:inline-grid}main .standalone-heading .channel-name button,main .matter-lock-heading button,main .standalone-actions button,main .matter-lock-meta button{box-shadow:none;color:var(--card-muted);background:0 0;border:1px solid #0000}@media (hover:hover){main .standalone-heading .channel-name button:hover,main .matter-lock-heading button:hover,main .standalone-actions button:hover,main .matter-lock-meta button:hover{background:var(--line);color:var(--card-title)}}main .standalone-heading .favorite-button.is-favorite,main .matter-lock-heading .favorite-button.is-favorite{color:var(--warn)}main .matter-lock-heading .favorite-button svg{width:17px;height:17px}main .standalone-heading .channel-name button:not(.favorite-button){display:none}main .standalone-heading .channel-name .favorite-button{width:var(--tile-icon-btn);min-width:var(--tile-icon-btn);height:var(--tile-icon-btn);min-height:var(--tile-icon-btn);padding:0}main .standalone-heading .favorite-button svg{width:17px;height:17px}main .standalone-room{text-overflow:ellipsis;white-space:nowrap;flex:none;margin:-4px 0 0;font-size:10.5px;line-height:1.45;overflow:hidden}main .size-t .standalone-actions,main .size-l .standalone-actions{border-top:1px solid var(--line-soft);padding-top:8px}main .standalone-content,main .matter-lock-visual{min-height:calc(var(--tile-hero) + 28px);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:4px;padding:0;display:flex;overflow:visible}main .standalone-content>.channel{flex:0 auto;width:100%}main .standalone-content .channel-tile .channel-heading:has(.channel-readout){flex-direction:row;justify-content:center;align-items:center;gap:14px}main .channel-readout{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}main .channel-value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--card-title);white-space:nowrap;font-size:22px;font-weight:500;line-height:1.05}main .channel-value small{color:var(--text-4);font-size:13px}main .channel-readout-word{color:var(--text-4);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}main .size-s .channel-readout{display:none}main .matter-lock-visual svg{width:var(--tile-hero);height:var(--tile-hero)}main .standalone-content .power-toggle.type-light,main .standalone-content .power-toggle.type-door{width:calc(var(--tile-hero) + 12px);min-height:calc(var(--tile-hero) + 12px)}main .standalone-content .power-toggle.type-light svg,main .standalone-content .power-toggle.type-door svg{width:var(--tile-hero);height:var(--tile-hero)}main .cover-percent{font-size:30px}main .standalone-content .channel-meta,main .matter-lock-visual small{color:var(--card-muted);margin:0;font-size:11px;line-height:1.3}main .standalone-content .control-buttons{gap:6px;margin:4px 0 0}main .standalone-content .control-buttons button,main .matter-lock-controls button{border-radius:10px;min-height:32px;padding:6px 8px;font-size:12px}main .matter-lock-controls{gap:6px}main .matter-confirm{padding:8px;font-size:11.5px}main .standalone-actions,main .matter-lock-meta{min-height:var(--tile-foot);padding-top:var(--tile-gap);border-top:1px solid var(--line-soft);color:var(--card-muted);flex-wrap:nowrap;align-items:center;gap:6px;margin-top:auto;font-size:10.5px;display:flex}main .standalone-actions>small,main .matter-lock-meta>small,main .matter-lock-meta>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}main .standalone-actions button,main .matter-lock-meta button{border-radius:9px;flex:none;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:13px;line-height:1;display:inline-grid}main .standalone-actions .connection-ok,main .standalone-actions .connection-error,main .standalone-actions .connection-loading{flex:none;margin:0}@media (width<=600px){:root{--tile-pad:10px;--tile-gap:6px;--tile-head:28px;--tile-foot:28px;--tile-hero:44px;--tile-icon-btn:28px}main .standalone-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}main .standalone-heading,main .matter-lock-heading{padding-right:26px}main .standalone-heading .channel-name strong,main .matter-lock-heading h3{font-size:12.5px}main .standalone-room{display:none}main .standalone-content .control-buttons button,main .matter-lock-controls button{min-height:30px;padding:5px 6px;font-size:11.5px}main .cover-percent{font-size:16px}main .standalone-actions>small,main .matter-lock-meta{font-size:10px}}@media (width<=380px){main .standalone-grid{grid-template-columns:minmax(0,1fr)}}:root{--cover-glass:#3c6c86;--cover-frame:var(--line-strong);--cover-slat:#9fb1c2;--cover-slat-line:#43586b;--cover-rail:#1b2a33;--cover-open:var(--accent);--cover-close:var(--accent);--cover-stop:var(--bad)}main .standalone-content .kind-cover{flex-direction:column;gap:6px;width:100%;display:flex}main .standalone-content .kind-cover .channel-heading{flex-flow:row;justify-content:flex-end;align-items:center;min-height:22px;display:flex}main .standalone-content .kind-cover .channel-meta{display:none}main .cover-status{border:1px solid var(--card-line);letter-spacing:.02em;height:22px;color:var(--card-muted);white-space:nowrap;transition:color var(--fast) var(--ease), border-color var(--fast) var(--ease), background var(--fast) var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:10.5px;line-height:1;display:inline-flex}main .cover-status.is-pending{color:var(--card-title);border-color:#fff2}main .cover-status.is-opening{color:var(--cover-open);background:#e4b45b14;border-color:#e4b45b55}main .cover-status.is-closing{color:var(--cover-close);background:#ef8f7814;border-color:#ef8f7855}main .cover-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite cover-dot}@keyframes cover-dot{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}main .kind-cover .cover-scene{height:calc(var(--tile-hero) + 12px);min-height:0;color:var(--card-muted);justify-content:center;align-items:center;gap:12px;margin:0;display:flex}main .cover-window{width:calc(var(--tile-hero) * .78);height:calc(var(--tile-hero) + 4px);border:1px solid var(--cover-frame);background:linear-gradient(180deg, #5b93ad, var(--cover-glass));border-radius:7px;flex:none;position:relative;overflow:hidden}main .cover-window:before{z-index:1;background:linear-gradient(180deg, #8ea2b4, var(--cover-rail));content:"";border-radius:6px 6px 2px 2px;height:5px;position:absolute;inset:0 0 auto}main .cover-blind{background:repeating-linear-gradient(180deg, var(--cover-slat) 0 4px, var(--cover-slat-line) 4px 5px);background-size:100% 5px;display:block;position:absolute;inset:0 0 auto}main .cover-rail{background:var(--cover-rail);height:2px;position:absolute;inset:auto 0 0}main .cover-scene.is-stale{opacity:.45}main .cover-scene.is-moving .cover-blind{animation:.9s linear infinite cover-slats}main .cover-scene.is-closing .cover-blind{animation-direction:reverse}@keyframes cover-slats{0%{background-position:0 0}to{background-position:0 -5px}}main .cover-scene .cover-percent{letter-spacing:-1px;color:var(--card-title);font-variant-numeric:tabular-nums;text-align:left;font-size:30px;font-weight:800;line-height:1}main .cover-scene .cover-percent i{color:var(--card-muted);margin-left:2px;font-size:.48em;font-style:normal;font-weight:700}main .cover-scene.is-opening .cover-percent{color:var(--cover-open)}main .cover-scene.is-closing .cover-percent{color:var(--cover-close)}main .kind-cover .cover-controls{border:1px solid var(--card-line);background:#00000026;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;height:42px;padding:4px;display:grid}main .kind-cover .cover-button{min-width:0;height:100%;min-height:0;box-shadow:none;color:var(--card-muted);transition:background var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:11px;place-items:center;padding:0;display:inline-grid}main .kind-cover .cover-button svg{width:20px;height:20px}main .kind-cover .cover-button .command-spinner{width:14px;height:14px}@media (hover:hover){main .kind-cover .cover-button:hover:not(:disabled){background:var(--line);color:var(--card-title)}}main .kind-cover .cover-button:active:not(:disabled){transform:scale(.94)}main .kind-cover .cover-stop{color:var(--cover-stop)}main .kind-cover .cover-open.is-active{color:var(--cover-open);background:#e4b45b1f;animation:1.8s ease-in-out infinite cover-ring}main .kind-cover .cover-close.is-active{color:var(--cover-close);background:#ef8f781f;animation:1.8s ease-in-out infinite cover-ring}@keyframes cover-ring{0%,to{box-shadow:inset 0 0 0 1px}50%{box-shadow:inset 0 0 0 1px,0 0 10px -2px}}main .kind-cover .cover-button.is-active svg{animation:1s ease-in-out infinite cover-nudge}main .kind-cover .cover-close.is-active svg{animation-name:cover-nudge-down}@keyframes cover-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes cover-nudge-down{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}main .kind-cover .cover-button:disabled{opacity:.45}main .kind-cover .cover-button[aria-busy=true]{opacity:1;color:var(--card-title)}main .kind-cover .slider-control{align-items:center;gap:6px;height:30px;margin:0;display:flex}main .kind-cover .slider-control label{flex:1;align-items:center;gap:6px;min-width:0;display:flex}main .kind-cover .range-caption{color:var(--card-muted);flex:none;gap:3px;font-size:10.5px}main .kind-cover .range-caption output{min-width:3.2ch;color:var(--card-title)}main .kind-cover .slider-control input[type=range]{flex:1;min-width:0;height:22px;min-height:0;margin:0;padding:0}main .kind-cover .slider-control button{border-radius:9px;flex:none;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:13px}main .standalone-content .kind-cover>small{color:var(--card-muted);text-align:center;font-size:10px}@media (width<=600px){main .kind-cover .cover-controls{height:38px}main .cover-scene .cover-percent{font-size:24px}}@media (prefers-reduced-motion:reduce){main .cover-status-dot,main .cover-scene.is-moving .cover-blind,main .kind-cover .cover-button.is-active,main .kind-cover .cover-button.is-active svg{animation:none}main .kind-cover .cover-button.is-active{box-shadow:inset 0 0 0 1px}main .cover-scene .shade{transition:none}}main .room-head{justify-content:space-between;align-items:flex-end;gap:12px;margin:36px 0 0;display:flex}main .room-clock{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-3);margin-left:auto;font-size:14px}main .room-power{color:var(--accent)}main .room-head-text{min-width:0}main .room-head .presence-toggle{display:none}@media (width<=600px){main .room-head .presence-toggle,main .room-head .presence-label{display:revert}main .room-head .presence-option{min-width:0;padding:0 9px}}main .room-head h1{letter-spacing:-.02em;margin:12px 0 0;font-size:36px;font-weight:800;line-height:1.1}main .room-head p{color:var(--text-3);margin:6px 0 0;font-size:14px}main .room-head p span{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-2)}@media (width<=600px){main .room-head{margin-top:20px}main .room-head h1{font-size:30px}}main .home-toolbar{align-items:center;gap:8px;margin:12px 0 14px;display:flex}main .home-toolbar .room-filters{flex:1;min-width:0;margin:0}main .home-tools{flex:none;gap:4px;display:flex}@media (width<=600px){main>header .home-tools{display:flex}}main .icon-button{border:1px solid var(--card-line);width:38px;min-width:38px;height:38px;min-height:38px;box-shadow:none;color:var(--card-muted);transition:background var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border-radius:12px;place-items:center;padding:0;display:inline-grid}@media (hover:hover){main .icon-button:hover{background:var(--line);color:var(--card-title)}}main .icon-button.is-active{color:var(--card-accent);background:#e4b45b14;border-color:#e4b45b66}main .home-search{animation:card-enter var(--fast) var(--ease) both;margin:-6px 0 14px;display:block}main .home-search input{box-sizing:border-box;width:100%}.home-options h3{letter-spacing:.04em;text-transform:uppercase;color:var(--card-muted);margin:18px 0 8px;font-size:12px}.home-options>small{color:var(--card-muted);margin-top:8px;line-height:1.5;display:block}.home-options .view-switch{margin:0}.home-options .view-switch button{flex:1}.home-options .divider-toolbar{grid-template-columns:1fr auto;gap:8px;margin:0;display:grid}.home-options .divider-toolbar input{box-sizing:border-box;width:100%}.home-options .divider-toolbar small{color:var(--card-muted);grid-column:1/-1;line-height:1.5}@media (width<=600px){main .home-toolbar{margin:8px 0 10px}main .home-toolbar .room-filters{margin:0;padding-right:4px}main .home-toolbar .home-tools{display:none}main .icon-button{width:36px;min-width:36px;height:36px;min-height:36px}}main .home-inventory{touch-action:pan-y}main .home-pane.slide-left{animation:pane-from-right var(--slow) var(--ease) both}main .home-pane.slide-right{animation:pane-from-left var(--slow) var(--ease) both}@keyframes pane-from-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes pane-from-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){main .home-pane.slide-left,main .home-pane.slide-right{animation:none}}:root{--tile-unit:112px}main .standalone-grid.is-packed{grid-auto-rows:var(--tile-unit);align-items:stretch}main .standalone-grid.is-packed>*{min-height:0;overflow:hidden}main .standalone-grid.is-packed .standalone-content{overflow:hidden}main .standalone-grid>.sortable-card.is-folded{display:none}main .standalone-grid.is-packed>.room-camera-tile{flex-direction:column;align-self:stretch;min-height:0;display:flex}main .standalone-grid.is-packed>.room-camera-tile>.camera-card{aspect-ratio:auto;flex:1;height:auto;min-height:0}main .standalone-grid.is-packed .camera-resize-handle{display:none}main .standalone-grid.is-packed .camera-overlay-actions{padding-right:10px}.camera-card.is-fullscreen{z-index:1000;aspect-ratio:auto;width:auto;height:auto;max-height:none;box-shadow:none;background:#000;border:0;border-radius:0;animation:none;position:fixed;inset:0;transform:none}.camera-card.is-fullscreen .camera-preview{border-radius:0}.camera-card.is-fullscreen .camera-preview img,.camera-card.is-fullscreen .camera-preview video{object-fit:contain}.camera-card.is-fullscreen .camera-overlay-heading{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-left:calc(14px + env(safe-area-inset-left,0px))}.camera-card.is-fullscreen .camera-overlay-actions{padding-right:calc(12px + env(safe-area-inset-right,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.camera-card.is-fullscreen .camera-overlay-heading h2{font-size:16px}main .standalone-grid.is-packed>.channel-divider{align-self:center;min-height:34px;margin:0;padding-top:2px;padding-bottom:2px}.layout-edit-bar{color:var(--text-2);background:#e4b45b12;border:1px solid #e4b45b55;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin:0 0 12px;padding:8px 12px;font-size:12.5px;line-height:1.45;display:flex}.layout-edit-bar button{white-space:nowrap;padding:6px 14px;font-size:12px}.sortable-card.is-editing{outline-offset:2px;outline:1px dashed #e4b45b66}.sortable-card.is-editing>:not(.card-veil):not(.drag-handle){pointer-events:none;-webkit-user-select:none;user-select:none}.card-veil{z-index:1;border-radius:inherit;-webkit-backdrop-filter:blur(2px);background:#0c141dcc;place-items:center;display:grid;position:absolute;inset:0}.size-picker{justify-items:center;gap:6px;display:grid}.size-picker-cells{grid-template-columns:repeat(4, var(--size-cell,22px));grid-auto-rows:var(--size-cell,22px);background:var(--line-soft);border-radius:8px;gap:3px;padding:4px;display:grid}main .size-picker .size-cell{width:var(--size-cell,22px);height:var(--size-cell,22px);background:var(--surface);min-width:0;min-height:0;box-shadow:none;border:1px solid #3b4d5f;border-radius:4px;padding:0;transition:background .12s,border-color .12s}main .size-picker .size-cell.is-current{background:var(--accent-soft);border-color:#e4b45b88}main .size-picker .size-cell.is-covered{border-color:var(--accent);background:var(--accent)}main .size-picker .size-cell:focus-visible{outline:2px solid var(--text);outline-offset:1px}.size-picker small{color:var(--accent);font-variant-numeric:tabular-nums;font-size:11px}@media (pointer:coarse){.size-picker-cells{--size-cell:28px}}main .size-s.standalone-channel,main .size-s.matter-lock-card{gap:2px;padding:8px 8px 6px}main .size-s .standalone-room,main .size-s .slider-control,main .size-s .channel-meta,main .size-s .cover-scene,main .size-s .scene-run-label,main .size-s .standalone-content .scene-run+small,main .size-s .bthome-chips,main .size-s .favorite-button,main .size-s .channel-name button:not(.favorite-button),main .size-s .channel-name-editor form{display:none}main .size-s .standalone-heading,main .size-s .matter-lock-heading{flex:none;order:2;justify-content:center;min-height:0;padding:0}main .size-s .standalone-heading .channel-name,main .size-s .standalone-heading .channel-name strong,main .size-s .matter-lock-heading h3{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;font-size:11px;line-height:1.25;display:block;overflow:hidden}main .size-s .standalone-content{flex-direction:row;order:1;justify-content:center;min-height:0;padding-top:30px}main .size-s .matter-lock-visual{padding-top:30px}main .size-s .standalone-content .power-toggle,main .size-s .standalone-content .power-toggle.type-light,main .size-s .standalone-content .power-toggle.type-door{width:44px;height:44px;min-height:44px}main .size-s .standalone-content .power-toggle svg{width:30px;height:30px}main .size-s .kind-cover .cover-controls button{width:30px;min-width:30px;height:30px;min-height:30px;padding:0}main .size-s .kind-cover .channel-heading{display:none}main .size-s .kind-cover{gap:3px}main .size-s .scene-run{padding:4px}main .size-s .scene-icon{font-size:24px}main .size-s .matter-lock-visual svg{width:34px;height:34px}main .size-s .matter-unlatch{display:none}main .size-s .matter-lock-visual,main .size-m .matter-lock-visual{min-height:0}main .size-s .matter-lock-toggle{width:44px;height:44px}main .size-s .cover-status,main .size-s .standalone-heading .channel-name .favorite-button,main .size-s .standalone-heading .channel-name button:not(.favorite-button){display:none}main .size-s .cover-controls{margin:0}main .size-s .kind-irrigation .channel-heading,main .size-s .matter-lock-visual small{display:none}main .size-s .standalone-input{gap:0;padding-top:0}main .size-s .standalone-input small{display:none}main .size-s .input-indicator{font-size:30px;line-height:1.1}main .size-s .irrigation-control{grid-auto-flow:column;align-items:center;gap:8px}main .size-s .irrigation-status,main .size-s .irrigation-amount{display:none}main .size-s .irrigation-gauge{width:46px;height:46px}main .size-s .water-icon{width:17px;height:20px}main .size-s .gauge-left{font-size:9.5px}main .size-s .irrigation-label{display:none}main .size-s .irrigation-actions{gap:6px}main .size-s .irrigation-actions button{min-width:34px;min-height:34px;padding:0 8px}main .size-m.standalone-channel,main .size-m.matter-lock-card{gap:4px;padding:8px 12px}main .size-m .standalone-heading,main .size-m .matter-lock-heading{min-height:28px;padding-right:36px}@media (hover:none){main .size-m .standalone-heading,main .size-m .matter-lock-heading{padding-left:54px}}main .size-m .matter-lock-visual{flex-direction:row;justify-content:flex-start;gap:10px}main .size-m .matter-lock-toggle{flex:none;width:44px;height:44px}main .size-m .matter-lock-toggle svg{width:30px;height:30px}main .size-m .standalone-room,main .size-m .cover-scene,main .size-m .channel-meta,main .size-m .standalone-content .scene-run+small{display:none}main .size-m .standalone-content{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;min-height:0}main .size-m .standalone-content .channel{flex-direction:row;align-items:center;gap:10px;width:100%;display:flex}main .size-m .slider-control{flex:1;min-width:0;margin:0}main .size-m .slider-control button{padding:4px 8px;font-size:11px}main .size-m .standalone-content .power-toggle,main .size-m .standalone-content .power-toggle.type-light,main .size-m .standalone-content .power-toggle.type-door{flex:none;width:44px;height:44px;min-height:44px}main .size-m .standalone-content .power-toggle svg{width:30px;height:30px}main .size-m .standalone-input{flex-direction:row;gap:10px;padding-top:0}main .size-m .input-indicator{font-size:30px;line-height:1.1}main .size-m .irrigation-control{grid-auto-flow:column;align-items:center;gap:10px}main .size-m .irrigation-status,main .size-m .irrigation-presets,main .size-m .irrigation-label{display:none}main .size-m .irrigation-gauge{width:48px;height:48px}main .size-m .water-icon{width:18px;height:21px}main .size-m .gauge-left{font-size:10px}main .size-m .irrigation-stepper button{width:26px;min-width:26px;height:26px;min-height:26px}main .size-m .irrigation-actions{flex-wrap:nowrap;gap:6px}main .size-m .irrigation-actions button{min-width:32px;min-height:32px;padding:0 8px}main .size-m.cols-2 .irrigation-amount,main .size-t .standalone-room{display:none}main .size-t .cover-controls button{min-width:30px}main .size-t .slider-control button{padding:4px 8px;font-size:11px}main .size-t .irrigation-status,main .size-t .irrigation-presets,main .size-t .irrigation-amount,main .size-t .irrigation-label{display:none}main .size-t .irrigation-gauge{width:40px;height:40px}main .size-t .water-icon{width:15px;height:18px}main .size-t .gauge-left{font-size:9px}main .size-t .irrigation-control{gap:5px}main .size-t .irrigation-stepper{padding:2px}main .size-t .irrigation-stepper output{min-width:3.4ch;font-size:12.5px}main .size-t .irrigation-actions button{min-height:28px;padding:0 8px}main .size-t .irrigation-stepper button{width:26px;min-width:26px;height:26px;min-height:26px}main .size-t .irrigation-actions{flex-wrap:nowrap;gap:6px}main .size-t .irrigation-actions button{min-width:36px;min-height:36px;padding:0}.home-options .room-order{gap:4px;margin:0;padding:0;list-style:none;display:grid}.home-options .room-order li{border:1px solid var(--line);background:var(--line-soft);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:2px 10px 2px 2px;font-size:13px;transition:background .12s,border-color .12s;display:grid}.home-options .room-order li span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-options .room-order li small{color:var(--text-4);font-variant-numeric:tabular-nums}.home-options .room-order-steps{gap:2px;display:flex}main .home-options .room-order-steps button{width:28px;min-width:0;height:28px;min-height:0;box-shadow:none;color:var(--text-4);background:0 0;border:0;border-radius:7px;padding:0;font-size:10px;line-height:1}@media (hover:hover){main .home-options .room-order-steps button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}}main .home-options .room-order-steps button:disabled{opacity:.3}.home-options .room-order li.is-dragging{z-index:1;border-color:var(--accent);background:var(--accent-soft);box-shadow:0 10px 24px var(--veil);position:relative}.home-options .room-order.is-sorting{-webkit-user-select:none;user-select:none}main .home-options .room-order .drag-handle{width:32px;min-width:0;height:32px;min-height:0;box-shadow:none;color:var(--text-2);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:8px;padding:0;font-size:20px;line-height:1;position:static}main .home-options .room-order .drag-handle:active{cursor:grabbing}.push-devices{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.push-devices li{border:1px solid var(--line);background:var(--line-soft);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:6px 10px;font-size:12.5px;display:flex}.push-devices li span{color:var(--text-4)}.push-devices li em{color:var(--accent);margin-left:auto;font-size:11px;font-style:normal}.home-settings-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}@media (width<=1000px){.home-settings-grid{grid-template-columns:minmax(0,1fr)}}.home-settings-main{align-items:start;gap:16px;display:grid}.home-location,.home-timezone{align-items:start;gap:12px;display:grid}.home-panel-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.home-panel-head h2{margin:0;font-size:16px}.home-panel-head small{color:var(--text-4)}.home-location h2{margin:0;font-size:16px}.home-location-now{color:var(--text-2);margin:0;font-size:13px;line-height:1.5}.home-location-tools{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.home-location-search{flex:280px;gap:6px;display:flex}.home-location-search input{flex:1;min-width:0}.home-location-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.home-location-form .home-clock{flex-basis:100%;margin:0}.home-location-form label{flex:140px}.home-location>small{color:var(--text-4);line-height:1.5}.home-coords{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-zone{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;display:grid}.home-clock-now{text-align:right;gap:4px;display:grid}.home-clock-now small{color:var(--text-4)}.home-clock-now strong{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:20px;font-weight:500}.home-zone-note{color:var(--text-4);align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:1.5;display:flex}.home-zone-note.is-warning{color:var(--warn)}.home-save-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.home-save-row small{color:var(--text-4)}.sun-card{align-content:start;gap:16px;display:grid}.sun-card .eyebrow{margin:0}.sun-card h2{margin:0;font-size:15px}.sun-arc{width:100%;height:120px;display:block}.sun-arc .sun-track{stroke:var(--surface-3);stroke-width:2px}.sun-arc .sun-path{stroke:var(--accent);stroke-width:2px}.sun-arc .sun-ground{stroke:var(--line)}.sun-arc .sun-dot{fill:var(--accent)}.sun-arc .sun-glow{fill:var(--accent-soft)}.sun-times{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sun-times div{background:var(--bg-deep);border-radius:12px;gap:4px;padding:12px 14px;display:grid}.sun-times small{color:var(--text-4)}.sun-times strong{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:20px;font-weight:500}.sun-facts{color:var(--text-4);gap:8px;margin:0;font-size:12px;line-height:1.5;display:grid}.sun-facts b{color:var(--text-2);font-family:var(--mono);font-weight:500}.cover-mini,.cover-progress{display:none}main .size-s .cover-progress{background:var(--surface-3);border-radius:2px;align-self:stretch;height:4px;margin-top:4px;display:block;overflow:hidden}main .size-s .cover-progress i{background:var(--accent);height:100%;transition:width .4s;display:block}@media (prefers-reduced-motion:reduce){main .size-s .cover-progress i{transition:none}}main .size-s .cover-mini{text-align:center;max-width:100%;color:var(--text-4);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;line-height:1.1;display:block;overflow:hidden}main .size-s .cover-mini.state-open{color:var(--accent)}main .size-s .cover-mini.state-opening,main .size-s .cover-mini.state-closing{color:var(--warn);animation:1.1s ease-in-out infinite soft-pulse}main .size-s .cover-mini.state-unknown{color:var(--bad)}main .size-s .kind-cover{flex-direction:column;align-items:center;display:flex}main .size-s .standalone-content:has(.kind-cover){padding-top:30px}@media (prefers-reduced-motion:reduce){main .size-s .cover-mini{animation:none}}main .climate-content{gap:6px}main .climate-hero{color:var(--card-title);justify-content:center;align-items:baseline;gap:3px;line-height:1;display:flex}main .climate-hero strong{letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:var(--accent);font-size:34px;font-weight:650}main .climate-humidity{color:var(--cool)}main .climate-unit{color:var(--card-muted);font-size:15px;font-weight:500}main .climate-hero.is-stale{opacity:.6}main .climate-stats{color:var(--card-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 12px;margin:0;padding:0;font-size:11.5px;line-height:1.3;list-style:none;display:flex}main .climate-stat{align-items:center;gap:4px;min-width:0;display:inline-flex}main .climate-stat svg{flex:none;width:13px;height:13px}main .climate-humidity svg{color:#7fb6d8}main .climate-battery.is-low{color:var(--bad)}main .climate-dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}main .climate-dot.is-ok{color:var(--accent)}main .climate-dot.is-stale,main .climate-dot.is-wait{color:var(--warn)}main .climate-dot.is-off{color:var(--text-4)}main .climate-dot.is-error{color:var(--bad)}main .climate-dot.is-wait{animation:1.6s ease-in-out infinite soft-pulse}main .climate-dot-inline{align-self:center;width:7px;height:7px;margin-left:5px}main .climate-actions small.is-stale,main .climate-actions small.is-wait{color:var(--warn)}main .climate-actions small.is-error{color:var(--bad)}main .climate-foot-label{color:var(--card-muted)}main .climate-actions .climate-setup{border-color:var(--line-strong);width:auto;min-width:0;color:var(--accent);white-space:nowrap;padding:0 9px;font-size:10.5px}main .climate-short{display:none}main .size-m .climate-content{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px}main .size-m .climate-hero{justify-content:flex-start}main .size-m .climate-hero strong{font-size:28px}main .size-m .climate-stats{justify-content:flex-start}main .size-t .climate-hero strong{font-size:26px}main .size-t .climate-unit{font-size:12px}main .size-t .climate-stats{flex-direction:column;align-items:center;gap:2px;font-size:11px}main .size-t .climate-foot-label,main .size-t .climate-long{display:none}main .size-t .climate-short{display:inline}main .size-t .climate-actions{gap:5px}main .size-t .climate-actions button{width:24px;min-width:24px;height:24px;min-height:24px}main .size-t .climate-actions .climate-setup{width:auto;padding:0 7px}main .size-t .climate-actions:has(.climate-setup)>small{display:none}main .size-s .climate-content{flex-direction:column;order:1;justify-content:center;gap:1px;padding-top:30px}main .size-s .climate-hero strong{font-size:22px}main .size-s .climate-unit{font-size:11px}main .size-s .climate-stats{gap:0 8px;font-size:10.5px}main .size-s .climate-stat svg{width:11px;height:11px}main .size-s .climate-time{display:none}@media (width<=600px){main .climate-hero strong{font-size:30px}main .climate-stats{gap:3px 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){main .climate-dot.is-wait{animation:none}}main .bthome-card .standalone-content{gap:5px;min-width:0}main .size-m.bthome-card .standalone-content{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}main .size-m .bthome-hero{width:36px;height:36px}main .size-m .bthome-caption{text-align:left;flex:1}main .size-m .bthome-chips{display:none}main .size-t .bthome-hero{width:40px;height:40px}main .size-t .bthome-chips{flex-wrap:nowrap}main .size-s.bthome-card .standalone-content{flex-direction:column;justify-content:center;gap:1px;padding-top:30px}main .size-s .bthome-hero{width:32px;height:32px}main .size-s .bthome-caption{font-size:10.5px}main .size-s .bthome-button-pill,main .size-m .bthome-button-pill{width:22px;height:22px;font-size:10.5px}main .hue-card .hue-word strong{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:17px;overflow:hidden}main .size-m.hue-card .hue-word strong{font-size:15px}main .size-s.hue-card .hue-word strong{font-size:13px}main .size-s.hue-card .climate-stats{display:none}main .channel-name .pending-name{opacity:.75;flex:none;font-size:11px;line-height:1}main .size-s .pending-name,main .size-s .st-climate-controls,main .size-m .st-climate-controls,main .size-s .st-card-footer,main .size-m .st-card-footer,main .size-s .st-climate-reading small{display:none}main .size-s.st-device-card,main .size-m.st-device-card{gap:6px;padding:9px}main .size-s .st-card-heading,main .size-m .st-card-heading{padding-left:0;padding-right:36px}main .size-s .st-card-heading h3{font-size:12px}main .size-s .st-climate-reading strong{letter-spacing:-1px;font-size:22px}main .size-s .st-climate-reading{flex-direction:column;align-items:center;gap:2px}main .size-s .st-climate-reading>div{justify-content:center;align-items:baseline;display:flex}main .size-s .st-climate-reading small{display:none}main .size-s .st-climate-reading{padding:0}main .size-s .st-climate-reading strong{font-size:20px;line-height:1.1}main .size-s .st-windfree,main .size-s .st-card-heading button:not(.favorite-button):last-child{display:none}main .size-s .st-power svg{width:22px;height:22px}main .size-s .hc-hero{width:52px;height:52px}main .size-s .hc-hero svg{width:30px;height:30px}main .size-m .hc-hero{width:52px;height:52px}main .size-s .st-card-heading button,main .size-m .st-card-heading button{min-height:0;padding:3px 7px}main .size-s .st-power{width:42px;height:42px}main .standalone-grid.is-packed>.st-device-card{gap:8px;padding:10px 12px}main .standalone-grid.is-packed .st-card-heading button{min-height:0;padding:3px 7px}main .standalone-grid.is-packed .st-climate-reading{padding:0 4px}main .standalone-grid.is-packed .st-climate-reading strong{font-size:32px}main .standalone-grid.is-packed .st-setpoint input{padding:5px}main .standalone-grid.is-packed .st-setpoint button{min-height:0;padding:4px 8px}main .standalone-grid.is-packed .st-segment button{width:24px;height:24px}main .standalone-grid.is-packed .st-segment button svg{width:15px;height:15px}main .standalone-content .kind-irrigation .channel-heading .tag{display:none}main .standalone-grid.is-packed .irrigation-gauge{width:52px;height:52px}main .standalone-grid.is-packed .water-icon{width:20px;height:23px}main .standalone-grid.is-packed .irrigation-control{gap:8px}main .standalone-grid.is-packed .irrigation-stepper button,main .standalone-grid.is-packed .irrigation-presets button{min-height:0}main .size-l .standalone-content .kind-cover{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;display:grid}main .size-l .kind-cover .cover-scene{grid-area:1/1/span 3;height:60px}main .size-l .cover-window{width:46px;height:58px}main .size-l .kind-cover .channel-heading,main .size-l .kind-cover .cover-controls,main .size-l .kind-cover .slider-control{grid-column:2;width:100%;margin:0}main .size-l .kind-cover .channel-heading{justify-content:flex-start}main .size-t .kind-cover .channel-heading{display:none}main .size-t .kind-cover .cover-scene{height:44px}main .size-t .cover-scene .cover-window{display:none}main .size-l .standalone-content .irrigation-control{grid-template-columns:auto minmax(0,1fr);place-items:center stretch;gap:6px 12px}main .size-l .irrigation-gauge{grid-area:1/1/span 3;width:62px;height:62px}main .size-l .water-icon{width:22px;height:26px}main .size-l .gauge-left{font-size:12px}main .size-l .irrigation-stepper button{width:24px;min-width:24px;height:24px;min-height:24px}main .size-l .irrigation-presets button{min-height:0;padding:5px 9px;font-size:11.5px}main .size-l .irrigation-actions button{min-height:32px;padding:0 10px;font-size:12.5px}main .size-l.cols-2 .irrigation-presets{display:none}main .size-l .irrigation-status{grid-column:2;justify-self:start;padding:4px 10px;font-size:11px}main .size-l .irrigation-amount{grid-column:2;justify-content:flex-start}main .size-l .irrigation-actions{grid-column:2}main .size-l .irrigation-actions button{flex:1}main .size-s.st-device-card{gap:4px;padding:8px}main .size-s.st-device-card .st-card-heading{min-height:0}main .size-s.st-device-card .st-climate-reading strong,main .size-m.st-device-card .st-climate-reading strong{letter-spacing:-.5px;font-size:20px;line-height:1.1}main .size-m.st-device-card .st-climate-reading strong{font-size:26px}main .size-s.st-device-card .st-power{width:36px;height:36px;padding:0}main .size-s.st-device-card .st-power svg{width:22px;height:22px}main .standalone-grid.is-packed .st-climate-controls{gap:4px}main .standalone-grid.is-packed .st-setpoint{flex-wrap:nowrap;gap:6px}main .standalone-grid.is-packed .st-setpoint-label{flex:auto}main .standalone-grid.is-packed .st-stepper{flex:none}main .standalone-grid.is-packed .st-stepper button{width:26px;min-width:26px;height:26px;min-height:26px}main .standalone-grid.is-packed .st-climate-reading .st-windfree{min-width:0;min-height:0}main .size-t .st-windfree{display:none}main .size-m .st-climate-reading strong{font-size:30px}main .size-m .st-climate-reading small{display:none}main .size-t .standalone-content{padding-top:6px}main .size-t .st-card-heading{padding-left:0}main .size-t .st-climate-reading{flex-direction:column;align-items:center;gap:4px}main .size-t .st-climate-reading strong{font-size:30px}main .size-t .st-climate-controls{grid-template-columns:minmax(0,1fr);display:none}main .size-s>.standalone-actions,main .size-m>.standalone-actions,main .size-s>.matter-lock-meta,main .size-m>.matter-lock-meta{z-index:1;opacity:0;pointer-events:none;width:auto;min-height:0;transition:opacity var(--fast) var(--ease);background:0 0;border:0;flex-wrap:nowrap;gap:2px;margin:0;padding:0;display:flex;position:absolute;top:4px;left:4px}main .size-s>.standalone-actions>small,main .size-m>.standalone-actions>small,main .size-s>.standalone-actions>.connection-icon,main .size-m>.standalone-actions>.connection-icon,main .size-s>.standalone-actions>.climate-dot,main .size-m>.standalone-actions>.climate-dot,main .size-s>.matter-lock-meta>small,main .size-m>.matter-lock-meta>small,main .size-s>.matter-lock-meta>span,main .size-m>.matter-lock-meta>span,:is(main .size-s>.standalone-actions:not(:has(button)),main .size-m>.standalone-actions:not(:has(button)),main .size-s>.matter-lock-meta:not(:has(button)),main .size-m>.matter-lock-meta:not(:has(button))){display:none}main .size-s>.standalone-actions button,main .size-m>.standalone-actions button,main .size-s>.matter-lock-meta button,main .size-m>.matter-lock-meta button{width:22px;min-width:22px;height:22px;min-height:22px;box-shadow:none;color:var(--text-2);text-shadow:0 1px 3px #0b1119cc;background:0 0;border:0;border-radius:0;padding:0;font-size:14px}@media (hover:hover){main .size-s>.standalone-actions button:hover,main .size-m>.standalone-actions button:hover,main .size-s>.matter-lock-meta button:hover,main .size-m>.matter-lock-meta button:hover{color:var(--text);background:0 0}}main .size-s>.standalone-actions .climate-setup,main .size-m>.standalone-actions .climate-setup{width:auto;min-width:0;color:var(--accent);padding:0 3px;font-size:10.5px}main .size-s:hover>.standalone-actions,main .size-m:hover>.standalone-actions,main .size-s:focus-within>.standalone-actions,main .size-m:focus-within>.standalone-actions,main .size-s:hover>.matter-lock-meta,main .size-m:hover>.matter-lock-meta,main .size-s:focus-within>.matter-lock-meta,main .size-m:focus-within>.matter-lock-meta{opacity:.85;pointer-events:auto}@media (hover:none){main .size-s>.standalone-actions,main .size-m>.standalone-actions,main .size-s>.matter-lock-meta,main .size-m>.matter-lock-meta{opacity:.5;pointer-events:auto}}main .is-editing>.standalone-actions,main .is-editing>.matter-lock-meta{display:none}main .size-l .cover-scene .cover-percent{font-size:34px}main .size-t .cover-scene .cover-percent{font-size:24px}main .size-s .kind-cover .cover-controls{height:36px}main .climate-trend{flex-direction:column;flex:1;gap:6px;width:100%;min-height:0;display:flex}main .climate-trend-head{color:var(--card-muted);align-items:baseline;gap:8px;font-size:10.5px;display:flex}main .climate-trend-title{letter-spacing:.04em;text-transform:uppercase}main .climate-trend-range{font-variant-numeric:tabular-nums;margin-left:auto}main .climate-trend-plot{border:1px solid var(--line-soft);box-sizing:border-box;background:#060c1280;border-radius:12px;flex:1;width:100%;min-height:0;padding:6px}main .trend-temperature{stroke:var(--accent);stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}main .trend-fill{fill:var(--accent-soft)}main .trend-humidity{stroke:var(--cool);stroke-width:2px;stroke-dasharray:5 5;stroke-linejoin:round;vector-effect:non-scaling-stroke}main .trend-cursor{stroke:var(--line-strong);stroke-dasharray:2 3;vector-effect:non-scaling-stroke}main .trend-point{stroke:var(--surface);stroke-width:2px;vector-effect:non-scaling-stroke}main .trend-point.is-temperature{fill:var(--accent)}main .trend-point.is-humidity{fill:var(--cool)}main .trend-now+.trend-now{margin-left:8px}main .trend-now.is-temperature{color:var(--accent)}main .trend-now.is-humidity{color:var(--cool)}main .climate-trend-legend{color:var(--text-4);gap:14px;font-size:10.5px;display:flex}main .trend-key{align-items:center;gap:6px;display:inline-flex}main .trend-key:before{content:"";background:currentColor;border-radius:2px;width:14px;height:2.5px}main .trend-key.is-temperature{color:var(--accent)}main .trend-key.is-humidity{color:var(--cool)}main .climate-trend.is-empty{border:1px dashed var(--line);color:var(--card-muted);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:10px;font-size:11px}main .size-m .climate-trend,main .size-s .climate-trend-head,main .size-s .climate-trend-legend{display:none}main .size-s .climate-trend-plot{border-radius:6px;min-height:12px;padding:1px 3px}main .size-t .climate-trend-head,main .size-t .climate-trend-legend{display:none}main .size-t .climate-trend-plot{min-height:36px}main .climate-card.is-stale{background:linear-gradient(160deg,#1f2028,#0f1620);border-color:#e4b45b3d}main .standalone-content .power-toggle.type-light.is-on{box-shadow:0 0 0 1px var(--accent-line) 66, 0 0 26px -6px #e4b45b80}main .light-state{min-height:16px;color:var(--card-muted);justify-content:center;align-items:baseline;gap:8px;font-size:11.5px;display:flex}main .light-word{align-items:center;gap:6px;font-weight:600;display:inline-flex}main .light-word.is-waiting{color:var(--accent)}main .light-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite soft-pulse}main .light-energy{font-variant-numeric:tabular-nums}main .light-presets{gap:6px;width:100%;display:flex}main .light-presets button{border:1px solid var(--line-strong);background:var(--line-soft);min-width:0;min-height:30px;color:var(--text-4);border-radius:11px;flex:1;padding:6px 4px;font-size:11.5px;font-weight:600;line-height:1}main .light-presets button.is-picked{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}main .size-s .light-state,main .size-s .light-presets,main .size-m .light-presets,main .size-t .light-presets{display:none}main .size-m .light-state{justify-content:flex-start}main .size-l .light-state{display:none}main .size-l .light-presets button{min-height:18px;padding:3px 4px}main .size-l:has(.kind-light) .standalone-content>.channel{padding-block:3px}main .size-l .standalone-content .power-toggle.type-light{width:48px;min-height:48px}main .size-l .standalone-content .power-toggle.type-light svg{width:34px;height:34px}main .size-t .light-state{display:none}main .size-t .standalone-content .power-toggle.type-light{width:48px;min-height:48px}main .size-t .standalone-content .power-toggle.type-light svg{width:34px;height:34px}main .size-t .standalone-content .slider-control{margin:0}main .size-t:has(.kind-light) .standalone-heading .channel-name strong{white-space:normal;overflow-wrap:anywhere;overflow:hidden}main .size-t .standalone-heading .favorite-button{display:none}main .size-l .standalone-content .slider-control{margin:0}main .size-l .standalone-content .slider-control button{min-height:0;padding:4px 8px;font-size:11px}main .size-l .standalone-content .slider-control input[type=range],main .size-t .standalone-content .slider-control input[type=range]{height:22px;min-height:0;margin:0;padding:0}main .size-l .kind-light .channel-meta{display:none}main .climate-card .climate-content{grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:8px 12px;width:100%;padding-top:0;display:grid}main .climate-card .climate-hero{justify-content:flex-start;align-self:center}main .climate-card .climate-hero strong{font-family:var(--mono);font-weight:500}main .climate-card .climate-stats{flex-direction:row;justify-content:flex-end;align-self:center;gap:4px 10px}main .climate-card .climate-stat svg{display:none}main .climate-card .climate-stat-label{color:var(--text-4);font-family:inherit;font-size:10px}main .climate-card .climate-humidity{font-size:16px}main .climate-card .climate-battery,main .climate-card .climate-time{font-size:10px}main .climate-card .climate-time{flex-basis:100%;justify-content:flex-end}main .climate-card .climate-time:before{content:"son ölçüm";color:var(--text-4)}main .climate-card .climate-trend-card{grid-column:1/-1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;align-self:stretch;gap:8px;min-width:0;display:grid;position:relative}main .climate-trend-card .climate-trend-head{z-index:1;background:var(--surface);pointer-events:none;border-radius:5px;padding:3px 6px;display:none;position:absolute;top:0;left:0;right:0}main .climate-trend-card:hover .climate-trend-head{display:flex}main .climate-trend-card .climate-trend-plot{background:0 0;border:0;border-radius:0;grid-column:1/-1;width:100%;height:100%;min-height:0;padding:3px}main .climate-trend-card .trend-temperature{stroke-width:1.7px}main .climate-trend-card .trend-humidity{stroke-width:1.2px;stroke-dasharray:none}main .climate-trend-card .trend-fill{fill:color-mix(in srgb, var(--accent) 10%, transparent)}main .climate-trend-summary{color:var(--text-4);flex-wrap:wrap;grid-area:2/2;justify-content:flex-end;align-items:center;gap:3px 8px;margin:0;font-size:10px;display:flex}main .climate-trend-summary>div{gap:4px;margin:0;display:flex}main .climate-trend-summary dd{color:var(--text-2);font-family:var(--mono);margin:0}main .climate-trend-card .climate-trend-legend{grid-area:2/1;align-items:center;gap:6px;font-size:10px;display:flex}main .climate-trend-card .trend-key{border:1px solid var(--line);color:var(--text-2);border-radius:999px;padding:4px 8px}main .climate-trend-card .trend-key:before{width:10px;height:2px}main .climate-trend-card .trend-key.is-temperature:before{background:var(--accent)}main .climate-trend-card .trend-key.is-humidity:before{background:var(--cool)}main .climate-card .climate-trend.is-empty{text-align:left;border:0;grid-column:1/-1;justify-content:flex-end;align-items:flex-start;padding:0;font-size:10px}main .climate-card .climate-dot.is-ok{color:var(--ok)}main .climate-card:has(.climate-trend.is-empty){border-style:dashed}main .climate-card.is-stale{background:var(--surface)}main .size-t.climate-card .climate-content{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:5px}main .size-t.climate-card .climate-stats{justify-content:flex-start;gap:4px 8px}main .size-t.climate-card .climate-humidity{font-size:11px}main .size-t.climate-card .climate-time{display:none}main .size-t.climate-card .climate-trend-card{grid-template-columns:minmax(0,1fr);gap:5px}main .size-t.climate-card .climate-trend-legend{display:none}main .size-t.climate-card .climate-trend-summary{grid-column:1;justify-content:stretch;gap:2px;font-size:9px;display:grid}main .size-t.climate-card .climate-trend-summary>div{justify-content:space-between}main .size-t.climate-card .trend-humidity,main .size-t.climate-card .trend-point.is-humidity{display:none}main .size-s.climate-card .standalone-heading{order:0;padding-right:24px}main .size-s.climate-card .standalone-heading .channel-name strong{text-align:left}main .size-s.climate-card .climate-content{gap:3px 6px;padding-top:0}main .size-s.climate-card .climate-humidity{font-size:12px}main .size-s.climate-card .climate-battery,main .size-s.climate-card .climate-stat-label,main .size-s.climate-card .climate-trend-head,main .size-s.climate-card .climate-trend-summary,main .size-s.climate-card .climate-trend-legend,main .size-m.climate-card .climate-trend-summary,main .size-m.climate-card .climate-trend-legend{display:none}main .size-s.climate-card .climate-trend-card,main .size-m.climate-card .climate-trend-card{grid-template-rows:minmax(0,1fr);gap:0}main .size-s.climate-card .trend-humidity,main .size-s.climate-card .trend-point.is-humidity,main .size-s.climate-card .trend-fill{display:none}main .size-s.climate-card>.standalone-actions{inset:auto 4px 4px auto}main .size-l.cols-2.climate-card .climate-trend-legend{display:none}main .size-l.cols-2.climate-card .climate-trend-summary{grid-column:1/-1;justify-content:space-between;font-size:9px}main .cover-card .cover-window{border:2px solid var(--line-strong);background:var(--bg);border-radius:8px}main .cover-card .cover-window:before{background:var(--surface-3);height:3px}main .cover-card .cover-blind{background-image:repeating-linear-gradient(#78818b 0 4px,#4f5863 4px 5px)}main .cover-card .cover-rail{background:#939aa2}main .cover-card .cover-percent{font-family:var(--mono);font-weight:500}main .cover-card .cover-controls{background:0 0;border:0;border-radius:0;gap:6px;width:100%;padding:0}main .cover-card .cover-button{background:var(--surface-2);color:var(--text);border-radius:9px}main .cover-card .cover-button.is-active{color:var(--accent);background:var(--accent-soft)}main .cover-card .cover-button svg{width:17px;height:17px}main .cover-card .slider-control{align-items:flex-end;gap:10px;height:auto}main .cover-card .slider-control label{flex-direction:column;align-items:stretch;gap:2px;display:flex}main .cover-card .range-caption{justify-content:space-between;width:100%;font-size:10px;display:flex}main .cover-card .slider-control button{background:var(--surface-2);width:auto;min-width:48px;height:28px;color:var(--text-2);padding:0 8px;font-size:10px}main .size-l.cover-card .standalone-content .kind-cover{grid-template-rows:28px 30px auto;grid-template-columns:48px minmax(0,1fr);gap:5px 12px}main .size-l.cover-card .kind-cover .cover-scene{display:contents}main .size-l.cover-card .cover-window{grid-area:1/1/span 2;width:46px;height:63px}main .size-l.cover-card .cover-percent{grid-area:1/2;font-size:30px}main .size-l.cover-card .kind-cover .channel-heading{width:auto;min-height:20px;position:absolute;top:16px;right:52px}main .size-l.cover-card .kind-cover .cover-controls{grid-area:2/2;height:30px}main .size-l.cover-card .kind-cover .slider-control{grid-area:3/1/auto/-1}main .size-l.cover-card .cover-status{background:var(--surface-2);border-color:#0000;padding:0 8px;font-size:9px}main .size-l.cover-card .cover-status.is-moving,main .size-l.cover-card .cover-status.is-pending{color:var(--accent);background:var(--accent-soft)}main .size-t.cover-card .standalone-content{padding-top:0}main .size-t.cover-card .kind-cover .cover-scene{justify-content:flex-start;gap:8px;height:44px}main .size-t.cover-card .cover-scene .cover-window{width:30px;height:42px;display:block}main .size-t.cover-card .cover-percent{font-size:24px}main .size-t.cover-card .kind-cover .cover-controls{gap:4px;height:30px}main .size-t.cover-card .kind-cover .cover-controls button{min-width:0}main .size-t.cover-card .slider-control{flex-wrap:wrap;gap:3px}main .size-t.cover-card .slider-control label{flex-basis:100%}main .size-t.cover-card .slider-control button{width:100%;height:24px;min-height:24px}main .size-s.cover-card .standalone-heading{order:0;padding-right:64px}main .size-s.cover-card .standalone-heading .channel-name strong{text-align:left}main .size-s.cover-card .standalone-content:has(.kind-cover){padding-top:0}main .size-s.cover-card .kind-cover{align-items:stretch;gap:4px}main .size-s.cover-card .kind-cover .cover-scene{height:auto;display:block;position:absolute;top:11px;right:26px}main .size-s.cover-card .cover-scene .cover-window{display:none}main .size-s.cover-card .cover-scene .cover-percent{letter-spacing:-.5px;font-size:14px;display:block}main .size-s.cover-card .cover-scene .cover-percent i{font-size:10px}main .size-s.cover-card .cover-mini{text-align:left;order:-1;margin:0;font-size:9px}main .size-s.cover-card .kind-cover .cover-controls{gap:4px;height:30px;margin:0}main .size-s.cover-card .cover-progress{border-radius:0;height:3px;margin-top:3px}main .size-s.cover-card>.standalone-actions{inset:auto 5px 3px auto}main .size-s.cover-card .cover-mini.is-pending{color:var(--accent);animation:1.1s ease-in-out infinite soft-pulse}@media (prefers-reduced-motion:reduce){main .cover-card .cover-blind{transition:none}main .size-s.cover-card .cover-mini.is-pending{animation:none}}main .size-m.cover-card .standalone-content .kind-cover{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:8px;display:grid}main .size-m.cover-card .kind-cover .channel-heading{width:auto;position:absolute;top:11px;right:52px}main .size-m.cover-card .standalone-heading{padding-right:100px}main .size-m.cover-card .cover-controls{gap:4px;height:30px}main .size-m.cover-card .slider-control{gap:4px;min-width:0}main .size-m.cover-card .slider-control button{min-width:38px;padding:0 4px}main .size-t.cover-card .kind-cover{gap:4px}main .size-t.cover-card .kind-cover .cover-scene{height:38px}main .size-t.cover-card .cover-scene .cover-window{height:36px}main .size-t.cover-card .kind-cover .cover-controls{height:28px}main .size-t.cover-card .slider-control input[type=range]{height:16px}main .size-t.cover-card .slider-control button{height:22px;min-height:22px}main .cover-card .standalone-content .kind-cover{padding:0}main .size-l.cover-card .cover-scene.is-stale>*{opacity:.45}main .cover-card .kind-cover .cover-controls .cover-button{border:0;border-radius:9px;width:100%;min-width:0;height:100%;min-height:0;padding:0}main .cover-card .kind-cover .cover-controls .cover-button svg{stroke-width:1.8px;width:18px;height:18px}.cover-power{display:none}main .size-l.cover-card .cover-power{color:var(--text-4);white-space:nowrap;grid-area:1/2;place-self:end;gap:3px;margin-bottom:2px;font-size:10px;line-height:1.2;display:inline-flex}main .size-l.cover-card .cover-power>span{color:var(--text-2);font-family:var(--mono)}main .size-l.cover-card .cover-percent{justify-self:start}.cover-compact-position{display:none}main .size-s.cover-card .standalone-heading{justify-content:space-between;align-items:center;gap:28px;padding-right:0;display:flex}main .size-s.cover-card .standalone-heading .channel-name{flex:1;width:auto;min-width:0}main .size-s.cover-card .cover-compact-position{font-family:var(--mono);text-align:right;letter-spacing:0;color:var(--text);white-space:nowrap;flex:none;margin-left:auto;font-size:10px;font-weight:400;line-height:1.25;display:block}main .size-s.cover-card .cover-compact-position.state-opening,main .size-s.cover-card .cover-compact-position.state-closing{color:var(--accent)}main .size-s.cover-card .cover-compact-position.state-unknown{color:var(--text-4)}main .size-s.cover-card .kind-cover .cover-scene{display:none}main .size-l.cover-card .standalone-heading{padding-right:calc(30px + var(--tile-icon-btn) + 88px)}main .size-l.cover-card .standalone-heading .favorite-button{top:calc(var(--tile-pad) + var(--tile-head) / 2);right:calc(var(--tile-pad) + 30px);position:absolute;transform:translateY(-50%)}main .size-l.cover-card .kind-cover .channel-heading{top:calc(var(--tile-pad) + var(--tile-head) / 2);right:calc(var(--tile-pad) + 30px + var(--tile-icon-btn) + 6px);transform:translateY(-50%)}main .size-s.cover-card>.drag-handle{width:22px;min-width:22px;height:22px;min-height:22px;font-size:16px;top:6px;right:36px}main .sortable-card:not(.is-design-mode) .favorite-button{display:none!important}main .sortable-card.is-design-mode:not(.is-editing) .favorite-button{display:inline-grid!important}main .sortable-card.is-design-mode>.drag-handle{opacity:.8}main .size-s.is-design-mode .standalone-heading .channel-name{align-items:center;display:flex}main .size-s.is-design-mode .standalone-heading .channel-name strong{flex:1;min-width:0}main .size-s.is-design-mode .standalone-heading .favorite-button{flex:none;width:22px;min-width:22px;height:22px;min-height:22px}main .size-s.cover-card:not(.is-design-mode) .standalone-heading{gap:6px}main .size-s.cover-card.is-design-mode .cover-compact-position{display:none}main .size-s.cover-card.is-design-mode .standalone-heading{gap:2px;padding-right:26px}main .size-s.cover-card.is-design-mode>.drag-handle{right:6px}main .size-l.cover-card:not(.is-design-mode) .standalone-heading{padding-right:88px}main .size-l.cover-card:not(.is-design-mode) .kind-cover .channel-heading{right:var(--tile-pad)}main .home-tools .home-mode-button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--text-2);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:inline-flex}main .home-tools .home-mode-button.is-active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}main>header .home-tools{display:none}@media (width<=600px){main .home-toolbar{flex-wrap:wrap}main .home-toolbar .home-tools{flex-wrap:wrap;flex-basis:100%;justify-content:flex-end;display:flex}main .home-tools .home-mode-button{padding:0 8px;font-size:11px}}main .irrigation-card.is-watering{border-color:var(--cool-line)}main .irrigation-card .standalone-content{justify-content:center;align-items:stretch;padding:0}main .irrigation-card .kind-irrigation{width:100%;padding:0}main .irrigation-card .kind-irrigation .channel-heading{display:none}main .irrigation-card .irrigation-control{grid-template-columns:minmax(64px,.8fr) minmax(0,2fr);grid-auto-flow:row;place-items:center stretch;gap:6px 12px;display:grid}main .irrigation-card .irrigation-status{background:var(--line-soft);border:0;grid-area:1/2;justify-self:end;padding:4px 9px;font-size:10px;display:inline-flex}main .irrigation-card .irrigation-status.is-watering{background:var(--cool-soft)}main .irrigation-card .irrigation-gauge{grid-area:1/1/span 3;justify-self:center;width:84px;max-width:100%;height:84px}main .irrigation-card .gauge-track,main .irrigation-card .gauge-run{stroke-width:3.5px}main .irrigation-card .gauge-idle{fill:var(--text-4)}main .irrigation-card .water-icon{width:14px;height:17px}main .irrigation-card .gauge-left{font-size:17px}main .irrigation-card .gauge-caption{color:var(--text-4);font-size:9px}main .irrigation-card .irrigation-amount{grid-column:2;grid-template-columns:auto minmax(0,1fr);gap:6px;width:100%;display:grid}.irrigation-duration-label{color:var(--text-4);font-size:11px}main .irrigation-card .irrigation-stepper{background:var(--bg);border:0;border-radius:10px;justify-content:space-between;gap:0;min-width:0;padding:2px}main .irrigation-card .irrigation-stepper button{width:25px;min-width:20px;height:25px;min-height:0;color:var(--text-2)}main .irrigation-card .irrigation-stepper output{min-width:0;font:600 15px ui-monospace,monospace}main .irrigation-card .irrigation-stepper output i{font-size:9px;font-weight:400}main .irrigation-card .irrigation-presets{grid-column:1/-1;gap:5px;display:flex}main .irrigation-card .irrigation-presets button{background:0 0;border-radius:8px;flex:1;min-height:0;padding:6px 2px;font-size:10px}main .irrigation-card .irrigation-presets button.is-picked{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}main .irrigation-card .irrigation-actions{grid-column:2;width:100%}main .irrigation-card .irrigation-actions button{border-radius:10px;flex:1;gap:6px;min-width:0;min-height:29px;padding:0 8px;font-size:12px}main .irrigation-card .irrigation-run{background:var(--accent);color:var(--bg)}main .irrigation-card .irrigation-square{border-radius:1px;width:7px;height:7px}main .irrigation-card .irrigation-label{display:inline}.irrigation-button-countdown{font:600 12px ui-monospace,monospace;display:none}main .size-t.irrigation-card .standalone-room{display:none}main .size-t.irrigation-card .irrigation-control{grid-template-columns:minmax(0,1fr);gap:6px}main .size-t.irrigation-card .irrigation-status{display:none}main .size-t.irrigation-card .irrigation-gauge{grid-area:1/1;width:72px;height:72px}main .size-t.irrigation-card .irrigation-amount,main .size-t.irrigation-card .irrigation-actions{grid-column:1}main .size-t.irrigation-card .irrigation-amount{grid-template-columns:minmax(0,1fr)}main .size-t.irrigation-card .irrigation-duration-label,main .size-t.irrigation-card .irrigation-presets{display:none}main .size-s.irrigation-card .standalone-heading,main .size-m.irrigation-card .standalone-heading{order:0;justify-content:flex-start;padding:0 24px 0 0}main .size-s.irrigation-card .standalone-heading .channel-name strong{text-align:left}main .size-s.irrigation-card .standalone-content,main .size-m.irrigation-card .standalone-content{order:1;padding:0}main .size-s.irrigation-card .irrigation-control,main .size-m.irrigation-card .irrigation-control{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px}main .size-s.irrigation-card .irrigation-status,main .size-m.irrigation-card .irrigation-status{background:0 0;grid-area:1/1;justify-self:start;padding:0;font-size:9px;display:inline-flex}main .size-s.irrigation-card .irrigation-gauge,main .size-m.irrigation-card .irrigation-gauge{grid-area:1/2;justify-self:end;width:26px;height:26px}main .size-s.irrigation-card .water-icon,main .size-m.irrigation-card .water-icon{width:9px;height:11px}main .size-s.irrigation-card .gauge-left,main .size-m.irrigation-card .gauge-left,main .size-s.irrigation-card .gauge-caption,main .size-m.irrigation-card .gauge-caption,main .size-s.irrigation-card .irrigation-duration-label,main .size-m.irrigation-card .irrigation-duration-label,main .size-s.irrigation-card .irrigation-presets,main .size-m.irrigation-card .irrigation-presets{display:none}main .size-s.irrigation-card .irrigation-amount,main .size-m.irrigation-card .irrigation-amount{grid-area:2/1;grid-template-columns:minmax(0,1fr)}main .size-s.irrigation-card .irrigation-actions,main .size-m.irrigation-card .irrigation-actions{grid-area:2/2}main .size-s.irrigation-card .irrigation-stepper button{width:18px;min-width:14px}main .size-s.irrigation-card .irrigation-stepper output{font-size:11px}main .size-s.irrigation-card .irrigation-actions button{gap:4px;padding:0 3px;font-size:10px}:is(main .size-s.irrigation-card .irrigation-stop:has(.irrigation-button-countdown) .irrigation-label,main .size-m.irrigation-card .irrigation-stop:has(.irrigation-button-countdown) .irrigation-label){display:none}main .size-s.irrigation-card .irrigation-button-countdown,main .size-m.irrigation-card .irrigation-button-countdown{font-size:10px;display:inline}main .irrigation-card .irrigation-stats{color:var(--text-2);grid-column:1/-1;grid-template-columns:.7fr 1fr 1fr;gap:6px;display:grid}main .irrigation-card .irrigation-stats>div{background:var(--bg);border-radius:9px;min-width:0;padding:6px 8px}main .irrigation-card .irrigation-stats small{color:var(--text-4);font-size:9px;display:block}main .irrigation-card .irrigation-stats strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font:600 10px ui-monospace,monospace;display:block;overflow:hidden}main .size-s.irrigation-card .irrigation-stats,main .size-m.irrigation-card .irrigation-stats{display:none}main .size-t.irrigation-card .irrigation-stats{grid-template-columns:1fr;gap:3px}main .size-t.irrigation-card .irrigation-stats>div{background:0 0;justify-content:space-between;align-items:center;gap:4px;padding:0;display:flex}main .size-t.irrigation-card .irrigation-stats strong{margin:0;font-size:9px}main .size-t.irrigation-card .irrigation-gauge{width:58px;height:58px}main .size-t.irrigation-card .gauge-left{font-size:13px}main .standalone-grid.is-packed .irrigation-card .standalone-heading{min-height:20px}main .standalone-grid.is-packed .irrigation-card .standalone-actions{min-height:24px;padding-top:3px}main .standalone-grid.is-packed .irrigation-card .irrigation-control{gap:5px 10px}main .standalone-grid.is-packed .size-l.irrigation-card .irrigation-status{position:absolute;top:14px;right:38px}main .standalone-grid.is-packed .size-l.irrigation-card .irrigation-gauge{grid-row:1/span 2;width:76px;height:76px}main .standalone-grid.is-packed .size-l.irrigation-card .irrigation-amount{grid-row:1}main .standalone-grid.is-packed .size-l.irrigation-card .irrigation-actions{grid-row:2}main .standalone-grid.is-packed .size-l.irrigation-card .irrigation-presets{display:flex}main .standalone-grid.is-packed .size-m.irrigation-card .irrigation-amount{display:grid}main .standalone-grid.is-packed .size-t.irrigation-card .irrigation-gauge{width:48px;height:48px}main .standalone-grid.is-packed .size-t.irrigation-card .irrigation-stats{gap:1px}main .standalone-grid.is-packed .size-t.irrigation-card .irrigation-stats>div{line-height:11px}main .standalone-grid.is-packed .size-t.irrigation-card .irrigation-stats small,main .standalone-grid.is-packed .size-t.irrigation-card .irrigation-stats strong{font-size:8px}main .standalone-grid.is-packed .size-s.irrigation-card .irrigation-stepper output i{display:none}main .standalone-grid.is-packed .size-s.irrigation-card .irrigation-stepper button{width:12px;min-width:12px;font-size:12px}main .standalone-grid.is-packed .irrigation-card .gauge-caption{margin:0;line-height:10px}main .standalone-grid.is-packed .irrigation-card .gauge-left{line-height:1}main .standalone-grid.is-packed .size-l.irrigation-card .irrigation-presets button{padding-block:4px}main .standalone-grid.is-packed .size-l.irrigation-card .irrigation-stats>div{padding-block:3px}main .standalone-grid.is-packed .size-t.irrigation-card .irrigation-stats>div:last-child{display:none}main .standalone-grid.is-packed .size-t.irrigation-card .irrigation-stats small{white-space:nowrap}main .standalone-grid.is-packed .irrigation-card .irrigation-control{row-gap:3px}.auth-screen{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{background:var(--card-surface,#1b1f27);border:1px solid var(--card-border,#ffffff14);border-radius:18px;gap:14px;width:min(420px,100%);padding:26px;animation:.26s ease-out auth-rise;display:grid;box-shadow:0 24px 60px #00000059}@keyframes auth-rise{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.auth-card{animation:none}}.auth-card h1{margin:0;font-size:1.3rem}.auth-card .brand{font-size:2rem;line-height:1}.auth-card p{opacity:.75;margin:0;font-size:.9rem}.auth-card label{gap:6px;font-size:.85rem;display:grid}.auth-card input{width:100%}.auth-card button{margin-top:4px}.user-row{border-top:1px solid var(--card-border,#ffffff14);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.user-row:first-of-type{border-top:0}.user-row .who{gap:2px;min-width:180px;display:grid}.user-row .who small{opacity:.7}.user-row .actions{flex-wrap:wrap;gap:8px;display:flex}.badge-role{opacity:.85;border:1px solid;border-radius:999px;padding:2px 8px;font-size:.72rem}.account-bar{align-items:center;gap:8px;margin-left:auto;font-size:.8rem;display:flex}.account-menu{position:relative}.account-avatar{border:1px solid var(--line);background:var(--accent-soft);width:32px;height:32px;color:var(--accent);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;font-size:13px;font-weight:700;list-style:none;transition:border-color .15s,box-shadow .15s;display:inline-grid}.account-avatar::-webkit-details-marker{display:none}.account-avatar:hover,.account-menu[open] .account-avatar{border-color:#e4b45b88;box-shadow:0 0 0 3px #e4b45b1f}.account-avatar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account-popover{z-index:30;background:var(--bg-deep);min-width:220px;box-shadow:0 14px 34px var(--veil);border:1px solid #2d3b49;border-radius:12px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.account-identity{border-bottom:1px solid var(--line);gap:2px;margin-bottom:4px;padding:8px 10px 10px;font-size:13px;display:grid}.account-identity strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-identity small{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.account-identity .badge-role{justify-self:start;margin-top:4px}.account-popover a,.account-popover button{width:100%;min-height:36px;box-shadow:none;color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.account-popover a:hover,.account-popover button:hover{background:var(--line-soft);color:var(--text)}.account-popover .account-logout:hover{background:var(--bad) 22;color:var(--bad)}.account-popover a:focus-visible,.account-popover button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (width<=900px){.account-bar{gap:6px}}.presence-toggle{border:1px solid var(--line);background:var(--line-soft);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.presence-option{min-height:26px;box-shadow:none;color:var(--text-4);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:12px;line-height:1;transition:background .15s,color .15s;display:inline-flex}.presence-option span:first-child{font-size:13px}.presence-option.is-active{color:var(--text);background:var(--line)}.presence-toggle.home .presence-option.is-active{color:var(--accent);background:#e4b45b1a}.presence-toggle.away .presence-option.is-active{color:var(--warn);background:var(--warn) 1a}.presence-error{color:var(--bad);padding:0 6px}@media (width<=600px){.presence-label{display:none}.presence-option{justify-content:center;min-width:34px;padding:0}}.user-row .user-reset{border:1px solid var(--line);background:var(--line-soft);border-radius:10px;flex-wrap:wrap;flex-basis:100%;align-items:flex-end;gap:8px;margin-top:4px;padding:10px;display:flex}.user-row .user-reset label{flex:240px;font-size:12px}.user-row .user-reset input{margin-top:4px}.user-row .user-reset button{padding:8px 12px;font-size:12px}
