@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--paper:#f7f7f2;--white:#fff;--ink:#293d31;--muted:#788078;--green:#355642;--sage:#e9eddf;--line:#e6e8df;--sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:"Manrope",var(--sans)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #b48c53}input:focus-visible{outline:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display)}svg{flex-shrink:0}::selection{background:#dce5cc}.skip-link{z-index:99;background:var(--ink);color:#fff;border-radius:8px;padding:12px 18px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:12px}.brand{font-family:var(--display);letter-spacing:-1.4px;align-items:center;gap:10px;font-size:26px;font-weight:750;display:inline-flex}.brand-icon{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.brand-dot{color:#ab8b5d}.tiny-dot{background:#7d9268;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:650;line-height:1.6}.login-page{flex-direction:column;max-width:1500px;min-height:100svh;margin:auto;padding:0 64px;display:flex}.login-header{justify-content:space-between;align-items:center;height:112px;display:flex}.header-caption{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.login-main{flex:1;grid-template-columns:1.05fr 1fr;min-height:640px;max-height:850px;padding-bottom:12px;display:grid}.welcome-panel{background:#e9eddf;border-radius:23px;flex-direction:column;display:flex;position:relative;overflow:hidden}.welcome-content{z-index:1;padding:56px 52px 0}.welcome-tag{letter-spacing:2px;color:#657a55;align-items:center;gap:9px;font-size:9px;font-weight:650;display:inline-flex}.welcome-content h1{letter-spacing:-3.6px;margin:27px 0 23px;font-size:clamp(45px,4.9vw,70px);font-weight:500;line-height:1.14}.welcome-content h1>span{color:#75845c;letter-spacing:-3px;font-family:Georgia,serif;font-style:italic;font-weight:400}.welcome-description{color:#77806d;font-size:14px;line-height:1.9}.home-art{isolation:isolate;flex:1;justify-content:center;align-items:center;width:100%;min-height:260px;display:flex;position:relative}.house-drawing{z-index:1;width:100%;max-width:580px;position:relative}.art-orbit{z-index:-1;border:1px solid #dce2ce;border-radius:50%;position:absolute}.orbit-one{width:330px;height:330px;top:20px;left:calc(50% - 165px)}.orbit-two{opacity:.6;width:460px;height:460px;top:-42px;left:calc(50% - 230px)}.art-note{color:#6f7d60;z-index:2;background:#f6f6eced;border:1px solid #ffffffb0;border-radius:8px;align-items:center;gap:7px;padding:12px 14px;font-size:10px;display:flex;position:absolute;bottom:7%;right:7%;transform:rotate(-4deg);box-shadow:0 5px 15px #647c4b06}.welcome-bottom{z-index:1;background:#e9eddf;border-top:1px solid #dce2cf;justify-content:space-between;gap:12px;padding:30px 35px;display:flex}.welcome-bottom>span{color:#7b846e;align-items:center;gap:7px;font-size:10px;display:flex}.signin-panel{flex-direction:column;justify-content:center;align-items:center;padding:30px 0 30px 40px;display:flex}.login-card{width:100%;max-width:360px}.form-icon{color:#64805b;background:#edf0e7;border:1px solid #e1e5d9;border-radius:17px;place-items:center;width:57px;height:57px;margin-bottom:29px;display:grid;position:relative}.login-card .eyebrow{color:#8a927f;letter-spacing:1.6px;margin-bottom:12px;font-size:9px}.login-card h2{letter-spacing:-1.6px;margin-bottom:14px;font-size:35px;font-weight:550;line-height:1.3}.form-description{color:#858981;margin-bottom:31px;font-size:13px;line-height:1.9}.form-description strong{color:var(--ink);overflow-wrap:anywhere;font-weight:500}label{margin-bottom:9px;font-size:11px;font-weight:550;display:block}.email-field{background:#ffffff70;border:1px solid #dedfd6;border-radius:9px;align-items:center;gap:12px;height:51px;padding:0 14px;transition:box-shadow .2s,border-color .2s;display:flex}.email-field:focus-within{border-color:#81936d;box-shadow:0 0 0 3px #bfcbae3a}.email-field>svg{color:#9ba18f}.email-field input{width:100%;min-width:0;height:100%;color:var(--ink);background:0 0;border:0;padding:0;font-size:13px}.email-field input::placeholder{color:#a0a297}.primary-button{border:1px solid var(--green);color:#fff;background:var(--green);border-radius:9px;justify-content:center;align-items:center;gap:18px;width:100%;min-height:50px;margin-top:15px;padding:14px 18px;font-size:12px;font-weight:500;transition:background .2s,transform .2s;display:flex}.primary-button:hover:not(:disabled){background:#294333;transform:translateY(-1px)}.primary-button:disabled{opacity:.6}.access-note{color:#939789;justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:10px;display:flex}.signin-footnote{color:#a1a38e;align-items:center;gap:7px;margin-top:70px;font-size:10px;display:flex}.login-footer{color:#a1a393;justify-content:space-between;align-items:center;min-height:74px;font-size:10px;display:flex}.login-footer>span:last-child{align-items:center;gap:6px;display:flex}.form-error{color:#9b473b;margin:10px 0;font-size:12px;line-height:1.7}.email-instructions{color:#737f70;background:#edf0e6;border:1px solid #e1e6d7;border-radius:10px;padding:18px;font-size:13px;line-height:1.9}.icon-check{border:3px solid var(--paper);background:var(--green);color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;bottom:0;right:-4px}.text-button{color:#73846b;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 0;font-size:11px;display:flex}.back-button{width:100%;margin-top:15px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{max-width:1440px;margin:auto;padding:0 64px}.dashboard-header{border-bottom:1px solid var(--line);align-items:center;gap:60px;height:100px;display:flex}.dashboard-header nav{color:#8a9185;align-items:center;gap:28px;height:100%;font-size:12px;display:flex}.dashboard-header nav a{align-items:center;min-width:44px;height:100%;display:flex;position:relative}.dashboard-header nav .nav-active{color:var(--ink)}.nav-active:after{content:"";background:var(--green);border-radius:3px;width:22px;height:2px;position:absolute;bottom:-1px;left:calc(50% - 11px)}.account{align-items:center;gap:9px;margin-left:auto;display:flex}.account-avatar{background:#e8ecdf;border:1px solid #dfe4d5;border-radius:50%;place-items:center;width:31px;height:31px;font-size:11px;font-weight:500;display:grid}.account-email{color:#7b8276;font-size:11px}.icon-button{color:#8b9385;background:0 0;border:none;border-radius:8px;place-items:center;min-width:44px;min-height:44px;display:grid}.icon-button:hover{background:#e8eddf}.sign-out{position:relative}.sign-out .form-error{width:180px;position:absolute;right:0}.dashboard-main{max-width:1120px;margin:auto}.dashboard-intro{justify-content:space-between;align-items:center;margin:44px 0 31px;display:flex}.dashboard-intro .eyebrow{letter-spacing:1.3px;color:#919986;text-transform:uppercase;margin-bottom:9px;font-size:9px}.dashboard-intro h1{letter-spacing:-1.7px;font-size:37px;font-weight:500;line-height:1.3}.dashboard-intro p:last-child{color:#8a9282;margin-top:8px;font-size:12px}.private-pill{color:#7b8b6b;background:#eff2e7;border:1px solid #dfe5d5;border-radius:25px;align-items:center;gap:6px;padding:8px 12px;font-size:10px;display:flex}.home-banner{background:#e9eddf;border:1px solid #e0e6d3;border-radius:18px;grid-template-columns:1fr 1fr;min-height:330px;display:grid;position:relative;overflow:hidden}.home-banner-copy{z-index:2;padding:37px 42px}.home-banner h2{letter-spacing:-1.4px;margin:16px 0;font-size:35px;font-weight:500;line-height:1.25}.home-banner p{color:#7c876f;font-size:12px;line-height:1.9}.banner-link{border-bottom:1px solid #bdc9ab;align-items:center;gap:10px;margin-top:13px;padding:10px 0;font-size:11px;font-weight:550;display:inline-flex}.home-banner .home-art{align-self:center;min-height:300px}.home-banner .house-drawing{max-width:470px}.home-banner .orbit-one{top:5px}.home-banner .orbit-two{top:-57px}.home-banner .art-note{bottom:9%;right:7%}.section-heading{justify-content:space-between;align-items:center;margin:40px 0 21px;display:flex}.section-heading .eyebrow{color:#929b83;margin-bottom:7px;font-size:8px}.section-heading h2{letter-spacing:-.55px;font-size:20px;font-weight:550}.overview-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.overview-card{border:1px solid var(--line);background:#fff9;border-radius:13px;padding:24px;position:relative}.card-icon{color:#799263;background:#ebefe3;border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:23px;display:grid}.card-icon.warm{color:#b79a61;background:#f4ede0}.card-icon.lavender{color:#9a8baa;background:#edeaf1}.overview-card h3{letter-spacing:-.2px;margin-bottom:9px;font-size:14px;font-weight:600}.overview-card p{color:#92998b;font-size:11px;line-height:1.9}.status-chip{color:#959a8d;background:#f7f8f2;border:1px solid #e6e8de;border-radius:20px;padding:5px 8px;font-size:8px;display:inline-flex;position:absolute;top:28px;right:20px}.card-link{color:#6d8560;align-items:center;gap:6px;min-height:24px;margin-top:20px;font-size:10px;display:flex}.card-caption{color:#a5ab9d;margin-top:26px;font-size:9px;display:block}.setup-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1.7fr;gap:60px;margin:38px 0 28px;padding:37px 0;scroll-margin-top:30px;display:grid}.setup-heading .eyebrow{color:#919c81;font-size:8px}.setup-heading h2{letter-spacing:-.8px;margin:11px 0;font-size:24px;font-weight:500}.setup-heading p{color:#969d8c;font-size:11px;line-height:1.9}.setup-list{margin:0;padding:0;list-style:none}.setup-list li{align-items:flex-start;gap:14px;padding-bottom:23px;display:flex;position:relative}.setup-list li:last-child{padding-bottom:0}.setup-list li:not(:last-child):before{content:"";background:#dce3d2;width:1px;position:absolute;top:32px;bottom:4px;left:13px}.step-marker{color:#738e5c;background:#e6ecd9;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.step-marker.upcoming{color:#afb79d;background:0 0;border:1px solid #dce1d1}.setup-list h3{align-items:center;gap:10px;margin:4px 0 7px;font-size:11px;font-weight:550;display:flex}.setup-list p{color:#999f91;font-size:10px;line-height:1.8}.step-label{color:#849b6c;font-family:var(--sans);font-size:8px;font-weight:400}.step-label.next{color:#b29764}.step-end-icon{color:#b4bdaa;margin-top:4px;margin-left:auto}.access-strip{color:#8b9d76;background:#eff2e7;border:1px solid #e3e9d8;border-radius:11px;align-items:center;gap:14px;padding:19px 23px;display:flex}.access-strip strong{color:#78896a;font-size:11px;font-weight:550}.access-strip p{color:#9aa58d;overflow-wrap:anywhere;margin-top:5px;font-size:10px;line-height:1.7}.dashboard-footer{color:#a1a995;justify-content:space-between;max-width:1120px;margin:36px auto 0;padding-bottom:28px;font-size:9px;display:flex}.dashboard-footer span{align-items:center;gap:7px;display:flex}.error-page{max-width:450px;margin:auto;padding:120px 24px}.error-page h1{letter-spacing:-1px;margin:20px 0;font-size:35px;font-weight:500}.error-page p{color:var(--muted);font-size:14px;line-height:1.8}.error-page>a:not(.primary-button){margin-top:20px;font-size:13px;display:inline-block}@media (min-width:1450px){.login-main{min-height:710px}.welcome-content{padding-top:68px}.welcome-content h1{font-size:74px}.welcome-panel .home-art{max-height:370px;margin-top:10px}}@media (max-width:1100px){.login-page,.dashboard{padding:0 35px}.welcome-content{padding:42px 35px 0}.welcome-content h1{letter-spacing:-2.8px;font-size:54px}.welcome-bottom{gap:10px;padding:25px}.welcome-bottom>span{font-size:9px}.signin-panel{padding-left:36px}.login-card{max-width:330px}.login-card h2{font-size:32px}.dashboard-header{gap:40px}.home-banner-copy{padding:32px}.home-banner h2{font-size:32px}.overview-card{padding:20px}.status-chip{font-size:7px;right:15px}.setup-section{gap:35px}}@media (max-width:760px){.login-page{min-height:100svh;padding:0 23px}.login-header{height:85px}.brand{font-size:24px}.brand-icon{width:33px;height:33px}.header-caption{font-size:10px}.login-main{flex-direction:column;min-height:auto;max-height:none;padding:0;display:flex}.welcome-panel{border-radius:17px;min-height:0}.welcome-content{padding:28px 27px 31px}.welcome-tag{letter-spacing:1.5px;font-size:8px}.welcome-content h1{letter-spacing:-2.6px;margin:15px 0 12px;font-size:45px;line-height:1.12}.welcome-content h1 br{display:initial}.welcome-description{max-width:230px;font-size:12px;line-height:1.8}.welcome-panel>.home-art{opacity:.8;width:215px;min-height:0;position:absolute;bottom:-11px;right:-33px;transform:rotate(-2deg)}.welcome-panel>.home-art .art-orbit,.welcome-panel>.home-art .art-note,.welcome-bottom{display:none}.signin-panel{padding:36px 6px 22px}.login-card{max-width:420px}.form-icon{border-radius:14px;width:46px;height:46px;margin-bottom:22px}.login-card .eyebrow{font-size:8px}.login-card h2{margin-bottom:10px;font-size:30px}.form-description{margin-bottom:24px;font-size:13px}.email-field{height:52px}.email-field input{font-size:16px}.primary-button{min-height:52px;font-size:13px}.access-note{margin-top:17px;font-size:10px}.signin-footnote{margin-top:31px;font-size:9px}.login-footer{min-height:60px;margin-top:auto;font-size:9px}.dashboard{padding:0 22px}.dashboard-header{flex-wrap:wrap;gap:28px;height:79px;position:relative}.dashboard-header nav{gap:19px;margin-left:auto;font-size:11px}.account{gap:0;margin-left:0}.account-avatar,.account-email{display:none}.icon-button{min-width:30px}.dashboard-intro{align-items:flex-start;gap:8px;margin:31px 0 25px}.dashboard-intro .eyebrow{font-size:8px}.dashboard-intro h1{letter-spacing:-1.2px;font-size:29px}.dashboard-intro p:last-child{font-size:11px}.private-pill{margin-top:25px;padding:7px 9px;font-size:8px}.private-pill svg{width:12px}.home-banner{border-radius:15px;grid-template-columns:1fr;min-height:270px}.home-banner-copy{padding:28px;position:relative}.home-banner h2{margin-top:15px;font-size:29px}.home-banner p{max-width:210px;font-size:11px}.home-banner .home-art{opacity:.7;width:300px;min-height:240px;position:absolute;top:59px;right:-88px}.home-banner .home-art .art-note,.home-banner .home-art .art-orbit{display:none}.home-banner .house-drawing{width:300px}.banner-link{margin-top:12px;font-size:10px}.section-heading{margin:30px 0 17px}.section-heading h2{font-size:19px}.overview-grid{grid-template-columns:1fr;gap:12px}.overview-card{min-height:142px;padding:21px 21px 20px 85px}.card-icon{width:43px;height:43px;margin:0;position:absolute;top:23px;left:20px}.overview-card h3{margin-bottom:6px;font-size:14px}.overview-card p{font-size:11px}.overview-card p br{display:none}.status-chip{float:right;margin:2px -5px 0 5px;padding:4px 6px;font-size:7px;position:static;top:auto;right:auto}.card-link{margin-top:9px}.card-caption{margin-top:13px;font-size:9px}.setup-section{grid-template-columns:1fr;gap:26px;margin:29px 0 22px;padding:28px 0}.setup-heading h2{font-size:23px}.setup-heading p,.setup-list h3{font-size:11px}.setup-list p{font-size:10px}.access-strip{align-items:flex-start;gap:11px;padding:16px}.access-strip>svg{width:17px;margin-top:1px}.access-strip strong{font-size:10px}.access-strip p{font-size:9px}.dashboard-footer{margin-top:27px;padding-bottom:25px;font-size:8px}.desktop-break{display:none}}@media (max-width:380px){.login-page{padding:0 18px}.welcome-content{padding-left:22px}.welcome-content h1{font-size:39px}.welcome-panel>.home-art{width:180px;right:-40px}.welcome-description{font-size:11px}.header-caption{font-size:9px}.dashboard{padding:0 17px}.dashboard-header{gap:17px}.dashboard-header nav{gap:15px}.private-pill{padding:6px;font-size:7px}.overview-card{padding-left:76px}.card-icon{left:16px}.status-chip{font-size:6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.gateway-panel{border:1px solid var(--line);background:#fff9;border-radius:14px;margin-top:22px;padding:28px;scroll-margin-top:25px}.gateway-title{align-items:center;gap:14px;display:flex;position:relative}.gateway-title .card-icon{margin:0;position:static}.gateway-title .eyebrow{color:#7e8b71;font-size:8px}.gateway-title h2{letter-spacing:-.5px;margin-top:5px;font-size:19px;font-weight:550}.gateway-title>.status-chip{white-space:nowrap;margin-left:auto;position:static}.status-chip.connected{color:#587744;background:#eaf0df;border-color:#dce7cb}.gateway-description{color:#78836f;max-width:670px;margin:22px 0;font-size:13px;line-height:1.9}.gateway-details{grid-template-columns:1.3fr 1fr 1fr;gap:22px;margin:25px 0 20px;display:grid}.gateway-details>div>span{color:#919b86;margin-bottom:9px;font-size:10px;display:block}.gateway-details strong{font-size:12px;font-weight:550;line-height:1.7;display:block}.gateway-details code,.gateway-details p{font-family:var(--sans);color:#8a957e;overflow-wrap:anywhere;margin-top:8px;font-size:11px;line-height:1.8;display:block}.gateway-note{color:#8c987d;align-items:center;gap:8px;margin-top:15px;font-size:11px;line-height:1.8;display:flex}.gateway-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:23px;display:flex}.gateway-actions .primary-button{gap:9px;width:auto;min-height:44px;margin:0;font-size:11px}.gateway-actions>span{color:#9ba48f;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:flex}.pairing-box{background:#edf2e5;border:1px solid #dce6cf;border-radius:10px;max-width:600px;margin-top:24px;padding:22px}.pairing-box>.eyebrow{color:#829571;font-size:8px}.pairing-code{align-items:center;gap:10px;margin:9px 0;display:flex}.pairing-code>code{letter-spacing:1.5px;color:#37543c;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-size:22px}.pairing-box>p{color:#839175;font-size:11px;line-height:1.8}.pairing-box .card-link{margin:15px 0 9px;font-size:12px}.gateway-panel .form-error{margin-top:16px}@media (max-width:760px){.gateway-panel{margin-top:16px;padding:22px}.gateway-title{flex-wrap:wrap;gap:11px}.gateway-title h2{font-size:17px}.gateway-title .card-icon{width:37px;height:37px}.gateway-title>.status-chip{float:none;margin-top:-5px;margin-left:48px}.gateway-details{grid-template-columns:1fr;gap:20px;margin-top:23px}.gateway-details>div>span{margin-bottom:5px}.gateway-details strong{font-size:13px}.gateway-details code,.gateway-details p{margin-top:4px;font-size:12px}.gateway-description{font-size:12px}.gateway-actions{gap:12px}.gateway-actions .primary-button{width:100%;font-size:12px}.gateway-actions>span{margin:0;font-size:9px}.gateway-note{align-items:flex-start;font-size:10px}.gateway-note svg{margin-top:3px}.pairing-box{padding:17px}.pairing-code>code{letter-spacing:.7px;font-size:17px}.pairing-code{gap:0}.pairing-box>p{font-size:11px}.gateway-title .eyebrow{font-size:7px}}.light-panel{margin-top:30px;scroll-margin-top:24px}.light-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.light-heading .eyebrow{color:#89967b;font-size:8px}.light-heading h2{letter-spacing:-.6px;margin-top:5px;font-size:23px;font-weight:550}.light-connection{color:#8a957f;font-size:11px}.light-card{border:1px solid var(--line);background:#fff9;border-radius:14px;max-width:650px;padding:27px}.light-card.light-on{background:#f6f3e4;border-color:#e2dcbf}.light-card-title{align-items:center;gap:14px;display:flex}.light-icon{color:#9c986c;background:#efeee2;border-radius:14px;flex-shrink:0;place-items:center;width:51px;height:51px;display:grid}.light-on .light-icon{color:#a48a37;background:#ede5b9}.light-card h3{letter-spacing:-.4px;font-size:17px;font-weight:550}.light-card-title p{color:#8b937f;margin-top:4px;font-size:11px;line-height:1.7}.light-state{white-space:nowrap;color:#78886a;margin-left:auto;font-size:12px}.light-controls{align-items:center;gap:10px;margin-top:24px;display:flex}.light-switch{color:#fff;cursor:pointer;background:#788c65;border:1px solid #788c65;border-radius:9px;min-width:90px;min-height:46px;padding:12px 22px;font-size:13px;font-weight:550}.light-switch:nth-child(2){color:#627850;background:0 0;border-color:#ccd5c1}.light-switch:disabled{opacity:.45;cursor:default}.light-refresh{align-items:center;gap:7px;min-height:46px;margin-left:auto;display:flex}.light-feedback{color:#7e8a72;margin-top:20px;font-size:12px;line-height:1.8}.light-last-seen{color:#9ba38f;margin-top:6px;font-size:10px;line-height:1.8}.light-card .form-error{margin-top:12px}@media (max-width:760px){.light-heading{flex-direction:column;align-items:flex-start;gap:9px}.light-heading h2{font-size:21px}.light-connection{font-size:10px}.light-card{padding:21px}.light-card-title{flex-wrap:wrap;gap:12px}.light-card h3{font-size:15px}.light-card-title p{font-size:10px}.light-state{width:100%;margin:0 0 0 63px}.light-icon{width:48px;height:48px}.light-controls{flex-wrap:wrap;gap:10px;margin-top:20px}.light-switch{flex:1;min-width:90px;min-height:48px}.light-refresh{justify-content:center;width:100%;margin:2px 0 0}.light-feedback{margin-top:14px;font-size:11px}}.brightness-control{border-top:1px solid #dde2d3;margin-top:24px;padding-top:22px}.brightness-label{justify-content:space-between;align-items:center;gap:16px;display:flex}.brightness-label label{color:#60754f;margin:0;font-size:12px}.brightness-label output{color:#778963;font-variant-numeric:tabular-nums;font-size:12px}.brightness-control input[type=range]{appearance:none;cursor:pointer;accent-color:#788c65;background:0 0;width:100%;height:44px;margin:5px 0 0;display:block}.brightness-control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#788c65 var(--brightness-fill),#e1e5d7 var(--brightness-fill));border-radius:8px;height:6px}.brightness-control input[type=range]::-moz-range-track{background:linear-gradient(to right,#788c65 var(--brightness-fill),#e1e5d7 var(--brightness-fill));border-radius:8px;height:6px}.brightness-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#788c65;border:3px solid #fff;border-radius:50%;width:24px;height:24px;margin-top:-9px;box-shadow:0 1px 5px #40502d33}.brightness-control input[type=range]::-moz-range-thumb{background:#788c65;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 5px #40502d33}.brightness-control input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #b48c53}.brightness-control input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #b48c53}.brightness-control input:disabled{opacity:.45;cursor:default}.brightness-scale{color:#9aa38f;justify-content:space-between;font-size:10px;display:flex}.brightness-control>p{color:#929d84;margin-top:10px;font-size:10px;line-height:1.8}.brightness-control .brightness-confirmed{margin-top:4px}.lights-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.lights-grid .light-card{min-width:0;max-width:none}.light-card-title>div{min-width:0}.light-card-title h3{overflow-wrap:anywhere}.lights-grid .light-refresh,.lights-grid .light-state{font-size:11px}@media (max-width:1000px){.lights-grid{grid-template-columns:1fr}}.room-navigation{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.room-navigation a{border:1px solid var(--line);background:var(--paper);border-radius:14px;align-items:center;gap:18px;padding:13px 18px;font-weight:600;display:flex}.room-navigation a span{color:var(--muted);font-size:12px;font-weight:400}.room-navigation a:hover,.room-navigation a:focus-visible{border-color:var(--sage)}.room-lights{margin-bottom:40px;scroll-margin-top:24px}.room-overview-links{color:var(--muted);flex-direction:column;gap:10px;margin-top:20px;font-size:13px;display:flex}.room-overview-links a:hover{color:var(--ink)}
.room-app{--paper:#f8f7f2;--ink:#284535;--muted:#637166;background:var(--paper);min-height:100svh;color:var(--ink)}.room-app button,.room-app select,.room-app input{font:inherit}.room-app button{color:inherit}.room-app button:disabled{opacity:.5;cursor:not-allowed}.room-app h1{letter-spacing:-1.5px;font-size:clamp(27px,2.6vw,39px);font-weight:600}.room-app h2{letter-spacing:-.6px;font-size:20px;font-weight:650}.room-app h3{font-size:18px;font-weight:600}.home-sidebar{background:#efefe7;border-right:1px solid #e2e5d9;flex-direction:column;width:224px;padding:34px 22px;display:flex;position:fixed;inset:0 auto 0 0}.home-sidebar .brand{margin:0 12px 42px}.home-sidebar nav{gap:7px;margin-bottom:40px;display:grid}.home-sidebar nav button,.sidebar-rooms button{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;min-height:46px;padding:10px 14px;display:flex}.home-sidebar nav button.selected{color:#24482e;background:#dce5d4;font-weight:650}.home-sidebar>.eyebrow{color:#73806e;padding-left:14px;font-size:9px}.sidebar-rooms{gap:3px;margin-top:14px;display:grid}.sidebar-rooms button{font-size:13px}.sidebar-rooms button span{color:#79846f;margin-left:auto}.sidebar-rooms button.selected-room{background:#e5e9dc}.sidebar-bottom{gap:10px;margin-top:auto;padding:28px 10px 0;display:grid}.sidebar-bottom>a{align-items:center;gap:9px;font-size:13px;display:flex}.sidebar-bottom>span{color:#64715e;font-size:10px;line-height:1.5}.sidebar-bottom .sign-out{justify-self:start}.home-body{margin-left:224px}.home-topbar{letter-spacing:1.4px;border-bottom:1px solid #e3e5dc;justify-content:space-between;align-items:center;min-height:76px;padding:0 38px;font-size:10px;display:flex}.home-topbar>a{place-items:center;width:44px;height:44px;display:grid}.topbar-divider{color:#98a08d;margin:0 14px}.room-main{max-width:1680px;margin:auto;padding:30px 38px 44px}.daily-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;display:flex}.daily-heading .eyebrow{color:#6e7a61;margin-bottom:8px;font-size:9px}.daily-heading p:last-child{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.6}.status-chip{white-space:nowrap;background:#eef1e6;border:1px solid #dbe1d2;border-radius:30px;padding:7px 10px;font-size:10px}.overview-layout.with-detail{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:start;gap:30px;display:grid}.overview-content{min-width:0}.section-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.quiet-button{background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px;display:inline-flex;font-size:12px!important}.scene-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.scene-tile{background:#e9edde;border:1px solid #e0e5d7;border-radius:14px;overflow:hidden}.scene-open{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:10px;width:100%;min-height:137px;padding:19px 12px 16px;display:flex}.scene-open strong{margin-top:6px;font-size:12px;line-height:1.4}.scene-open span{color:#66745c;font-size:10px;line-height:1.4}.scene-edit{background:#f2f4eb;border:0;border-top:1px solid #d9dfce;width:100%;min-height:40px;font-size:12px!important}.rooms-section{margin-top:30px}.room-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px;display:grid}.room-tile{text-align:left;background:#fffefa;border:1px solid #e0e4d7;border-radius:17px;min-height:185px;padding:22px}.room-tile:hover,.room-tile.active-room{background:#f0f2e8;border-color:#b8c6a6}.room-symbol{background:#e8ecdf;border-radius:13px;place-items:center;width:49px;height:49px;display:grid}.room-tile h3{margin-top:20px}.room-tile p{color:#66735f;margin-top:7px;font-size:11px}.room-summary{color:#596c4f;margin-top:17px;font-size:11px;line-height:1.7;display:block}.all-off-card{text-align:left;background:#e9eddf;border:1px solid #d9dfcf;border-radius:14px;align-items:center;gap:14px;width:100%;margin-top:22px;padding:17px;display:flex}.all-off-card>span:nth-child(2){flex:1}.all-off-card strong{font-size:14px;display:block}.all-off-card small{color:#66745c;margin-top:5px;font-size:11px;display:block}.section-note{color:#66735f;font-size:11px;line-height:1.7}.scope-note{margin:10px 4px 0}.selected-detail{background:#f0f1e8;border:1px solid #e0e4d7;border-radius:18px;min-width:0;padding:22px}.selected-detail>h2{margin-top:17px;font-size:24px}.selected-detail>.section-note{margin-top:8px}.detail-lights{gap:14px;margin:22px 0;display:grid}.room-app .light-card{background:#fffefa;border:1px solid #dce2d3;border-radius:12px;padding:17px}.room-app .light-card.light-on{background:#f7faed}.room-app .light-card-title{flex-wrap:wrap;align-items:center;gap:10px}.room-app .light-icon{border-radius:10px;width:35px;height:35px}.room-app .light-icon svg{width:22px}.room-app .light-card h3{letter-spacing:0;font-size:13px}.room-app .light-card-title p{display:none}.room-app .light-state{width:100%;margin:0;padding:4px 0;font-size:10px}.room-app .light-controls{flex-wrap:wrap;gap:8px;margin-top:13px}.room-app .light-switch{flex:1;min-width:64px;min-height:40px;font-size:12px}.room-app .light-refresh{justify-content:center;width:100%;min-height:36px;margin:0;font-size:10px}.room-app .light-feedback{color:#5e6e54;margin-top:12px;font-size:10px;line-height:1.6}.room-app .light-last-seen{color:#66735f}.room-app .brightness-control{margin-top:12px;padding-top:12px}.room-app .brightness-label label,.room-app .brightness-label output{font-size:11px}.room-app .brightness-scale,.room-app .brightness-control>p{color:#637258}.full-detail{margin-top:28px}.full-detail .detail-lights{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-button{color:inherit;background:0 0;border:0;padding:5px 0;text-decoration:underline}.planned-teaser{border-top:1px solid #e0e4d7;align-items:center;gap:12px;margin-top:30px;padding:20px 0;display:flex}.planned-teaser p{flex:1;font-size:12px}.planned-teaser span{color:#66735f;margin-top:4px;font-size:10px;display:block}.planned-section>p{color:#63715d;margin:10px 0;font-size:13px;line-height:1.7}.planned-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.planned-card{background:#f0f2e8;border:1px solid #dde2d4;border-radius:16px;padding:25px}.planned-card h3{margin:22px 0 12px}.planned-card p{color:#64705d;font-size:13px;line-height:1.7}.planned-buttons{flex-wrap:wrap;gap:8px;margin:20px 0 12px;display:flex}.planned-buttons button{background:#fbfcf6;border:1px solid #cdd6c2;border-radius:7px;padding:10px}.planned-card small{color:#63715c;font-size:11px}.mobile-home-nav{display:none}.scene-editor{background:#fffefa;border:1px solid #dce2d3;border-radius:17px;margin-top:26px;padding:26px}.scene-editor>p{color:#5f7055;margin:12px 0;font-size:12px;line-height:1.7}.field-label{gap:8px;margin:20px 0;font-size:12px;display:grid}.scene-editor input:not([type=checkbox]),.scene-editor select{color:#284535;background:#fffefa;border:1px solid #bfcbb3;border-radius:7px;min-width:0;padding:11px}.scene-editor input:focus-visible,.scene-editor select:focus-visible{outline-offset:2px;outline:2px solid #7b9468}.favourite-check{align-items:center;gap:9px;font-size:12px;display:flex}.favourite-check input{accent-color:#355642;width:18px;height:18px}.scene-editor fieldset{border:0;border-top:1px solid #dce2d3;margin:25px 0 0;padding:15px 0 0}.scene-editor legend{padding-right:12px;font-size:13px;font-weight:650}.scene-device{grid-template-columns:1fr 170px;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;display:grid}.level-input{grid-column:2;gap:5px;display:grid}.primary-button{border:1px solid #355642;border-radius:9px;min-height:46px;padding:13px 20px;color:#fff!important;background:#355642!important;font-size:13px!important}.dashboard-notice,.preview-banner{background:#e7ecda;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:12px;line-height:1.6}.preview-banner{color:#6a4f20;letter-spacing:1px;background:#fff2d7;font-size:10px}.review-dialog{color:#284535;background:#fffefa;border:1px solid #dce2d3;border-radius:20px;width:min(620px,100% - 28px);max-height:88svh;padding:30px;overflow:auto}.review-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#20342570}.review-dialog h2{margin:10px 0;font-size:26px}.review-dialog>p{color:#63715d;font-size:13px;line-height:1.7}.review-list{margin:24px 0}.review-list>div{border-bottom:1px solid #e3e7db;grid-template-columns:1fr 180px;align-items:center;gap:15px;padding:12px 0;display:grid}.review-list strong{font-size:12px}.review-list div div>span{color:#64735c;margin-top:4px;font-size:11px;display:block}.review-state{font-size:11px;line-height:1.6}.review-actions{justify-content:space-between;gap:12px;margin-top:22px;display:flex}.settings-page{max-width:1050px;margin:auto;padding:0 32px 60px}.settings-header{align-items:center;gap:25px;min-height:100px;display:flex}.settings-header>a:nth-child(2){margin-left:auto;font-size:13px}.settings-page h1{margin:12px 0;font-size:36px}.settings-page main>p{color:#63715d}.settings-page .gateway-section{margin-top:32px}.settings-foundation{background:#edf0e5;border-radius:16px;margin-top:40px;padding:26px;line-height:1.8}.settings-foundation h3{margin-top:20px}.settings-foundation p,.settings-foundation li{color:#5f7055;font-size:13px}.room-app .form-error{margin-bottom:15px}@media (min-width:1600px){.room-main{padding:40px 56px}.scene-open{padding:24px 20px}.scene-open strong{font-size:14px}.room-tile{min-height:210px}}@media (max-width:1190px){.home-sidebar{width:190px;padding:30px 14px}.home-body{margin-left:190px}.room-main{padding:25px}.home-topbar{padding:0 25px}.overview-layout.with-detail{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-open{min-height:115px}.room-tile{padding:17px}.daily-heading>.status-chip{display:none}}@media (max-width:960px){.overview-layout.with-detail{display:block}.desktop-detail{display:none}.scene-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:700px){.home-sidebar{display:none}.home-body{margin-left:0}.home-topbar{height:64px;min-height:64px;padding:0 22px}.room-main{padding:24px 20px 100px}.daily-heading{margin-bottom:26px}.daily-heading h1{letter-spacing:-1px;font-size:29px}.daily-heading p:last-child{font-size:12px}.daily-heading .eyebrow{font-size:8px}.room-app h2{font-size:18px}.scene-grid{gap:8px}.scene-open{gap:8px;min-height:133px;padding:15px 9px}.scene-open strong{font-size:10px}.scene-open span{font-size:9px}.scene-open svg{width:21px}.rooms-section{margin-top:26px}.room-card-grid{grid-template-columns:1fr;gap:11px;margin-top:12px}.room-tile{grid-template-columns:49px 1fr auto;column-gap:16px;min-height:100px;padding:16px;display:grid}.room-tile>.section-line{grid-area:1/1/4;align-self:center;display:block}.room-tile>.section-line>svg{display:none}.room-tile h3{grid-column:2;margin:3px 0 0;font-size:16px}.room-tile p{grid-column:2;margin-top:5px}.room-tile .room-summary{grid-column:2/4;margin-top:9px;font-size:10px}.all-off-card{margin-top:20px;padding:15px}.all-off-card strong{font-size:13px}.all-off-card small{font-size:10px}.all-off-card .room-symbol{width:40px;height:40px}.scope-note{font-size:10px}.mobile-home-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:7px 12px max(8px,env(safe-area-inset-bottom));z-index:10;background:#fafbf5f5;border-top:1px solid #dce2d3;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-home-nav button{color:#69775f;background:0 0;border:0;justify-items:center;gap:5px;min-width:65px;min-height:53px;font-size:10px;display:grid}.mobile-home-nav button.selected{color:#264d35;background:#e6ecdc;border-radius:10px}.full-detail{padding:18px}.full-detail .detail-lights{grid-template-columns:1fr}.planned-grid{grid-template-columns:1fr;gap:14px}.planned-card{padding:22px}.scene-editor{padding:18px}.scene-device{grid-template-columns:1fr;gap:8px;margin-bottom:20px}.level-input{grid-column:1}.review-dialog{padding:23px}.review-list>div{grid-template-columns:1fr;gap:6px}.review-actions{flex-wrap:wrap}.review-actions .primary-button{flex:1}.settings-page{padding:0 20px 50px}.settings-header{gap:15px}.settings-header .brand{font-size:21px}.settings-page h1{font-size:29px}.settings-header>a:nth-child(2){font-size:11px}.planned-teaser{margin-top:25px}}.room-app .status-chip{display:inline-block;position:static;inset:auto;transform:none}@media (max-width:1190px){.room-app .daily-heading>.status-chip{display:none}}@media (min-width:961px){.desktop-detail .detail-lights{scrollbar-width:thin;max-height:620px;padding-right:5px;overflow-y:auto}.desktop-detail .detail-lights:focus-within{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.room-app *{transition:none!important;animation:none!important}}.home-sidebar{overflow:hidden}.home-sidebar>.brand,.home-sidebar>nav,.home-sidebar>.eyebrow,.sidebar-bottom{flex-shrink:0}.sidebar-rooms{scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.sidebar-rooms button,.sidebar-rooms button svg{flex-shrink:0}.overview-layout.rooms-view{flex-direction:column;gap:28px;display:flex}.rooms-view>.overview-content,.rooms-view>.selected-detail{width:100%}.rooms-view>.selected-detail{order:-1;margin-top:0}#room-detail-title{scroll-margin-top:24px}@media (min-width:961px){.desktop-detail{position:sticky;top:20px}}.climate-filter{align-items:center;gap:12px;margin-top:20px;font-size:13px;display:flex}.climate-filter select{background:#fffefa;border:1px solid #cdd6c2;border-radius:8px;max-width:100%;padding:10px 14px}.climate-card h3{margin-bottom:6px}.climate-card>p{margin:8px 0 15px}.climate-readings{gap:10px;margin:20px 0;display:grid}.climate-readings>div{justify-content:space-between;gap:12px;font-size:12px;display:flex}.climate-readings dt{color:#63715d}.climate-readings dd{text-align:right;margin:0}.climate-setpoint{margin:18px 0}.climate-setpoint label,.climate-fan legend{color:#4d6545;font-size:12px}.climate-setpoint>div{gap:8px;margin-top:8px;display:flex}.climate-setpoint input{background:#fffefa;border:1px solid #cdd6c2;border-radius:7px;width:90px;min-width:0;padding:10px}.climate-setpoint button{background:#fbfcf6;border:1px solid #cdd6c2;border-radius:7px;padding:10px}.climate-fan{border:0;margin:18px 0;padding:0}.climate-fan .planned-buttons{margin:8px 0}.climate-config-note{line-height:1.6;font-size:12px!important}.climate-card small{margin-top:12px;display:block}.climate-section+.planned-section{margin-top:36px}