:root{--paper:#f6f6f0;--ink:#171914;--muted:#75786c;--line:#dedfd4;--yellow:#ffc43d;--green:#087e5c;--orange:#ff6b35}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button,select,input,a{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #3a86ff;outline-offset:3px}button:disabled{opacity:.35;cursor:default}button:hover:not(:disabled){filter:brightness(.97)}h1,h2,h3,p{margin:0}svg{width:20px;height:20px;stroke-width:1.6;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home-app{display:grid;grid-template-columns:172px minmax(0,1fr);min-height:100dvh;max-width:1500px;margin:0 auto}.sidebar{background:#eaece3;border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column;gap:0}.app-brand{display:flex;align-items:center;font-size:28px;letter-spacing:-1.6px;font-weight:800;line-height:1;padding-left:7px}.app-brand>span:last-child{color:var(--orange)}.brand-mark{width:13px;height:15px;background:var(--orange);clip-path:polygon(0 34%,50% 0,100% 34%,100% 100%,60% 100%,60% 60%,40% 60%,40% 100%,0 100%);margin-right:8px}.home-identity{display:flex;align-items:center;gap:10px;padding:30px 2px 27px;border-bottom:1px solid #d5d8ca}.home-avatar{width:33px;height:33px;border:1px solid #c5caba;border-radius:10px;display:grid;place-items:center;background:#f8f9f3}.home-avatar svg{width:17px;height:17px}.home-identity strong{display:block;font-weight:600;font-size:12px}.home-identity small{display:block;font:8px/1.5 "JetBrains Mono",monospace;color:var(--muted);margin-top:4px;letter-spacing:.03em}.nav-caption{font:9px/1.5 "JetBrains Mono",monospace;color:var(--muted);margin:27px 8px 13px;letter-spacing:.09em}.room-tabs{display:flex;flex-direction:column;gap:7px}.room-tabs button{display:flex;align-items:center;gap:10px;padding:13px 11px;border:0;background:transparent;border-radius:7px;white-space:nowrap;text-align:left;font-size:11px;min-height:45px}.room-tabs button>svg{width:18px;height:18px}.room-tabs .room-arrow{width:12px;height:12px;margin-left:auto;opacity:0}.room-tabs [aria-selected=true]{background:#1e2621;color:white;box-shadow:0 3px 8px #15231912}.room-tabs [aria-selected=true] .room-arrow{opacity:.7}.sidebar-bottom{margin-top:auto;padding:45px 6px 0}.demo-badge{font:8px/1.5 "JetBrains Mono",monospace;letter-spacing:.03em;white-space:nowrap;display:flex;align-items:center;gap:6px}.demo-badge>span,.small-dot{display:inline-block;width:6px;height:6px;background:#099570;border-radius:50%}.sidebar-bottom p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:11px}.sidebar-bottom>a{display:flex;align-items:center;gap:6px;font-size:10px;margin-top:21px}.sidebar-bottom>a svg{width:13px;height:13px}
.dashboard-main{min-width:0;padding:28px 30px 20px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.greeting{color:var(--muted);font-size:11px;margin-bottom:7px}.dashboard-header h1{font-size:33px;font-weight:600;letter-spacing:-1.5px;line-height:1.2}.dashboard-header h1>span{color:var(--orange)}#room-summary{font-size:11px;color:var(--muted);margin-top:7px}.reset-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:transparent;font-size:10px}.reset-button svg{width:14px;height:14px}.home-overview{margin-top:22px;display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.overview-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#dce9dc;color:#266447}.overview-icon svg{width:16px;height:16px}.home-overview strong{font-size:11px;font-weight:600}.home-overview p{font-size:10px;color:var(--muted);margin-top:2px}.overview-count{margin-left:auto;font:9px/1.5 "JetBrains Mono",monospace;white-space:nowrap;color:#337653;background:#e6eee0;padding:5px 8px;border-radius:5px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-label h2{font-size:12px;font-weight:600;letter-spacing:-.15px}.section-label>span{font:8px/1.5 "JetBrains Mono",monospace;color:var(--muted);letter-spacing:.03em}.scenes-section{padding-top:22px}.home-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:11px}.home-scenes button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:transparent;padding:12px 10px;border-radius:7px;font-size:10px;min-height:45px;line-height:1.3;text-align:left}.home-scenes button svg{width:17px;height:17px}.home-scenes [aria-pressed=true]{background:var(--yellow);border-color:#e0aa2c;color:#262619}.scene-feedback{font-size:9px;color:var(--muted);min-height:25px;margin-top:8px}.device-section-label{margin:12px 0}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.device-card{border:1px solid var(--line);border-radius:12px;padding:15px 15px 12px;min-width:0;background:#fdfdf8;display:flex;flex-direction:column}.light-card{background:#f7efce;border-color:#e6dcad}.shade-card{background:#edf2f0}.climate-card{background:#e7eee4}.device-heading{display:flex;align-items:center;justify-content:space-between;min-height:29px;gap:6px}.device-icon svg{width:22px;height:22px;stroke-width:1.5}.power-toggle{display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:4px 0 4px 6px;min-height:30px;font-size:9px}.switch-track{width:28px;height:16px;border-radius:30px;background:#b4b8ac;padding:3px;display:block}.switch-track>span{display:block;width:10px;height:10px;border-radius:50%;background:white;transition:transform .15s}.power-toggle[aria-pressed=true] .switch-track{background:#263d29}.power-toggle[aria-pressed=true] .switch-track>span{transform:translateX(12px)}.device-tag{font:9px "JetBrains Mono",monospace;color:#5c645a}.device-title{margin-top:11px}.device-title h3{font-size:15px;font-weight:600;letter-spacing:-.4px}.device-title p{font-size:9px;color:#737669;line-height:1.5;margin-top:4px}.light-glow{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100px;gap:7px}.glow-ring{width:59px;height:59px;display:grid;place-items:center;border:1px solid #d5bd62;border-radius:50%;box-shadow:0 0 0 7px #dcb4310d,0 0 0 15px #dcb43108;background:#ffdc663d}.glow-ring svg{width:30px;height:30px;stroke-width:1.2}.light-glow>span{font:6px/1.4 "JetBrains Mono",monospace;letter-spacing:.1em;color:#988346}.light-card[data-on=false]{background:#efefe8}.light-card[data-on=false] .glow-ring{background:#e4e6dc;border-color:#bbbeb0;box-shadow:none;color:#878e7d}.light-card[data-on=false] .light-glow>span{color:#7f8574}.range-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-top:auto;gap:8px}.range-label output{font-family:"JetBrains Mono",monospace;font-size:10px}input[type=range]{appearance:none;-webkit-appearance:none;display:block;min-width:0;width:100%;height:22px;cursor:pointer;background:transparent;margin:8px 0 0;accent-color:#263d29}input[type=range]::-webkit-slider-runnable-track{height:4px;background:#c7cbbd;border-radius:9px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;background:#263d29;border:3px solid #f9faf3;border-radius:50%;box-shadow:0 0 0 1px #263d2926;margin-top:-6.5px}input[type=range]::-moz-range-track{height:4px;background:#c7cbbd;border-radius:9px}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#263d29;border:3px solid #f9faf3;border-radius:50%}.range-ends{display:flex;align-items:center;justify-content:space-between;color:#898b7d;font-size:8px;min-height:28px}.shade-visual{position:relative;display:flex;gap:4px;border:2px solid #7d918e;border-bottom:0;width:73px;height:65px;padding:4px;margin:17px auto 18px;background:#e0e8e2;box-shadow:3px 3px 0 #6e827812}.window-glass{position:relative;flex:1;overflow:hidden;border:1px solid #acbfba;background:linear-gradient(145deg,#cfdfd9 45%,#e5ede3 46%,#e5ede3 50%,#cfdfd9 51%)}.window-blind{position:absolute;inset:0 0 auto;height:calc(100% - var(--opening));background:repeating-linear-gradient(0deg,#d0c8b3 0 5px,#e5dec9 5px 7px);border-bottom:2px solid #998e71;transition:height .15s}.window-sill{position:absolute;bottom:-4px;left:-5px;right:-5px;height:4px;background:#80938c}.shade-presets{display:flex;gap:5px;margin-top:2px;min-height:28px}.shade-presets button{font-size:8px;background:transparent;border:1px solid #cdd5cd;border-radius:4px;flex:1;padding:4px 2px}.shade-presets button[aria-pressed=true]{background:#d7e5dc;border-color:#a6bbae}.temperature-control{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:126px;padding-top:7px}.target-label{font:7px/1.5 "JetBrains Mono",monospace;letter-spacing:.04em;color:#7a8473}.temperature-stepper{display:flex;align-items:center;justify-content:space-between;width:100%;gap:5px;margin-top:9px}.temperature-stepper button{width:29px;height:29px;border:1px solid #c9d4c3;background:#f6faf1;border-radius:50%;padding:0;display:grid;place-items:center;flex-shrink:0}.temperature-stepper svg{width:13px;height:13px}.temperature-stepper output{font-size:36px;letter-spacing:-1.6px;font-weight:500;white-space:nowrap;line-height:1.3}.temperature-control p{font-size:9px;color:#6f7c68;margin-top:7px}.climate-mode-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cfd8c9;padding-top:9px;gap:8px;font-size:10px;min-height:39px}.climate-mode-row select{max-width:85px;background:transparent;border:1px solid #c4cebe;border-radius:4px;padding:5px;font-size:10px;color:var(--ink)}.activity-section{margin-top:24px}.activity-list{padding:0;margin:12px 0 0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.activity-list li{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding:10px 0;min-width:0}.activity-dot{width:6px;height:6px;background:#719779;border-radius:50%;flex-shrink:0}.activity-copy{min-width:0;flex:1}.activity-copy strong{display:block;font-size:10px;font-weight:500}.activity-copy small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.activity-list time{font:7px/1.5 "JetBrains Mono",monospace;color:#8a8e7f;white-space:nowrap}.app-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:13px;color:#7b8171;font:7px/1.5 "JetBrains Mono",monospace}.app-footer>span:first-child{display:flex;align-items:center;gap:6px}.app-footer>span:last-child{white-space:nowrap}
@media(min-width:1150px){.home-app{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:33px 22px}.dashboard-main{padding:34px 42px 25px}.dashboard-header h1{font-size:40px}.device-card{padding:20px}.light-glow{height:118px}.shade-visual{margin-block:26px}.temperature-control{min-height:143px}.home-scenes button{font-size:12px;padding:15px}.section-label h2{font-size:14px}.device-title h3{font-size:18px}.device-title p{font-size:11px}.range-label{font-size:12px}.range-label output{font-size:12px}.activity-copy strong{font-size:12px}.activity-copy small{font-size:10px}}
@media(max-width:850px){.home-app{grid-template-columns:145px minmax(0,1fr)}.sidebar{padding:24px 11px}.room-tabs button{padding:12px 9px;gap:7px;font-size:10px}.room-tabs .room-arrow{display:none}.dashboard-main{padding:25px 20px 18px}.home-scenes{gap:6px}.home-scenes button{padding:10px 7px;gap:5px;font-size:9px}.home-scenes button svg{width:15px;height:15px}.device-grid{gap:8px}.device-card{padding:12px 10px 10px}.device-title h3{font-size:14px}.device-title p{font-size:8px;min-height:24px}.temperature-stepper output{font-size:29px}.temperature-stepper button{width:25px;height:25px}.range-label{font-size:9px}.device-tag{font-size:8px}.sidebar-bottom{padding-left:2px;padding-right:0}.demo-badge{font-size:7px}.temperature-control{min-height:113px}.light-glow{height:91px}.shade-visual{margin-block:13px}.section-label>span{font-size:7px}}
@media(max-width:680px){.home-app{display:block}.sidebar{padding:17px 20px 0;border-right:0;border-bottom:1px solid var(--line)}.app-brand{font-size:25px;padding:0;position:absolute;top:18px;left:20px}.home-identity{padding:0 0 16px;justify-content:flex-end;border:0}.home-avatar{width:29px;height:29px}.home-identity strong{font-size:10px}.home-identity small{font-size:7px}.nav-caption,.sidebar-bottom{display:none}.room-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.room-tabs button{border-radius:6px 6px 0 0;justify-content:center;font-size:11px;padding:11px 6px;min-height:43px;gap:8px}.room-tabs button>svg{width:17px;height:17px}.dashboard-main{padding:23px 20px 18px}.dashboard-header h1{font-size:30px}.device-card{padding:15px 13px 12px}.device-title p{font-size:9px;min-height:0}.home-scenes button{font-size:10px;gap:8px;padding:11px 9px}.home-overview{margin-top:18px}.device-title h3{font-size:15px}.temperature-stepper output{font-size:32px}.app-footer{font-size:7px}}
@media(max-width:520px){.dashboard-main{padding:22px 16px 18px}.sidebar{padding-inline:16px}.app-brand{left:16px}.home-scenes{grid-template-columns:1fr 1fr;gap:7px}.home-scenes button{min-height:43px;font-size:11px;padding:11px 12px;gap:9px}.device-grid{grid-template-columns:1fr 1fr;gap:10px}.device-card{padding:15px 12px 12px}.climate-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr;column-gap:20px}.climate-card .device-heading{grid-column:1;grid-row:1}.climate-card .device-title{grid-column:1;grid-row:2;margin:0;align-self:start}.temperature-control{grid-column:2;grid-row:1/4;min-height:140px;padding:0}.climate-mode-row{grid-column:1;grid-row:3;margin-top:12px;padding-top:8px}.temperature-stepper output{font-size:39px}.temperature-stepper button{width:29px;height:29px}.temperature-control p{font-size:10px}.target-label{font-size:7px}.activity-list{grid-template-columns:1fr}.activity-copy strong{font-size:11px}.activity-copy small{font-size:10px}.activity-list time{font-size:8px}.home-overview p{max-width:200px;font-size:9px}.overview-count{font-size:8px;padding:5px}.section-label h2{font-size:11px}.section-label>span{font-size:7px}.reset-button{width:37px;height:37px;padding:0}.reset-button span{display:none}.reset-button svg{width:16px;height:16px}.device-title p{font-size:8px;min-height:24px}.shade-visual{margin-block:15px}.light-glow{height:95px}.device-section-label{gap:6px}.device-section-label>span{font-size:6px}.room-tabs button{font-size:10px;gap:5px}.room-tabs button>svg{width:15px;height:15px}.home-identity{gap:7px}.app-footer>span:last-child{display:none}.greeting{font-size:10px}.dashboard-header h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#3f694c 0 var(--range-progress,50%),#c7cbbd var(--range-progress,50%) 100%)}
input[type=range]::-moz-range-track{background:linear-gradient(to right,#3f694c 0 var(--range-progress,50%),#c7cbbd var(--range-progress,50%) 100%)}
.light-glow .glow-ring{opacity:calc(.35 + var(--brightness, .78) * .65)}
@media(max-width:520px){.climate-card{grid-template-columns:1fr 1.5fr;column-gap:14px}.temperature-stepper output{font-size:32px}.temperature-stepper button{width:27px;height:27px}.climate-mode-row select{max-width:68px}.climate-card .device-title p{font-size:9px}.home-overview p{font-size:10px}.device-title p{font-size:9px}}