@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{color:#f2f0e9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0c100f;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#4f5a51 #0d1210}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit;touch-action:manipulation}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #e6c699}button:disabled{cursor:not-allowed}.app-backdrop{--accent:#e0be89;--accent-light:#ffe2ac;--muted:#869088;--panel:#1b211e;background:radial-gradient(410px 310px at calc(50% + 120px) 22px,#23302a,#0c100f 85%);min-height:100dvh;padding:0 0 100px;position:relative;overflow:hidden}.app{width:min(100%,480px);padding:calc(env(safe-area-inset-top,0px) + 23px) 22px 38px;margin:0 auto;position:relative}.masthead,.masthead-right,.brand{align-items:center;display:flex}.masthead{justify-content:space-between;gap:8px}.brand{gap:7px}.brand-symbol{color:var(--accent);place-items:center;width:29px;height:29px;display:grid}.brand-word{letter-spacing:-1.8px;color:#f3eedd;font:800 26px/1 Manrope,sans-serif}.brand-period{color:var(--accent);margin-left:1px}.masthead-right{gap:12px}.demo-marker{color:#bec6ba;white-space:nowrap;align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.demo-marker>span{background:#b5dba7;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #c3e0a780}.head-button{color:#e9e8df;background:#ffffff0e;border:1px solid #56605655;border-radius:15px;place-items:center;width:42px;height:42px;display:grid}.salutation{justify-content:space-between;align-items:flex-end;gap:14px;margin:41px 0 26px;display:flex}.greet-sub{color:#adb3a8;margin:0 0 9px;font-size:11px;font-weight:500}h1,h2,h3,p{margin-top:0}.salutation h1{letter-spacing:-1.55px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(27px,7vw,35px);font-weight:700;line-height:1.22}.salutation h1 span{color:#b7beb2;font-weight:500}.status-circle{white-space:nowrap;color:#e0cba3;background:#2b3229;border:1px solid #4b5545;border-radius:99px;align-items:center;gap:6px;margin-bottom:3px;padding:7px 10px;font-size:10px;display:flex}.status-pulse{background:#dcc38f;border-radius:50%;width:5px;height:5px}.scene-hero{isolation:isolate;background:#282f2d;border:1px solid #50574b88;border-radius:27px;height:376px;position:relative;overflow:hidden;box-shadow:0 23px 49px #05070690,inset 0 1px #ffffff12}.scene-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#141915c7 0%,#161c1855 25%,#0000 52%,#1117144a 72%,#131c18 100%);position:absolute;inset:0}.hero-heading{z-index:3;justify-content:space-between;align-items:start;display:flex;position:absolute;top:23px;left:23px;right:20px}.overline{letter-spacing:.1px;color:#d8d7c9;margin:0 0 6px;font-size:10px}.hero-heading h2{letter-spacing:-.75px;text-shadow:0 2px 8px #0008;margin:0 0 9px;font-family:Manrope,sans-serif;font-size:24px;font-weight:700}.hero-activity{color:#d5d8ca;align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.little-dot{background:#e0c38d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #dec58c23}.hero-action{color:#f4f0e7;-webkit-backdrop-filter:blur(12px);background:#1a221d70;border:1px solid #e4e5d64a;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.room-art{z-index:0;filter:saturate(.91);width:100%;height:100%;transition:filter .45s,opacity .45s;position:absolute;inset:0}.scene-off .room-art{filter:saturate(.58)brightness(.64)}.scene-footer{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.scene-footer>div{flex-direction:column;gap:5px;display:flex}.subtle-label{color:#b8c0b2;font-size:10px}.scene-footer strong{letter-spacing:-.6px;font:700 21px/1.2 Manrope,sans-serif}.power-button{color:#e6e5d2;-webkit-backdrop-filter:blur(12px);background:#3c4a3dd9;border:1px solid #c3d3b77a;border-radius:50%;place-items:center;width:52px;height:52px;transition:background .22s,color .22s,transform .22s;display:grid}.power-button.active{color:#283025;background:#e5d4b2;border-color:#e9d6b4;box-shadow:0 0 23px #f4d3a255}.power-button:active{transform:scale(.94)}.dim-control{background:#1a211e;border:1px solid #303b33;border-radius:22px;margin:12px 0 0;padding:18px 19px 15px}.dim-head{align-items:center;gap:12px;display:flex}.dim-icon{color:#e8c899;background:#4c4434;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.dim-head>div:nth-child(2){flex:1;min-width:0}.dim-head h3{margin:0 0 4px;font-size:13px;font-weight:700}.dim-head p{color:#98a298;margin:0;font-size:10px}.dim-value{color:#e9d6b2;font-variant-numeric:tabular-nums;font:700 16px Manrope,sans-serif}.dim-control input[type=range]{appearance:none;background:linear-gradient(to right,#e2bc83 0 var(--range),#38443d var(--range) 100%);cursor:pointer;border-radius:99px;width:100%;height:7px;margin:24px 0 8px}.dim-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff1d4;border:5px solid #d3ac76;border-radius:50%;width:23px;height:23px;box-shadow:0 0 0 4px #e8cc9b20}.dim-control input[type=range]::-moz-range-thumb{background:#fff1d4;border:4px solid #d3ac76;border-radius:50%;width:16px;height:16px}.range-hints{color:#8a968b;justify-content:space-between;font-size:10px;display:flex}.section-title{justify-content:space-between;align-items:flex-end;gap:12px;margin:33px 0 16px;display:flex}.section-kicker{color:#c7b18b;margin:0 0 4px;font-size:11px}.section-title h2{letter-spacing:-.8px;margin:0;font:700 21px/1.23 Manrope,sans-serif}.details{color:#dcc59d;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:7px 0;font-size:11px;font-weight:600;display:flex}.rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.room-card{background:#1b221e;border:1px solid #394039;border-radius:22px;min-height:173px;padding:17px;transition:background .2s,border-color .2s;position:relative}.room-card.room-enabled{background:linear-gradient(135deg,#32362c,#1d2520 85%);border-color:#5e5845}.room-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:27px;display:flex}.room-glyph{color:#ceb589;background:#3d3e30;border-radius:14px;place-items:center;width:41px;height:41px;display:grid}.room-card:not(.room-enabled) .room-glyph{color:#a3aba0;background:#2d352f}.toggle{background:#3f4842;border:1px solid #525b50;border-radius:99px;align-items:center;width:40px;height:25px;padding:3px;transition:background .2s;display:flex}.toggle.checked{background:#deca9d;border-color:#deca9d}.toggle-knob{background:#c5cdc3;border-radius:50%;width:17px;height:17px;transition:transform .2s;transform:translate(0);box-shadow:0 1px 3px #0005}.toggle.checked .toggle-knob{background:#333d32;transform:translate(15px)}.room-name{letter-spacing:-.3px;margin-bottom:5px;font:700 14px Manrope,sans-serif}.room-details{color:#a5b0a2;font-size:10px}.room-indicator{color:#a7afa5;align-items:center;gap:6px;margin-top:17px;font-size:10px;display:flex}.signal{background:#777f79;border-radius:50%;width:5px;height:5px}.signal.on{background:#dcbe85;box-shadow:0 0 0 3px #e3c88c15}.scenes-title{margin-top:35px}.small-descriptor{color:#8a958b;white-space:nowrap;padding-bottom:3px;font-size:10px}.scenes-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.scene-tile{color:#bbc3b8;background:#1a221d;border:1px solid #333d36;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;min-height:105px;padding:12px 7px;transition:border-color .2s,background .2s,color .2s,transform .2s;display:flex;position:relative}.scene-tile:active{transform:scale(.97)}.scene-tile.selected{color:#f8e3bc;background:linear-gradient(160deg,#4a4434,#292d25);border-color:#ceb382}.scene-icon{background:#30382f;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.selected .scene-icon{color:#f6d9a8;background:#65543a}.scene-name{letter-spacing:-.15px;white-space:nowrap;font-size:10px;font-weight:700}.active-check{color:#252c24;background:#ddc28e;border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:6px;right:6px}.climate-title{margin-top:35px}.climate-card{background:linear-gradient(125deg,#252d28,#1c2420);border:1px solid #394438;border-radius:22px;padding:20px}.climate-top{color:#aeb9ac;align-items:center;gap:9px;font-size:11px;display:flex}.climate-icon{color:#e8c596;background:#4e4837;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.climate-tag{color:#d8d4ba;background:#454f3b;border:1px solid #5a6250;border-radius:99px;margin-left:auto;padding:5px 8px;font-size:9px}.climate-main{justify-content:space-between;align-items:end;gap:8px;margin-top:21px;display:flex}.temperature strong{letter-spacing:-2.4px;font-variant-numeric:tabular-nums;font:700 46px/.98 Manrope,sans-serif}.temperature span{color:#9da99e;margin-top:9px;font-size:10px;display:block}.temp-buttons{gap:8px;display:flex}.temp-buttons button{color:#edf0e6;background:#303b33;border:1px solid #586259;border-radius:15px;place-items:center;width:45px;height:45px;display:grid}.temp-buttons button:active{background:#4b5d4b}.energy-panel{background:#171f1b;border:1px solid #303d35;border-radius:22px;margin-top:12px;padding:21px 20px 18px}.energy-header{justify-content:space-between;align-items:start;gap:8px;display:flex}.energy-label{color:#a6b0a5;align-items:center;gap:6px;font-size:11px;display:flex}.energy-label svg{color:#d8bc8c}.energy-header strong{letter-spacing:-1.2px;margin:9px 0 0;font:700 31px Manrope,sans-serif;display:block}.energy-header strong span{color:#9ca99b;letter-spacing:0;font-size:13px;font-weight:500}.energy-header p{color:#8c9b90;margin:3px 0 0;font-size:10px}.energy-change{color:#b5daab;white-space:nowrap;background:#2b3b2c;border:1px solid #40543f;border-radius:99px;padding:6px 8px;font-size:9px}.energy-graph{align-items:end;gap:5px;height:90px;margin-top:20px;padding:0 2px;display:flex}.bar-wrap{flex:1;align-items:end;height:100%;display:flex}.bar{opacity:.87;background:linear-gradient(#819478,#5e6a5a);border-radius:5px 5px 2px 2px;width:100%;min-height:3px}.bar-highlight{opacity:1;background:linear-gradient(#e2be8a,#aa8859)}.energy-axis{color:#829086;justify-content:space-between;margin-top:11px;font-size:9px;display:flex}.demo-note{text-align:center;color:#6f7e72;margin:25px auto 0;font-size:10px;line-height:1.5}.bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:20;padding:10px 10px calc(env(safe-area-inset-bottom,0px) + 11px);background:#151d18de;border-top:1px solid #434c40b5;position:fixed;bottom:0;left:0;right:0}.nav-content{grid-template-columns:repeat(4,1fr);max-width:480px;margin:0 auto;display:grid}.nav-item{color:#78897d;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:53px;font-size:10px;font-weight:500;display:flex}.nav-item.current{color:#f3d5a0}.nav-item.current svg{filter:drop-shadow(0 0 7px #ebd39c55)}.toast{z-index:50;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);color:#ede6cb;text-align:center;pointer-events:none;background:#31382a;border:1px solid #947b57;border-radius:13px;width:max-content;max-width:calc(100% - 32px);padding:12px 17px;font-size:12px;line-height:1.45;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 42px #0009}@media (width>=600px){.app-backdrop{background:radial-gradient(420px 430px at 50% 120px,#27332b,#0c100f 90%)}.app{padding-top:41px}.scene-hero{height:410px}.room-art{height:110%;top:-4%}.room-card{min-height:184px}.scenes-row{gap:11px}}@media (width<=390px){.app{padding-left:17px;padding-right:17px}.salutation h1{font-size:28px}.status-circle{padding:6px;font-size:9px}.scene-hero{height:354px}.section-title{margin-top:29px}.scenes-row{gap:7px}.scene-tile{padding:11px 3px}.scene-icon{width:39px;height:39px}.scene-name{font-size:9px}.room-card{padding:13px}.room-top{gap:4px}.room-glyph{width:37px;height:37px}.room-name{font-size:12px}.room-details{font-size:9px}}@media (width<=345px){.demo-marker{font-size:0}.demo-marker>span{width:8px;height:8px}.salutation{display:block}.status-circle{width:max-content;margin-top:13px}.scene-tile{min-height:95px}.scene-icon{width:33px;height:33px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}