.local-shell{color:#211c17;min-height:100dvh;padding:env(safe-area-inset-top) 0 calc(88px + env(safe-area-inset-bottom));background:#eee7dc;font-family:Inter,system-ui,sans-serif;line-height:1.5}.local-shell *{box-sizing:border-box}.local-header{align-items:center;gap:20px;max-width:1100px;margin:auto;padding:20px 24px;display:flex}.local-header img{object-fit:contain;width:120px;height:55px}.local-header div{flex:1;display:grid}.local-header span,.local-muted{color:#71685d;font-size:14px}.local-dot{background:#918779;border-radius:50%;width:12px;height:12px}.local-dot.online{background:#4f6b53}.local-content{max-width:1100px;margin:auto;padding:0 20px}.local-card{background:#faf4e9;border:1px solid #ddd2c2;border-radius:24px;padding:20px}.local-card h1,.local-card h2{margin:0 0 14px;font-size:24px}.local-card p{margin:8px 0 16px}.local-shell button{color:#211c17;min-height:48px;font:inherit;cursor:pointer;background:#eee7dc;border:1px solid #ddd2c2;border-radius:16px;padding:10px 18px}.local-shell button:disabled{opacity:.5;cursor:default}.local-shell button.active,.local-shell .local-primary{color:#fff8ee;background:#ad6827;border-color:#ad6827}.local-shell button:focus-visible,.local-shell input:focus-visible,.local-shell textarea:focus-visible{outline-offset:3px;outline:3px solid #287db5}.local-home{grid-template-columns:1fr 1fr;gap:20px;display:grid}.local-temperature{text-align:center;position:relative}.local-eyebrow{text-transform:uppercase;color:#71685d;letter-spacing:.04em;text-align:center;font-size:13px}.local-reading{text-align:right;color:#211c17;position:absolute;top:12px;right:16px}.local-reading small{color:#62564a;font-size:14px;font-weight:500;display:block}.local-reading>div{justify-content:flex-end;align-items:flex-start;gap:4px;line-height:1.15;display:flex}.local-reading strong{font-variant-numeric:tabular-nums;font-size:32px;font-weight:650}.local-reading span{padding-top:3px;font-size:17px}.local-temperature>.local-eyebrow{text-align:left;min-height:40px;padding-right:110px}.local-dial{aspect-ratio:1;border:7px solid var(--heat);width:min(270px,80%);color:var(--heat);border-bottom-color:#ddd2c2;border-radius:50%;flex-direction:column;justify-content:center;margin:30px auto 12px;display:flex}.local-dial strong{font-size:88px;font-weight:500;line-height:1.1}.local-dial span{font-size:26px}.local-temperature input[type=range]{width:85%;height:36px;accent-color:var(--heat)}.local-stepper{justify-content:space-between;align-items:center;gap:12px;display:flex}.local-stepper button{min-width:56px;font-size:30px;line-height:1}.local-stepper strong{font-variant-numeric:tabular-nums;font-size:26px}.local-session{flex-direction:column;gap:16px;display:flex}.local-outputs{flex-wrap:wrap;gap:12px;display:flex}.local-outputs>.local-card{flex:100px;min-width:0}.local-outputs .local-card{text-align:center;gap:20px;padding:16px 12px;display:grid}.local-settings{grid-template-columns:1fr 1fr;gap:20px;display:grid}.local-settings .local-card:first-child{grid-row:span 2}.local-settings button{margin:4px}.local-settings label{margin:12px 0;display:block}.local-settings textarea{width:100%;min-height:90px;font:inherit;background:#fffaf4;border:1px solid #ddd2c2;border-radius:12px;padding:12px}.local-settings summary{cursor:pointer;padding:12px 0}.local-nav{padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf4e9ed;border-top:1px solid #ddd2c2;justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.local-nav button{flex:1;max-width:250px}.local-error{background:#f8dfd7;border:1px solid #cd493b;border-radius:16px;justify-content:space-between;gap:20px;max-width:1060px;margin:0 auto 16px;padding:12px 20px;display:flex}.local-claim{text-align:center;background:#e7f0f6;border-radius:16px;padding:20px}.local-claim strong{letter-spacing:.15em;font-size:40px}.local-empty{max-width:650px;margin:20px auto}.local-shell .sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=680px){.local-home,.local-settings{grid-template-columns:1fr}.local-header{gap:12px;padding:16px}.local-header strong{font-size:13px}.local-content{padding:0 12px}.local-temperature .local-eyebrow{text-align:left}.local-settings .local-card:first-child{grid-row:auto}.local-nav{gap:6px;padding-left:10px;padding-right:10px}.local-nav button{padding:10px;font-size:14px}.local-stepper strong{font-size:24px}}@media (prefers-reduced-motion:reduce){.local-shell *{scroll-behavior:auto!important}}.local-shell .local-power.is-off{color:#fff;background:#626b73}.local-shell .local-power.is-on{color:#fff;background:#287a45}.local-shell .local-power:disabled{opacity:1;cursor:not-allowed}.local-temp-presets{justify-content:center;gap:8px;margin:10px 0;display:flex}.local-temp-presets button{flex:1;max-width:100px}.local-power-indicator{background:#cd493b;border-radius:50%;flex-shrink:0;width:55px;height:55px;box-shadow:0 0 0 3px #fff7}.local-power-indicator.on{background:#287a45}.local-diagnostics{max-width:1060px;margin:auto}.local-diagnostics button{margin:6px}.local-diagnostics pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eee6da;border-radius:12px;max-height:400px;padding:16px;font-size:12px;overflow:auto}.local-outputs details{font-size:13px}.local-outputs details label{margin-top:12px;display:block}.local-outputs input{max-width:100%}.local-startup{z-index:1000;background:#181810;place-items:center;display:grid;position:fixed;inset:0}.local-startup img{width:min(80vw,480px);height:auto}img[src*=sisu][src*=logo]{border-radius:12px}.local-startup img{border-radius:18px}.local-shell .local-schedule-card{text-align:left;cursor:pointer;color:#704215;background:#f5e3c7;border:2px solid #b8782a;flex-direction:column;gap:8px;display:flex}.local-shell .local-schedule-card:hover{background:#e8c894}.local-power-indicator.unknown{background:#626b73}.local-outputs.four-controls>.local-card{flex-basis:calc(50% - 6px)}@media (width<=420px){.local-header img{width:100px;height:46px}.local-power-indicator{width:46px;height:46px}}.local-dial{border:2px solid var(--heat);background:color-mix(in srgb,var(--heat) 8%,#faf4e9);box-shadow:0 8px 24px #211c170a}.local-fast-stepper{margin-bottom:10px}.local-fast-stepper button{min-width:56px;font-size:22px}.local-power-indicator.on{background:#27b34f;animation:2.8s ease-in-out infinite sisu-power-pulse}@keyframes sisu-power-pulse{0%,to{background:#27b34f;box-shadow:0 0 0 3px #fff7}50%{background:#44d167;box-shadow:0 0 10px #58e67935}}@media (prefers-reduced-motion:reduce){.local-power-indicator.on{animation:none}}.local-header img{flex-shrink:0}.local-header div{min-width:0}.local-header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.local-header .local-dot{flex-shrink:0}.local-outputs [data-output=light1]{order:0}.local-outputs [data-output=light2]{order:1}.local-outputs [data-output=rgb]{order:2}.local-outputs [data-output=fan]{order:3}.local-shell button{touch-action:manipulation}.local-shell :is(button,input,textarea,summary){scroll-margin-bottom:100px}.local-skip{z-index:1100;color:#211c17;background:#faf4e9;border-radius:12px;padding:12px;position:fixed;top:-80px;left:16px}.local-skip:focus{top:12px}.local-dial{aspect-ratio:auto;color:#211c17;background:linear-gradient(160deg,color-mix(in srgb,var(--heat) 64%,#faf4e9),color-mix(in srgb,var(--heat) 34%,#faf4e9));border-radius:28px;height:190px}.local-settings-grouped{max-width:900px;margin:auto}.local-settings-menu{grid-template-columns:1fr 1fr;gap:12px;display:grid}.local-settings-menu button{text-align:left;background:#faf4e9;justify-content:space-between;align-items:center;min-height:60px;display:flex}.local-settings-menu span{font-size:24px}.local-settings-title{align-items:center;gap:16px;margin-bottom:16px;display:flex}.local-settings-title h1{margin:0;font-size:22px}.local-settings-content{grid-template-columns:1fr 1fr;gap:14px;display:grid}.local-settings-grouped .local-card button{margin:4px}.local-settings-grouped textarea{width:100%;min-height:80px}.local-settings-grouped summary{cursor:pointer;padding:12px 0}@media (width<=680px){.local-home,.local-session{gap:10px}.local-temperature{grid-template-rows:58px 166px 48px;grid-template-columns:56px minmax(0,1fr) 56px;gap:4px 6px;padding:12px;display:grid}.local-temperature .local-eyebrow{grid-area:1/1/auto/4;margin:2px 0;font-size:11px}.local-reading{top:12px;right:14px}.local-dial{border-radius:24px;grid-area:2/2;width:100%;max-width:210px;height:150px;margin:8px auto}.local-dial strong{font-size:70px}.local-dial span{font-size:22px}.local-temp-presets{grid-area:3/1/auto/4;gap:6px;margin:0}.local-temp-presets button{max-width:none;padding:6px;font-size:14px}.local-temperature .local-stepper{display:contents}.local-temperature .local-stepper button{grid-row:2;align-self:end;min-width:0;height:48px;margin-bottom:8px;padding:6px;font-size:24px}.local-temperature .local-stepper button:first-child{grid-column:1}.local-temperature .local-stepper button:last-child{grid-column:3}.local-temperature .local-fast-stepper button{align-self:start;margin-top:32px;font-size:20px}.local-temperature .local-stepper small{display:none}.local-session>.local-card{padding:12px}.local-session .local-eyebrow{margin-bottom:8px;font-size:11px}.local-session .local-stepper strong{font-size:24px}.local-session .local-stepper button{padding:8px}.local-power{min-height:48px}.local-outputs{gap:6px}.local-outputs>.local-card{flex-basis:90px}.local-outputs.four-controls>.local-card{flex-basis:calc(50% - 3px)}.local-outputs .local-card{border-radius:18px;gap:8px;padding:8px 5px;font-size:12px}.local-outputs button{min-width:0;padding:6px;font-size:13px}.local-outputs details{font-size:11px}.local-outputs input[type=color]{width:100%}.local-settings-menu{grid-template-columns:1fr;gap:8px}.local-settings-menu button{min-height:54px}.local-settings-grouped h1{font-size:22px}.local-settings-content{grid-template-columns:1fr}}.local-unlock{max-width:440px;margin:24px auto}.local-unlock form{gap:12px;display:grid}.local-unlock input{letter-spacing:.3em;text-align:center;background:#fffaf4;border:1px solid #b8782a;border-radius:14px;padding:12px;font-size:32px}.local-dial strong{-webkit-text-stroke:1px #fff;paint-order:stroke fill}.local-dial.three-digits strong{font-size:72px}.local-dial.hottest{background:var(--heat)}@media (width<=680px){.local-dial.three-digits strong{font-size:56px}}.local-shell button[aria-label^=Increase],.local-shell button[aria-label^=เพิ่ม]{border:2px solid #cd493b}.local-shell button[aria-label^=Decrease],.local-shell button[aria-label^=ลด]{border:2px solid #287db5}.local-session-row{grid-template-columns:65fr 35fr;gap:10px;display:grid}.local-session-row>.local-card{padding:14px 12px}.local-session-row .local-stepper{grid-template-rows:34px 48px;grid-template-columns:1fr 1fr;gap:10px;display:grid}.local-session-row .local-stepper strong{text-align:center;grid-area:1/1/auto/3;font-size:24px}.local-session-row .local-stepper button:first-child{grid-area:2/1}.local-session-row .local-stepper button:last-child{grid-area:2/2}.local-session-row .local-power{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:158px;padding:12px 6px;display:flex}.local-power svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:32px;height:32px}.local-session-row .local-power strong{font-size:20px}.local-session-row .local-power small{font-size:11px;line-height:1.2}.local-session-row .local-eyebrow{margin-bottom:10px;font-size:11px}.local-installation label{gap:8px;margin:16px 0;display:grid}.local-installation input,.local-installation textarea{width:100%;font:inherit;background:#fffaf4;border:1px solid #ddd2c2;border-radius:12px;padding:12px}.local-history-entry{border-bottom:1px solid #ddd2c2;padding:16px 0}.local-history-entry:last-child{border-bottom:0}.local-history-entry p{margin:6px 0}.local-rgb-open{justify-content:center;align-items:center;gap:8px;display:flex}.local-rgb-open>span{border:1px solid #211c1740;border-radius:50%;flex-shrink:0;width:18px;height:18px}.local-rgb-dialog{color:#211c17;background:#faf4e9;border:1px solid #ddd2c2;border-radius:28px;width:min(460px,100vw - 24px);max-height:calc(100dvh - 24px);padding:22px;overflow:auto}.local-rgb-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#211c1780}.local-rgb-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.local-rgb-dialog h2{margin:0;font-size:24px}.local-rgb-dialog p{color:#71685d;margin:4px 0;font-size:14px}.local-rgb-dialog header button{padding:8px 14px}.local-rgb-power{justify-content:center;align-items:center;gap:10px;width:100%;margin:18px 0;display:flex}.local-rgb-power span{border:2px solid #fff;border-radius:50%;width:20px;height:20px}.local-shell .local-rgb-power.is-on{color:#fff;background:#287a45;border-color:#287a45}.local-color-wheel{aspect-ratio:1;touch-action:none;background:radial-gradient(circle,#fff 0%,#fff0 70%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:min(260px,70vw);margin:20px auto;position:relative;box-shadow:0 0 0 6px #eee7dc}.local-color-wheel:focus-visible{outline-offset:8px;outline:3px solid #287db5}.local-color-marker{pointer-events:none;border:3px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 6px #211c1799}.local-rgb-swatches{justify-content:space-between;gap:6px;margin:16px 0;display:flex}.local-shell .local-rgb-swatches button{border:3px solid #faf4e9;border-radius:50%;width:44px;min-height:44px;padding:0;box-shadow:0 0 0 1px #ddd2c2}.local-shell .local-rgb-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #211c17}.local-rgb-brightness{grid-template-columns:1fr auto;gap:12px;margin:20px 0;display:grid}.local-rgb-brightness input{accent-color:#ad6827;grid-column:1/-1;width:100%;height:36px}.local-rgb-apply{width:100%}@media (width<=360px){.local-rgb-dialog{padding:16px}.local-shell .local-rgb-swatches button{width:38px;min-height:42px}}.local-shell .local-outputs [data-output=rgb] button[role=switch][aria-checked=true]{color:#fff;background:#287a45;border-color:#287a45}.local-rgb-follow{justify-content:space-between;align-items:center;width:100%;display:flex}.local-rgb-follow[aria-checked=true]{background:#e1f0e3;border-color:#287a45}.local-rgb-follow-note{text-align:center}.local-color-wheel[aria-disabled=true]{cursor:default}.local-send-status{z-index:900;top:calc(8px + env(safe-area-inset-top));color:#fff8ee;pointer-events:none;background:#211c17;border:2px solid #b8782a;border-radius:18px;align-items:center;gap:16px;width:min(420px,100% - 24px);min-height:76px;padding:12px 18px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #211c1740}.local-send-status>div{gap:2px;min-width:0;display:grid}.local-send-status strong{font-size:18px;line-height:1.3}.local-send-status div>span{color:#f1d6b2;font-size:14px}.local-send-spinner{border:4px solid #ffd08b;border-color:#ffd08b #ffd08b #746452 #746452;border-radius:50%;flex-shrink:0;width:40px;height:40px;animation:.8s linear infinite local-send-spin}@keyframes local-send-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.local-send-spinner{animation:none}}.local-outputs>.local-card[data-output=rgb]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start}.local-outputs [data-output=rgb]>strong{grid-column:1/-1}.local-outputs .local-rgb-open{flex-direction:column;gap:2px;padding:5px;font-size:12px;line-height:1.15}.local-outputs .local-rgb-open>span{width:12px;height:12px}.local-fault-entry{border-bottom:1px solid #ddd2c2;padding:20px 0}.local-fault-entry:last-child{border-bottom:0}.local-fault-entry>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.local-fault-entry>div strong{color:#873d20;font-size:17px}.local-fault-entry>div span,.local-fault-entry time{color:#62564a;font-size:14px}.local-fault-entry time{margin:5px 0 10px;display:block}.local-card .local-fault-entry h2{margin:0;font-size:19px;line-height:1.35}.local-card .local-fault-entry p{margin:8px 0 0;font-size:16px;line-height:1.5}.local-connection-health dl{margin:16px 0}.local-connection-health dl>div{border-bottom:1px solid #536171;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:12px 0;font-size:16px;line-height:1.5;display:flex}.local-connection-health dt{color:#53483d}.local-connection-health dd{color:#211c17;margin:0;font-weight:600}.local-connection-health p{color:#53483d;font-size:15px;line-height:1.6}.local-fault-recovery{white-space:pre-line}.local-energy-history{gap:16px;font-size:16px;display:grid}.local-energy-history .local-card{min-width:0}.local-energy-history .local-energy-note{color:#53483d;font-size:14px;line-height:1.55}.local-energy-settings-summary{font-weight:600}.local-energy-form{grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;display:grid}.local-energy-form label{gap:8px;min-width:0;display:grid}.local-energy-form input{color:#211c17;width:100%;min-width:0;min-height:48px;font:inherit;background:#fffaf4;border:1px solid #8b7e6d;border-radius:12px;padding:12px}.local-energy-form button{align-self:end}.local-energy-period-switch{gap:8px;display:flex}.local-energy-period-switch button{flex:1}.local-energy-period{border-top:1px solid #ddd2c2;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:18px 0;display:flex}.local-energy-period h3{margin:0;font-size:18px}.local-energy-period p{margin:4px 0}.local-energy-period>div>span{color:#53483d;font-size:14px}.local-energy-values{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;align-content:center;gap:3px;display:grid}.local-energy-values strong{font-size:25px}.local-energy-values span{font-size:17px}.local-energy-session{background:#eee7dc;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:14px;display:flex}.local-energy-session>span{font-size:14px}.local-energy-history .local-history-entry>strong{overflow-wrap:anywhere}@media (width<=540px){.local-energy-form{grid-template-columns:1fr}.local-energy-history .local-card{padding:18px}.local-energy-values strong{font-size:23px}}.local-setting-action{min-width:0}.local-setting-action>button{max-width:100%}.local-shell .local-unavailable-reason{color:#633713;overflow-wrap:anywhere;background:#fff0d9;border-left:3px solid #9b581c;border-radius:8px;margin:8px 0 14px;padding:12px 14px;font-size:15px;line-height:1.55}.local-energy-form .local-setting-action{align-self:end}.local-rgb-dialog .local-setting-action>button{width:100%}.local-outputs .local-setting-action .local-unavailable-reason{text-align:left;grid-column:1/-1;font-size:14px}.local-home-reason{grid-column:1/-1}.local-temperature .local-temperature-limit{text-align:left;grid-area:4/1/auto/-1}.local-energy-period-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px;margin-top:20px;display:grid}.local-energy-period-grid .local-energy-period{background:#fffaf3;border:1px solid #c8b9a5;border-radius:20px;flex-direction:column;gap:22px;padding:22px;display:flex;box-shadow:0 3px 10px #3b29120a}.local-energy-period-grid .local-energy-period.current{background:#fff3df;border:2px solid #aa6825}.local-energy-period-grid .local-energy-values{border-top:1px solid #d6c5ac;gap:7px;margin-top:auto;padding-top:16px}.local-energy-period-grid .local-energy-values small{color:#53483d;font-size:14px}.local-energy-period-grid .local-energy-values strong{color:#59350e;font-size:32px;line-height:1.2}.local-energy-period-grid .local-energy-values span{color:#403426;font-size:18px;font-weight:600}.local-energy-card-count{color:#53483d;font-size:14px}.local-energy-period-grid .local-energy-period{border-top:4px solid #aa6825}.local-start-reason{color:#211c17;overflow-wrap:anywhere;margin:10px 0 0;font-size:14px;line-height:1.5}.local-web-access{max-width:560px;margin:0 auto;padding:28px 20px;font-size:16px}.local-web-access>img{object-fit:contain;margin:0 auto 24px;display:block}.local-web-access form{gap:18px;margin:24px 0;display:grid}.local-web-access label{gap:8px;font-size:16px;font-weight:600;display:grid}.local-web-access input{color:#211c17;width:100%;min-width:0;min-height:50px;font:inherit;background:#fffaf4;border:1px solid #8b7e6d;border-radius:12px;padding:12px;font-size:16px}.local-web-access .local-muted{color:#62564a;line-height:1.6}.local-web-access button{width:100%;margin:6px 0}.local-web-access .local-card{overflow-wrap:anywhere}@media (height<=500px) and (width>=600px){.local-web-access{max-width:760px;padding-top:16px}.local-web-access form{grid-template-columns:1fr 1fr}.local-web-access form>.local-setting-action,.local-web-access form>p{grid-column:1/-1}.local-web-access>img{margin-bottom:12px}}.local-web-access .local-primary{color:#fff8ee;background:#87501e;border-color:#87501e}.local-web-access button:disabled{opacity:1;color:#514538;background:#ded0bd;border-color:#a99a85}.local-web-access details{margin:20px 0}.local-web-access summary{cursor:pointer;padding:10px 0;font-weight:600}.local-temperature{grid-template-rows:auto 48px 48px auto;grid-template-columns:56px minmax(0,1fr) 56px;align-content:start;gap:8px 6px;min-width:0;display:grid}.local-target-reading{color:#633713;background:#fff0d9;border:1px solid #ba9060;border-radius:16px;grid-area:2/2/span 2;place-self:center;width:148px;min-width:0;max-width:100%;padding:10px 14px;position:static}.local-target-reading small{color:#633713;font-size:14px;font-weight:650}.local-target-reading strong{font-size:42px;font-weight:700;line-height:1.1}.local-target-reading span{padding-top:7px;font-size:22px}.local-temperature .local-current-reading{grid-area:1/1/auto/-1;width:100%;max-width:none;height:190px;margin:8px auto;container-type:inline-size}.local-current-reading strong{font-size:clamp(40px,calc(150cqw / var(--reading-characters)),88px);font-variant-numeric:tabular-nums}.local-temperature .local-stepper{display:contents}.local-temperature .local-stepper button{grid-row:3;align-self:center;min-width:0;height:48px;min-height:48px;margin:0;padding:6px;font-size:30px}.local-temperature .local-stepper button:first-child{grid-column:1}.local-temperature .local-stepper button:last-child{grid-column:3}.local-temperature .local-fast-stepper button{grid-row:2;align-self:center;margin:0;font-size:22px}.local-temperature .local-temp-presets{grid-area:4/1/auto/-1;margin:0}.local-temperature .local-stepper small{text-align:center;grid-area:5/1/auto/-1;font-size:13px}@media (width<=680px){.local-temperature{grid-template-rows:auto 48px 48px auto}.local-current-reading>.local-eyebrow{font-size:13px}.local-target-reading strong{font-size:40px}.local-temperature .local-current-reading{max-width:none;height:180px}.local-temperature .local-stepper button{font-size:24px}.local-temperature .local-fast-stepper button{font-size:20px}.local-temperature .local-stepper small{display:none}}.local-current-reading>.local-eyebrow{text-align:center;color:#211c17;min-height:0;margin:0 0 6px;padding:0;font-size:14px;font-weight:600;line-height:1.35}@media (width<=680px){.local-current-reading>.local-eyebrow{font-size:13px}}.local-session-row .local-power{gap:8px}.local-session-row .local-power strong{letter-spacing:.04em;font-size:34px;line-height:1.1}.local-session-row .local-power>span{text-align:center;font-size:14px;font-weight:600;line-height:1.4}.local-shell .local-power.is-unknown{color:#fff;background:#626b73}.local-session-row .local-power.is-unknown strong{letter-spacing:0;font-size:18px}.local-language{border:0;min-width:0;margin:0 0 22px;padding:0}.local-language legend{margin-bottom:10px;font-size:16px;font-weight:650}.local-language>div{gap:10px;display:flex}.local-language button{flex:1;font-size:16px}.local-shell .local-language button[aria-pressed=true]{color:#fff8ee;background:#87501e;border-color:#87501e}.local-shell:lang(th){line-height:1.65}.local-shell:lang(th) .local-nav button{font-size:15px}.local-session-row .local-eyebrow{font-size:13px}.local-header>img,.local-web-access>img{object-fit:contain;background:#181810;border-radius:12px;padding:4px}.local-clock-field{min-width:0;font-size:16px}.local-clock-field>span{margin-bottom:6px;display:block}.local-clock-input{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;min-width:0;display:grid}.local-clock-input>span{text-align:center}.local-scheduling .local-clock-input select{min-width:0;min-height:48px;padding:8px 4px;font-size:16px}.local-clock-input .local-clock-period{grid-column:1/-1}.local-clock-input select:focus-visible{outline-offset:2px;outline:3px solid #287db5}.local-users label{gap:8px;margin:16px 0;font-size:16px;display:grid}.local-users input{min-width:0;max-width:100%;min-height:48px;font:inherit;color:#29221c;background:#fff;border:1px solid #887b6d;border-radius:10px;padding:10px}.local-users p{line-height:1.6}.local-user-row{border-top:1px solid #b9ab99;margin-top:24px;padding-top:18px}.local-user-row>strong{overflow-wrap:anywhere}.local-user-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.local-user-actions button,.local-user-device button{min-height:48px;font-size:16px}.local-user-device{border-top:1px solid #d0c6b8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:10px 0;display:flex}.local-invite{text-align:center;background:#fff;border:2px solid #87501e;border-radius:16px;margin:24px 0;padding:16px}.local-invite>img{width:100%;max-width:320px;height:auto;image-rendering:pixelated;margin:12px auto;display:block}.local-invite input{width:100%;font-size:14px}.local-users .local-setting-action{margin:12px 0}.local-users details{overflow-wrap:anywhere}.local-scheduling{gap:18px;display:grid}.local-scheduling fieldset{border:0;min-width:0;margin:18px 0;padding:0}.local-scheduling legend{margin-bottom:12px;font-weight:650}.local-scheduling label{gap:6px;font-size:16px;display:grid}.local-scheduling select,.local-scheduling input[type=time]{width:100%;min-width:0;min-height:48px;font:inherit;color:#29221c;background:#fff;border:1px solid #8c8174;border-radius:10px;padding:10px}.local-scheduling fieldset>label{margin-bottom:14px}.local-schedule-day{border-bottom:1px solid #c6bbaa;grid-template-columns:minmax(110px,1fr) minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px 0;display:grid}.local-scheduling .local-schedule-check{align-items:center;gap:10px;display:flex}.local-schedule-check input{accent-color:#87501e;flex-shrink:0;width:24px;height:24px}.local-scheduling p{line-height:1.6}.local-scheduling .local-setting-action{margin-top:12px}@media (width<=420px){.local-schedule-day{grid-template-columns:1fr 1fr}.local-schedule-check{grid-column:1/-1}}:root{--ink:#211a14;--bg:#eee7dc;--surface:#f7f1e7;--surface-raised:#fffaf1;--cream:#2a2119;--text-primary:#211c17;--text-secondary:#3e382f;--text-muted:#625b52;--text-dim:#71685d;--amber:#ad6827;--amber-soft:#8d551f;--amber-muted:#7c5027;--sage-light:#4f6b53;--line:#4a3a2729;--line-strong:#4a3a2745;--radius-lg:22px;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", sans-serif;--serif:Iowan Old Style, Baskerville, "Times New Roman", serif;font-family:var(--sans);color:var(--text-secondary);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;color:var(--text-secondary);background-color:var(--bg);background-image:radial-gradient(circle at 82% -8%, #be7d3929, transparent 32rem), radial-gradient(circle at 14% 108%, #5f795b1f, transparent 32rem), linear-gradient(145deg, #f3ede4 0%, var(--bg) 58%, #e8dfd2 100%);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,[role=switch]:focus-visible{outline:2px solid var(--amber-soft);outline-offset:3px}svg{display:block}::selection{color:#1d150e;background:#e5b777}#root{min-height:100svh}:root[data-theme=dark]{--bg:#151a1e;--surface:#20272d;--surface-raised:#29323a;--text-primary:#f6f1e9;--text-secondary:#e1e6e9;--text-muted:#c3cdd3;--text-dim:#b5c2ca;--ink:#f6f1e9;--cream:#f6f1e9;--line:#46535d;--line-strong:#71808a;--amber:#efb568;--amber-soft:#efb568;--amber-muted:#e7ad61;--sage-light:#95d8aa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] body,:root[data-theme=dark] .local-shell{color:#f6f1e9;background:#151a1e}:root[data-theme=dark] .local-card,:root[data-theme=dark] .local-rgb-dialog{color:#f6f1e9;background:#20272d;border-color:#52606b;box-shadow:0 4px 18px #0002}:root[data-theme=dark] .local-shell button{color:#f6f1e9;background:#303b43;border-color:#71808a}:root[data-theme=dark] .local-shell button.active,:root[data-theme=dark] .local-shell .local-primary,:root[data-theme=dark] .local-language button[aria-pressed=true]{color:#21180d;background:#efb568;border-color:#efb568;font-weight:650}:root[data-theme=dark] .local-shell button:disabled{opacity:1;color:#b5c2ca;cursor:default;background:#283139;border-color:#52606b}:root[data-theme=dark] .local-shell :is(input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea){color:#f6f1e9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#161e24;border-color:#7c8b95}:root[data-theme=dark] .local-shell ::placeholder{color:#b5c2ca;opacity:1}:root[data-theme=dark] .local-shell :is(button,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:3px solid #8acbff}:root[data-theme=dark] .local-shell a{color:#a9d7ff}:root[data-theme=dark] :is(.local-header span,.local-muted,.local-eyebrow,.local-start-reason,.local-reading small,.local-energy-note,.local-energy-card-count,.local-rgb-dialog p,.local-energy-period>div>span,.local-energy-values small){color:#c3cdd3}:root[data-theme=dark] .local-nav{background:#192127f5;border-color:#52606b}:root[data-theme=dark] .local-dot.online{background:#94d7a5}:root[data-theme=dark] .local-claim{color:#e0f1ff;background:#243d4d}:root[data-theme=dark] .local-error{color:#ffe1da;background:#472c2b;border-color:#ec9b8e}:root[data-theme=dark] .local-shell .local-unavailable-reason{color:#ffdcaa;background:#382b1e;border-color:#e6aa61}:root[data-theme=dark] .local-shell .local-power.is-on,:root[data-theme=dark] .local-shell .local-outputs button.active,:root[data-theme=dark] .local-shell .local-rgb-power.is-on{color:#edfff3;background:#245b3b;border-color:#8bd5a3}:root[data-theme=dark] .local-shell .local-power.is-off{color:#f6f1e9;background:#303b43;border-color:#a6b4bd}:root[data-theme=dark] .local-shell .local-power.is-unknown{color:#d3dce1;background:#283139;border-color:#71808a}:root[data-theme=dark] .local-current-reading{background:color-mix(in srgb,var(--heat) 18%,#182127);border-color:var(--heat);color:#f6f1e9;box-shadow:none}:root[data-theme=dark] .local-current-reading strong{-webkit-text-stroke:0;color:#f6f1e9}:root[data-theme=dark] .local-current-reading>.local-eyebrow{color:#e1e6e9}:root[data-theme=dark] .local-current-reading.hottest{background:var(--heat);color:#fff}:root[data-theme=dark] .local-current-reading.hottest>.local-eyebrow{color:#f6f1e9;background:#151a1e;border-radius:8px;padding:4px 10px}:root[data-theme=dark] .local-target-reading{color:#ffdbac;background:#3d2d1d;border-color:#e3aa60}:root[data-theme=dark] .local-target-reading :is(small,strong,span){color:#ffdbac}:root[data-theme=dark] :is(.local-history-entry,.local-user-row,.local-user-device,.local-schedule-day,.local-fault-entry){border-color:#52606b}:root[data-theme=dark] .local-fault-entry{color:#f6f1e9;background:#1a2228}:root[data-theme=dark] .local-fault-entry :is(time,p){color:#d0d9df}:root[data-theme=dark] .local-energy-session,:root[data-theme=dark] .local-energy-period-grid .local-energy-period{color:#f6f1e9;background:#1a2228;border-color:#61707a}:root[data-theme=dark] .local-energy-period-grid .local-energy-period.current{background:#352b20;border-color:#efb568}:root[data-theme=dark] .local-energy-period-grid .local-energy-values{border-color:#61707a}:root[data-theme=dark] .local-energy-period-grid .local-energy-values :is(strong,span,small){color:#f1d6b3}:root[data-theme=dark] .local-invite{color:#f6f1e9;background:#20272d;border-color:#efb568}:root[data-theme=dark] .local-invite>img{background:#fff;border-radius:8px}:root[data-theme=dark] .local-rgb-dialog::backdrop{background:#060a0dcc}:root[data-theme=dark] .local-rgb-follow[aria-checked=true]{color:#edfff3;background:#245b3b;border-color:#8bd5a3}:root[data-theme=dark] .local-color-wheel{box-shadow:0 0 0 6px #303b43}:root[data-theme=dark] .local-shell .local-rgb-swatches button{border-color:#20272d;box-shadow:0 0 0 1px #8a969f}:root[data-theme=dark] .local-shell .local-rgb-swatches button[aria-pressed=true]{box-shadow:0 0 0 3px #efb568}:root[data-theme=dark] .local-send-status{color:#f6f1e9;background:#1a2228;border-color:#efb568}:root[data-theme=dark] .local-skip{color:#21180d;background:#efb568}:root[data-theme=dark] .local-shell button[aria-label^=Increase],:root[data-theme=dark] .local-shell button[aria-label^=เพิ่ม]{border-color:#f29987}:root[data-theme=dark] .local-shell button[aria-label^=Decrease],:root[data-theme=dark] .local-shell button[aria-label^=ลด]{border-color:#8acbff}.sandbox{color:#211c17;background:#eee7dc;min-width:320px;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5}.sandbox *{box-sizing:border-box}.sandbox-intro{max-width:1100px;margin:auto;padding:28px 24px 18px}.sandbox-brand{color:#211c17;letter-spacing:.04em;align-items:baseline;gap:10px;font-size:30px;font-weight:750;text-decoration:none;display:inline-flex}.sandbox-brand span{letter-spacing:.18em;font-size:13px;font-weight:600}.sandbox-heading{max-width:720px;margin-top:28px}.sandbox-tag{color:#81501f;letter-spacing:.12em;font-size:13px;font-weight:750;display:block}.sandbox h1{letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(32px,5vw,48px);font-weight:650;line-height:1.12}.sandbox-heading p{color:#51483d;margin:0;font-size:18px;line-height:1.65}.sandbox-facts{color:#315b40;flex-wrap:wrap;gap:10px 24px;margin:22px 0;font-size:14px;font-weight:650;display:flex}.sandbox-facts span:before{content:"✓";padding-right:8px}.sandbox-toolbar{background:#faf4e9;border:1px solid #c8b9a5;border-radius:20px;flex-wrap:wrap;align-items:end;gap:16px;padding:20px;display:flex}.sandbox-toolbar label{flex:1;grid-template-columns:minmax(0,1fr);gap:8px;min-width:170px;font-size:14px;font-weight:650;display:grid}.sandbox-toolbar select{width:100%;min-width:0}.sandbox-toolbar select,.sandbox-toolbar button{color:#211c17;max-width:100%;min-height:48px;font:inherit;background:#fffaf4;border:1px solid #8b7e6d;border-radius:12px;padding:10px 14px;font-size:16px}.sandbox-toolbar button{cursor:pointer;font-weight:650}.sandbox-toolbar .sandbox-reset{color:#fff;background:#315b40;border-color:#315b40}.sandbox-clock{flex:1;gap:8px;min-width:200px;font-size:14px;display:grid}.sandbox-clock strong{font-variant-numeric:tabular-nums;min-height:48px;padding:12px 0;font-size:15px;line-height:1.5;display:block}.sandbox-tip{color:#51483d;margin:16px 0 0;font-size:15px;line-height:1.6}.sandbox-controls{border:1px solid #c8b9a5;border-radius:24px;max-width:1100px;margin:12px auto 0;overflow:clip}.sandbox-controls>.local-shell{min-height:0;padding-bottom:0}.sandbox-controls .local-nav{-webkit-backdrop-filter:none;backdrop-filter:none;flex-wrap:wrap;margin-top:24px;position:static}.sandbox-controls .local-content{padding-bottom:12px}.sandbox-controls .local-header{padding-top:22px}.sandbox-controls .local-header>div>span{color:#315b40;font-size:14px;font-weight:650}.sandbox-controls .local-card,.sandbox-controls .local-settings-menu button{scroll-margin-top:12px}.sandbox-footer{flex-wrap:wrap;align-items:center;gap:16px 24px;max-width:1100px;margin:0 auto;padding:28px 24px 36px;display:flex}.sandbox-footer a{color:#704215;text-underline-offset:4px;align-items:center;min-height:44px;font-weight:650;display:inline-flex}.sandbox-footer>span{color:#51483d;flex-basis:100%;font-size:14px;line-height:1.6}.sandbox :is(a,button,select):focus-visible{outline-offset:3px;outline:3px solid #287db5}:root[data-theme=dark] .sandbox{color:#f6f1e9;background:#151a1e}:root[data-theme=dark] .sandbox :is(.sandbox-brand,.sandbox-heading p,.sandbox-tip,.sandbox-footer>span){color:#e1e6e9}:root[data-theme=dark] .sandbox :is(.sandbox-tag,.sandbox-footer a){color:#efb568}:root[data-theme=dark] .sandbox :is(.sandbox-facts,.local-header>div>span){color:#95d8aa}:root[data-theme=dark] .sandbox-toolbar{background:#20272d;border-color:#71808a}:root[data-theme=dark] .sandbox-toolbar :is(select,button){color:#f6f1e9;background:#303b43;border-color:#71808a}@media (width<=680px){.sandbox-intro{padding:20px 16px 12px}.sandbox-heading{margin-top:20px}.sandbox-heading p{font-size:16px}.sandbox-toolbar{gap:14px;padding:16px}.sandbox-toolbar label{flex-basis:calc(50% - 7px);min-width:0}.sandbox-clock{flex-basis:100%;min-width:0}.sandbox-clock strong{min-height:0;padding:0}.sandbox-toolbar button{flex:1}.sandbox-controls{border-radius:20px;margin:12px}.sandbox-controls .local-nav button{min-width:0;font-size:14px}.sandbox-footer{padding:20px 16px 32px}.sandbox-controls .local-outputs>.local-card[data-output=rgb]{grid-template-columns:minmax(0,1fr)}.sandbox-controls .local-outputs .local-rgb-open{height:auto;min-height:64px;padding:8px;font-size:14px;line-height:1.4}}@media (width<=380px){.sandbox-toolbar label{flex-basis:100%}.sandbox-controls .local-header{grid-template-columns:100px 46px minmax(0,1fr);gap:12px;display:grid}.sandbox-controls .local-header>div{grid-area:2/1/auto/-1}.sandbox-controls .local-header>.local-dot{grid-area:1/3;justify-self:end}}