.smart-scene{--ss-bg:#eaf3fc;--ss-text:#10273d;--ss-secondary:#5c778e;--ss-border:#caddeb;--ss-control:#fff;--ss-room:#e5eaf0;--ss-sofa:#bac7d0;--ss-sofa-dark:#a2b3bf;--ss-floor:#c5d1da;--ss-metal:#526779;--ss-warm:.8;--ss-night:0;--ss-shutter:.12;--ss-bulb:#ffcf7f;--ss-lamp-opacity:.95;--ss-room-border:#c1d3e2;--ss-state-bg:#ffffffc9;position:relative;min-width:0;width:100%;padding:30px;border:1px solid var(--ss-border);border-radius:12px;background:var(--ss-bg);color:var(--ss-text);overflow:hidden;transition:background-color .85s ease,color .65s ease,border-color .85s ease}
.smart-scene[data-scene-mode="night"]{--ss-bg:#e7ddd0;--ss-text:#293038;--ss-secondary:#544c43;--ss-border:#c6b6a2;--ss-control:#f4ece2;--ss-room:#d1c2af;--ss-sofa:#968f85;--ss-sofa-dark:#7c776f;--ss-floor:#b7a891;--ss-metal:#635f59;--ss-warm:.24;--ss-night:1;--ss-shutter:1;--ss-bulb:#e8af65;--ss-lamp-opacity:.3;--ss-room-border:#baa890;--ss-state-bg:#f5ede1e6}
.smart-scene[data-scene-mode="away"]{--ss-bg:#102236;--ss-text:#eef5fb;--ss-secondary:#a1b3c4;--ss-border:#293e54;--ss-control:#192f45;--ss-room:#152b3e;--ss-sofa:#354a5c;--ss-sofa-dark:#293d50;--ss-floor:#1c3448;--ss-metal:#6e879b;--ss-warm:0;--ss-night:1;--ss-shutter:1;--ss-bulb:#6b7781;--ss-lamp-opacity:0;--ss-room-border:#2b465e;--ss-state-bg:#10273cd9}
.smart-scene .ss-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--ss-secondary);font-size:7px;font-weight:600;letter-spacing:.9px;line-height:1.8;margin-bottom:25px;transition:color .65s ease}.smart-scene .ss-connection{font-size:7px;font-weight:400;letter-spacing:0;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.ss-connection i{display:block;width:5px;height:5px;border-radius:50%;background:#30a9e9}.smart-scene h3{font-size:29px;line-height:1.2;letter-spacing:-1.1px;color:var(--ss-text);margin:0 0 12px;transition:color .65s ease}.smart-scene .ss-intro{font-size:11px;line-height:1.7;color:var(--ss-secondary);margin:0 0 22px;transition:color .65s ease}.ss-controls{display:grid;grid-template-columns:1.25fr 1.15fr .75fr;gap:7px;margin-bottom:22px}.ss-control{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:10px 6px;border:1px solid var(--ss-border);border-radius:5px;background:var(--ss-control);color:var(--ss-text);font-size:9px;font-weight:500;line-height:1.6;white-space:nowrap;transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}.ss-control>svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ss-control[aria-pressed="true"]{border-color:#0077f5;background:#0077f5;color:#fff;box-shadow:0 3px 10px #0077f51a}.ss-control:hover{border-color:#048bec}.ss-control:focus-visible{outline:3px solid #21b2f3;outline-offset:3px}.ss-room{position:relative;height:209px;isolation:isolate;border:1px solid var(--ss-room-border);border-radius:8px;background:var(--ss-room);overflow:hidden;transition:background-color .9s ease,border-color .9s ease}.ss-room-label{position:absolute;top:14px;left:16px;color:var(--ss-secondary);font-size:8px;letter-spacing:.4px;z-index:3;transition:color .65s ease}.ss-window{position:absolute;width:84px;height:103px;left:37px;top:43px;border:5px solid #f0f4f5;border-radius:3px;box-shadow:0 7px 14px #152c4312;background:#8fb4cf;z-index:1}.ss-sky-day,.ss-sky-night{position:absolute;inset:0;overflow:hidden}.ss-sky-day{background:linear-gradient(155deg,#9ec8df 0%,#d7e3dd 74%,#d7c8a3 100%)}.ss-sky-night{opacity:var(--ss-night);background:linear-gradient(155deg,#10243e,#315377);transition:opacity .85s ease}.ss-moon{position:absolute;top:16px;right:14px;width:15px;height:15px;border-radius:50%;background:#e5edf5;box-shadow:0 0 15px #d4eaff2b}.ss-sky-night>i{position:absolute;width:2px;height:2px;border-radius:50%;background:#d8e9f4;left:14px;top:15px}.ss-sky-night>i:nth-of-type(2){left:43px;top:39px}.ss-sky-night>i:nth-of-type(3){left:22px;top:61px}.ss-window-cross{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent calc(50% - 2px),#f0f4f5 calc(50% - 2px),#f0f4f5 calc(50% + 2px),transparent calc(50% + 2px)),linear-gradient(0deg,transparent 45%,#f0f4f5 45%,#f0f4f5 49%,transparent 49%)}.ss-blind{position:absolute;inset:-1px -1px 0;z-index:2;background:repeating-linear-gradient(0deg,#c3d0db 0px,#c3d0db 5px,#94aabd 6px,#b4c5d3 7px);border-bottom:3px solid #849aac;transform:scaleY(var(--ss-shutter));transform-origin:top center;transition:transform .95s cubic-bezier(.22,.7,.22,1);will-change:transform}.ss-window-sill{position:absolute;height:6px;left:-9px;right:-9px;bottom:-10px;background:#edf1f2;box-shadow:0 4px 7px #17334b1c;z-index:3}.ss-floor{position:absolute;bottom:0;left:0;right:0;height:46px;border-top:1px solid #7090a022;background:var(--ss-floor);transition:background-color .85s ease}.ss-lamp{position:absolute;right:44px;top:50px;width:64px;height:124px;z-index:2}.ss-lamp-stem{position:absolute;width:3px;height:94px;background:var(--ss-metal);top:30px;left:31px;transition:background-color .8s ease}.ss-lamp-foot{position:absolute;bottom:0;left:16px;width:33px;height:5px;background:var(--ss-metal);border-radius:50%;transition:background-color .8s ease}.ss-lamp-shade{position:absolute;left:9px;top:0;width:47px;height:38px;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);background:#d9cab3;z-index:2;transition:background-color .85s ease}.smart-scene[data-scene-mode="night"] .ss-lamp-shade{background:#b4a38c}.smart-scene[data-scene-mode="away"] .ss-lamp-shade{background:#73808a}.ss-lamp-bulb{position:absolute;left:28px;top:32px;width:10px;height:9px;border-radius:50%;background:var(--ss-bulb);z-index:3;box-shadow:0 0 9px #ffc7733d;transition:background-color .85s ease}.ss-lamp-glow{position:absolute;left:-39px;top:-39px;width:145px;height:172px;background:radial-gradient(ellipse at 50% 45%,#ffd18d6b 0%,#ffd18d2e 30%,#ffd18d00 68%);opacity:var(--ss-lamp-opacity);transform:scale(calc(.85 + var(--ss-lamp-opacity)*.15));transition:opacity .9s ease,transform .9s ease;z-index:1}.ss-light-on-wall{position:absolute;inset:0;background:radial-gradient(ellipse at 76% 44%,#ffe1b47d 0%,#ffdfaa19 40%,transparent 70%);opacity:var(--ss-warm);transition:opacity .95s ease;pointer-events:none}.ss-sofa{position:absolute;width:146px;height:68px;bottom:25px;left:50%;transform:translateX(-50%);z-index:3}.ss-sofa-back{position:absolute;left:9px;right:9px;top:0;height:46px;border-radius:12px 12px 4px 4px;background:var(--ss-sofa);border-bottom:1px solid #46658025;box-shadow:inset 0 1px 1px #fff3;transition:background-color .85s ease}.ss-sofa-back:before{content:'';position:absolute;top:8px;left:50%;bottom:0;border-left:1px solid #56708622}.ss-sofa-seat{position:absolute;bottom:5px;left:0;right:0;height:26px;border-radius:5px;background:var(--ss-sofa-dark);box-shadow:0 9px 10px #1430471a;transition:background-color .85s ease}.ss-sofa-arm{position:absolute;top:24px;width:17px;height:31px;border-radius:7px 7px 3px 3px;background:var(--ss-sofa);transition:background-color .85s ease}.ss-sofa-arm-left{left:-2px}.ss-sofa-arm-right{right:-2px}.ss-sofa>i{position:absolute;bottom:0;left:15px;width:5px;height:8px;border-radius:0 0 1px 1px;background:var(--ss-metal);transition:background-color .85s ease}.ss-sofa>i:last-child{left:auto;right:15px}.ss-room-state{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:5px;border:1px solid var(--ss-room-border);border-radius:20px;padding:4px 7px;background:var(--ss-state-bg);color:var(--ss-secondary);font-size:6px;line-height:1.3;z-index:4;transition:background-color .8s ease,color .65s ease,border-color .8s ease}.ss-room-state>span:first-child{width:4px;height:4px;background:#30a9e9;border-radius:50%}.ss-devices{margin-top:15px;border:1px solid var(--ss-border);border-radius:7px;padding:3px 14px;background:var(--ss-control);transition:background-color .85s ease,border-color .85s ease}.ss-device{display:flex;align-items:center;gap:12px;padding:12px 0}.ss-device+.ss-device{border-top:1px solid var(--ss-border);transition:border-color .85s ease}.ss-device-icon{width:23px;height:23px;fill:none;stroke:#008df0;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ss-device>div>span{display:block;color:var(--ss-secondary);font-size:8px;line-height:1.6;transition:color .65s ease}.ss-device strong{display:block;color:var(--ss-text);font-size:10px;font-weight:550;line-height:1.7;transition:color .65s ease}.ss-device-value{margin-left:auto;color:var(--ss-secondary);font-size:9px;font-variant-numeric:tabular-nums;transition:color .65s ease}.ss-bulb-rays{opacity:var(--ss-lamp-opacity);transform:scale(calc(.85 + var(--ss-lamp-opacity)*.15));transform-origin:12px 10px;transition:opacity .9s ease,transform .9s ease}.ss-bulb-outline{fill:#ffd38a33;transition:fill .9s ease}.smart-scene[data-scene-mode="away"] .ss-bulb-outline{fill:transparent}.ss-blind-indicator{width:22px;height:23px;margin-left:auto;border:1px solid var(--ss-border);border-radius:2px;overflow:hidden;transition:border-color .85s ease}.ss-blind-indicator i{display:block;width:100%;height:100%;background:repeating-linear-gradient(0deg,#078cf240 0,#078cf240 3px,transparent 3px,transparent 5px);transform:scaleY(var(--ss-shutter));transform-origin:top;transition:transform .95s cubic-bezier(.22,.7,.22,1)}.smart-scene .ss-description{min-height:36px;margin:16px 0 10px;color:var(--ss-secondary);font-size:10px;line-height:1.8;transition:color .65s ease}.smart-scene .ss-disclaimer{font-size:7px;line-height:1.8;color:var(--ss-secondary);opacity:.85;margin:0;transition:color .65s ease}
@media(max-width:1100px) and (min-width:651px){.smart-scene{padding:23px}.ss-control{font-size:8px;gap:4px;padding:10px 4px}.ss-control>svg{width:11px;height:11px}.ss-controls{gap:5px}.smart-scene .ss-heading{flex-wrap:wrap;gap:4px;margin-bottom:20px}.ss-room{height:200px}.ss-window{left:24px}.ss-lamp{right:20px}}
@media(max-width:650px){.smart-scene{padding:25px}.ss-room{height:218px}.ss-window{left:30px;top:45px}.ss-lamp{right:25px;top:54px}.ss-sofa{bottom:26px}.smart-scene .ss-heading{font-size:6px;letter-spacing:.7px}.smart-scene .ss-connection{font-size:6px}.smart-scene h3{font-size:29px}.smart-scene .ss-intro{font-size:11px}.ss-control{font-size:9px;padding:11px 5px}.smart-scene .ss-description{font-size:10px}.smart-scene .ss-disclaimer{font-size:7px}}
@media(max-width:390px){.smart-scene{padding:20px}.ss-controls{gap:5px}.ss-control{font-size:8px;gap:4px}.ss-control>svg{width:11px;height:11px}.smart-scene .ss-heading{flex-wrap:wrap;gap:4px}.ss-window{left:22px}.ss-lamp{right:18px}.ss-sofa{width:133px}.ss-room-state{font-size:5px}}
@media(prefers-reduced-motion:reduce){.smart-scene,.smart-scene *,.smart-scene *:before,.smart-scene *:after{transition:none!important;animation:none!important}}