.quick-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.quick-modes button{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:9px;border:1px solid #ffffff16;background:linear-gradient(145deg,#ffffff08,#ffffff03);color:#aab1c7;border-radius:17px;min-height:72px;padding:12px 6px;font:inherit;font-size:11px;cursor:pointer;overflow:hidden;transition:background .45s,border-color .45s,box-shadow .45s,transform .2s}.quick-modes i{display:grid;place-items:center;height:22px;width:22px}.quick-modes svg{width:21px;height:21px}.quick-modes b{position:absolute;right:8px;top:6px;opacity:0;font-size:9px;color:#ead8b3;transition:opacity .35s}.quick-modes button:active{transform:scale(.96)}.quick-modes button:hover{border-color:#b7a2e65e;background:#9f8acf14}.quick-modes button[aria-pressed=true]{border-color:#e6c28a80;color:#ffe7bc;background:radial-gradient(ellipse at 50% 0%,#ffcf7b32,#ad8c9e09);box-shadow:inset 0 -2px #e4c18755,0 0 24px #ffc66a12}.quick-modes button[aria-pressed=true] b{opacity:1}.quick-modes button[aria-pressed=true] i{filter:drop-shadow(0 0 7px #ffd69b80);animation:mode-settle .7s ease-out}.quick-modes button[aria-pressed=true]::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 30%,#ffda9f55,transparent 65%);animation:mode-wave .8s ease-out both;pointer-events:none;z-index:-1}
.inventory-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:14px 0 10px}.inventory-heading strong{font-size:11px;color:#cbd0e2;font-weight:500}.inventory-heading small{font-size:9px;color:#858da6;font-variant-numeric:tabular-nums}.inventory-counters{display:flex;gap:7px;margin-bottom:15px}.inventory-counters button{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:7px;row-gap:4px;flex:1;min-width:0;border:1px solid #ffffff18;background:#ffffff05;border-radius:14px;padding:10px 6px;color:#a5adc5;font:inherit;cursor:pointer;transition:background .3s,border-color .3s,box-shadow .3s}.inventory-counters i{display:flex}.inventory-counters svg{width:15px;height:15px;color:#d2b887}.inventory-counters strong{font-size:12px;color:#e4e6f1;font-variant-numeric:tabular-nums;font-weight:600}.inventory-counters span{grid-column:1/-1;font-size:8px;text-align:center;color:#9098b2}.inventory-counters button:hover,.inventory-counters button[aria-expanded=true]{border-color:#d0c0ef70;background:#c8a8f21a}.inventory-counters button[aria-pressed=true]{border-color:#dbb97955;box-shadow:inset 0 -1px #e8c58c40}.master-dimmer{border:1px solid #c2b5f333;padding:0 12px 12px;border-radius:13px;margin:0 0 16px;background:#b4a0e609}.master-dimmer[hidden]{display:none}.master-dimmer small{display:block;font-size:8px;color:#7f8aa4;margin-top:9px}.master-dimmer .remote-range{margin-top:13px}.scenario-label{font-size:8px;letter-spacing:1.2px;color:#7d849f;margin:20px 0 10px}
.dimmable-light{border:1px solid #ffffff14;border-radius:17px;overflow:hidden;background:#ffffff03;transition:border-color .4s,background .4s}.dimmable-light>.device-card{border:0;border-radius:0;background:none;box-shadow:none;min-height:65px;padding-bottom:6px}.dimmable-light.on{border-color:#e3c18b65;background:#e5bd7209}.dimmable-light>.remote-range{margin:0;padding:7px 12px 13px;gap:9px}.dimmable-light>.remote-range>span{display:none}.dimmable-light input{accent-color:#e9c491}.dimmable-light output{color:#c5b99f;min-width:31px}.accessory-section{margin:22px 0}.fan-control{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #ffffff16;border-radius:16px;background:#ffffff04;margin-bottom:8px}.fan-power{display:flex;gap:11px;align-items:center;flex:1;min-width:0;padding:4px;border:0;background:none;color:#b8c7df;text-align:left;font:inherit;cursor:pointer}.fan-power i{flex:none;width:32px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ffffff07;transition:box-shadow .4s,background .4s}.fan-power svg{width:21px;height:21px}.fan-power span{font-size:11px;line-height:1.5}.fan-power small{display:block;font-size:9px;color:#7e8eaa}.fan-power[aria-pressed=true] i{background:#accff0;color:#21446a;box-shadow:0 0 18px #b0dfff40}.fan-power[aria-pressed=true] svg{animation:fan-turn 2s linear infinite}.fan-power[aria-pressed=true] small{color:#abd3ef}.fan-speeds{display:flex;gap:3px}.fan-speeds button{border:1px solid #ffffff0c;color:#7b8da9;background:#ffffff04;width:25px;height:29px;border-radius:8px;font-size:10px;cursor:pointer;transition:background .3s,color .3s}.fan-speeds button[aria-pressed=true]{color:#d1e9ff;background:#7fb7ef24;border-color:#b5d9ff66}.socket-grid{margin-top:10px}.inventory-note{font-size:8px;color:#707c96;margin:10px 0}.fan-rotor{transform-origin:0 0;animation:fan-turn var(--fan-duration,1.05s) linear infinite;animation-play-state:paused}.ceiling-fan.running .fan-rotor{animation-play-state:running}.demo-back{border:1px solid #b7a3ec55;background:#b7a3ec14;color:#dbd2ef;border-radius:20px;font:inherit;font-size:10px;padding:9px 13px;margin-left:auto;cursor:pointer;white-space:nowrap}.demo-back[hidden]{display:none}.demo-view-top:has(.demo-back:not([hidden])) .demo-launch{display:none}.home-bar{padding:8px 18px 12px}.home-bar .quick-modes{margin:10px 0}.home-bar .master-dimmer .remote-range{display:flex;align-items:center;gap:10px;font-size:10px;color:#bac3d9}.home-bar .remote-range input{width:100%;min-width:0;accent-color:#cfbce6}.home-bar .remote-range output{white-space:nowrap}.home-bar .remote-range span{display:none}.home-panel-content .accessory-section .demo-devices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-panel-content .accessory-section .device-card{display:flex;align-items:center;gap:10px;background:#ffffff05;border:1px solid #ffffff17;border-radius:15px;padding:14px 10px;text-align:left;color:#a5b4ca}.home-panel-content .accessory-section .device-card i{display:grid;place-items:center}.home-panel-content .accessory-section .device-card svg{width:22px;height:22px}.home-panel-content .accessory-section .device-card strong{font-size:10px;display:block}.home-panel-content .accessory-section .device-card small{display:block;font-size:9px;margin-top:5px}.home-panel-content .accessory-section .device-card[aria-pressed=true]{background:#7eafea1c;border-color:#a6caf56c}.home-panel-content .control-section-title{font-size:10px;color:#a6afc4;letter-spacing:1px;font-weight:500}
@keyframes fan-turn{to{transform:rotate(360deg)}}@keyframes mode-settle{from{transform:scale(.75)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes mode-wave{from{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.7)}}
@media(max-width:760px){.quick-modes button{min-height:78px;font-size:12px}.inventory-counters button{padding:12px 7px}.inventory-counters strong{font-size:14px}.inventory-counters span{font-size:10px}.fan-power span{font-size:12px}.fan-speeds button{width:32px;height:40px}.dimmable-light input{height:24px}.demo-back{padding:10px}.inventory-heading small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.quick-modes button,.quick-modes b,.inventory-counters button,.fan-speeds button,.fan-power i,.dimmable-light{transition:none}.quick-modes button[aria-pressed=true] i,.quick-modes button[aria-pressed=true]::after,.fan-power[aria-pressed=true] svg,.fan-rotor{animation:none!important}}

.home-fan-hit{position:absolute;pointer-events:auto;border:0;background:transparent!important;padding:0;border-radius:50%;cursor:pointer}.home-fan-hit:focus-visible{outline:2px solid #bdd8ff;outline-offset:3px}