@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f2f5f1}body{min-width:320px;min-height:100vh}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #6da98d}::selection{background:#b9dac9}:root{--ink:#17201c;--muted:#59675f;--line:#dfe7e1;--surface:#fff;--canvas:#f2f5f1;--green:#275a47;--green-soft:#dce9e1;--sun:#dda947}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}.auth-screen{background:radial-gradient(circle at 20% 10%,#275a4726,transparent 38%),var(--canvas);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:#fffffff2;border:1px solid #17201c1f;border-radius:24px;width:min(100%,430px);padding:32px;box-shadow:0 24px 70px #122a2021}.auth-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.auth-brand>span{color:#fff;background:#183c30;border-radius:13px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:700;display:grid}.auth-brand div{display:grid}.auth-brand strong{font-size:18px}.auth-brand small{color:#66736c}.auth-panel h1{margin:0 0 8px;font-size:30px}.auth-panel>p{color:var(--muted);margin:0 0 22px;line-height:1.5}.auth-panel .auth-tabs{margin-bottom:18px}.auth-panel .auth-form{gap:14px;display:grid}.auth-panel .auth-form label{gap:6px;font-weight:650;display:grid}.auth-panel .auth-form input{width:100%;font:inherit;background:#fff;border:1px solid #ced9d2;border-radius:11px;padding:12px 13px}.auth-panel .primary-action{min-height:46px;margin-top:4px}.auth-panel .form-message{color:#a83232;margin:16px 0 0}.site-switcher{max-width:min(70vw,460px);font:inherit;color:inherit;background:0 0;border:0;padding:0 30px 0 0;font-size:clamp(24px,3vw,40px);font-weight:760}button,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#ecf4ef;background:#183c30;flex-direction:column;height:100vh;padding:30px 20px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.logo-mark{color:#fff;background:linear-gradient(145deg,#7aa68f,#3d745d);border-radius:13px;place-items:center;width:39px;height:39px;font:700 21px Manrope;display:grid;box-shadow:0 8px 22px #0f2a2066}.brand strong{letter-spacing:-.5px;font:700 20px Manrope;display:block}.brand small{color:#94b3a4;letter-spacing:.12em;text-transform:uppercase;font-size:13px;display:block}.sidebar nav{scrollbar-width:thin;scrollbar-color:#426b59 transparent;gap:5px;min-height:0;display:grid;overflow-y:auto}.nav-title{color:#9db8aa;letter-spacing:.15em;text-transform:uppercase;margin:22px 12px 7px;font-size:13px;font-weight:700}.sidebar nav button{color:#b8cec2;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;display:flex}.sidebar nav button span{color:#8ab09d;width:18px}.sidebar nav button em{opacity:.6;margin-left:auto;font-size:13px;font-style:normal}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#285443}.connection{border:1px solid #315847;border-radius:13px;margin-top:auto;padding:15px;font-size:13px}.connection i{background:#75d195;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #75d1951f}.connection small{color:#9db8aa;margin:5px 0 0 15px;display:block}.content{padding:31px clamp(24px,4vw,66px) 70px;overflow:hidden}.topbar{justify-content:space-between;align-items:center;display:flex}.eyebrow{color:#5f6d65;letter-spacing:.15em;margin:0 0 4px;font-size:13px;font-weight:700}.topbar h1{letter-spacing:-1.2px;margin:0;font:700 clamp(24px,3vw,34px) Manrope}.top-actions{align-items:center;gap:13px;display:flex}.top-connection{background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.top-connection i{background:#5bc47d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #5bc47d20}.top-connection.lan i{background:#e2ad45;box-shadow:0 0 0 4px #e2ad4520}.top-connection.offline i{background:#d06055;box-shadow:0 0 0 4px #d0605520}.avatar{width:41px;height:41px;color:var(--green);background:#d5e2d9;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.sensor-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 36px;display:grid}.sensor-strip article{background:#fff;border:1px solid #e4eae5;border-radius:15px;align-items:center;gap:13px;min-width:0;padding:15px 18px;display:flex;box-shadow:0 8px 24px #38504408}.sensor-icon{color:#39725a;background:#e5eee8;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.sensor-icon.illuminance{color:#c78b23;background:#fbf1d9}.sensor-strip p,.sensor-strip small{color:var(--muted);margin:0;font-size:13px;display:block}.sensor-strip strong{margin:1px 0;font-size:17px;display:block}.sensor-strip small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.section-head{justify-content:space-between;align-items:end;margin:0 0 16px;display:flex}.section-head h2{letter-spacing:-.7px;margin:0;font:700 clamp(20px,2.3vw,27px) Manrope}.control-hint{color:var(--muted);margin:5px 0 0;font-size:13px}.group-control{border:1px solid var(--line);color:#385246;background:#fff;border-radius:10px;padding:9px 12px;font-size:13px}.group-control span{padding-left:9px}.device-grid{grid-template-columns:repeat(auto-fill,250px);justify-content:start;gap:17px;display:grid}.device-card{background:var(--surface);border:1px solid #e0e7e1;border-radius:19px;min-width:0;padding:18px;box-shadow:0 15px 35px #243e3209}.device-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.device-header>div{flex:auto;min-width:0}.device-header .eyebrow,.device-header h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.device-header h3{margin:0;font:600 16px Manrope}.quality{color:#245b43;text-transform:uppercase;letter-spacing:.08em;background:#dcebe2;border-radius:99px;flex:none;margin:1px 1px 0 0;padding:5px 8px;font-size:13px;font-weight:700}.quality.estimated{color:#79500d;background:#f3e2ba}.device-card.busy .quality{animation:1s ease-in-out infinite alternate pulse}.device-header-actions{align-items:flex-start;gap:6px;display:flex;position:relative;flex:none!important}.control-info{position:relative}.control-info summary{color:#527061;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8faf8;border:1px solid #cbd8d0;border-radius:50%;place-items:center;width:21px;height:21px;font:600 12px Manrope;list-style:none;display:grid}.control-info summary::-webkit-details-marker{display:none}.control-info[open] summary{color:#24543f;background:#e6efe9}.control-info p{z-index:40;color:#43534a;background:#fff;border:1px solid #d8e1db;border-radius:9px;width:190px;margin:0;padding:9px 10px;font-size:12px;line-height:1.35;position:absolute;top:27px;right:0;box-shadow:0 8px 24px #1b34272b}@keyframes pulse{to{opacity:.55}}.shade-control{margin:17px 0;position:relative}.shade-preview{isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ns-resize;background:#bcd8df;border:7px solid #e6e5dc;border-radius:14px;outline:1px solid #c9ccc5;height:168px;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff9,0 8px 22px #30473c18}.shade-preview:focus-visible{outline-offset:3px;outline:3px solid #78a993}.window-view{background:linear-gradient(165deg,#9bc9dc 0 47%,#d7ddd1 48% 58%,#7e9a73 59% 100%);position:absolute;inset:0;overflow:hidden}.window-view:after{content:"";opacity:.72;background:linear-gradient(8deg,#607d5d 0 33%,#8ea17a 34% 52%,#0000 53%);position:absolute;inset:58% 0 0}.window-view .sun{background:#fff7c5;border-radius:50%;width:42px;height:42px;position:absolute;top:18%;right:16%;box-shadow:0 0 30px 12px #ffe79380}.window-view .horizon{background:#708a68;border-radius:50% 50% 0 0;height:21%;position:absolute;bottom:29%;left:-8%;right:-8%;transform:rotate(-3deg)}.target-track{z-index:30;pointer-events:none;position:absolute;inset:7px;overflow:visible}.target-line{background:#e32727;height:1px;position:absolute;left:-15px;right:-15px;transform:translateY(-.5px);box-shadow:0 0 0 1px #ffffff70}.target-line span{color:#fff;letter-spacing:.01em;white-space:nowrap;background:#e32727;border-radius:5px;padding:2px 5px;font:700 13px/1.2 Manrope,sans-serif;position:absolute;bottom:4px;right:5px;box-shadow:0 1px 4px #53101040}.shade-shadow{z-index:1;clip-path:inset(0);filter:blur(6px);opacity:.35;transition-property:height;transition-duration:var(--travel-duration,.18s);transition-delay:var(--travel-delay,0s);pointer-events:none;background:linear-gradient(#182a2266,#0000);transition-timing-function:linear;position:absolute;inset:0 0 auto}.shade-sheet{z-index:3;background:linear-gradient(90deg,color-mix(in srgb,var(--shade-color) 72%,#222),var(--shade-color) 17%,color-mix(in srgb,var(--shade-color) 82%,#555) 52%,color-mix(in srgb,var(--shade-color) 72%,white) 84%,color-mix(in srgb,var(--shade-color) 72%,#333));min-height:5px;transition-property:height;transition-duration:var(--travel-duration,.18s);transition-delay:var(--travel-delay,0s);perspective:240px;will-change:height;padding:3px 0 5px;transition-timing-function:linear;position:absolute;top:0;left:0;right:0;overflow:visible;box-shadow:0 4px 10px #17251e40}.shade-preview:not(.roller) .shade-sheet{box-shadow:none;background:0 0}.shade-preview.dragging .shade-sheet,.shade-preview.dragging .shade-shadow,.shade-preview.travelling .shade-sheet,.shade-preview.travelling .shade-shadow{transition:none}.shade-sheet>i{background:color-mix(in srgb,var(--shade-color) 62%,#303833);will-change:top;height:1px;display:block;position:absolute;left:-3px;right:-3px;box-shadow:0 1px 1px #25352d52}.shade-sheet>i>.slat-face{z-index:-1;background:linear-gradient(color-mix(in srgb,var(--shade-color) 55%,white) 0 16%,var(--shade-color) 38%,color-mix(in srgb,var(--shade-color) 68%,#222) 72%,color-mix(in srgb,var(--shade-color) 72%,white));height:15px;transform:rotateX(calc(90deg - var(--slat-tilt,var(--tilt)))) translateZ(calc(var(--slat) * .04px));transform-origin:50%;transition:transform var(--tilt-duration,1.8s) cubic-bezier(.2,.78,.2,1);will-change:transform;margin-top:-7.5px;position:absolute;top:50%;left:0;right:0;box-shadow:0 3px 3px #25352d62}.bottom-rail{z-index:20;background:linear-gradient(#d6d6cc,#777d76);border-radius:1px 1px 3px 3px;height:4px;position:absolute;bottom:0;left:-2px;right:-2px;box-shadow:inset 0 -1px 1px #20322955}.roller .shade-sheet{background:repeating-linear-gradient(0deg,var(--shade-color) 0 8px,color-mix(in srgb,var(--shade-color) 58%,white) 8px 9px,color-mix(in srgb,var(--shade-color) 72%,#222) 9px 11px);border-radius:0 0 2px 2px;min-height:0;padding:0;top:0;box-shadow:inset 5px 0 7px #fff3,inset -5px 0 7px #4350472e}.shade-preview.type-screen .shade-sheet{background:linear-gradient(90deg,color-mix(in srgb,var(--shade-color) 88%,#333),var(--shade-color) 16%,color-mix(in srgb,var(--shade-color) 94%,white) 52%,var(--shade-color) 84%,color-mix(in srgb,var(--shade-color) 88%,#333))}.roller .shade-sheet>i{display:none}.position-readout{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;background:#10291fe8;border:1px solid #ffffff2b;border-radius:9px;justify-content:center;align-items:baseline;gap:2px;min-width:44px;height:30px;padding:0 8px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 14px #10291f38}.position-readout em{color:#b9d7c8;font-variant-numeric:tabular-nums;margin-left:3px;font-size:13px;font-style:normal}.tilt-readout{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;background:#10291fe8;border:1px solid #ffffff2b;border-radius:9px;align-items:center;gap:5px;min-height:30px;padding:0 8px;font-size:13px;display:flex;position:absolute;bottom:10px;left:10px;box-shadow:0 4px 14px #10291f38}.tilt-readout i{width:15px;height:11px;transform:skewY(calc(var(--tilt) / 8));background:repeating-linear-gradient(0deg,#dfeae4 0 1px,#0000 1px 4px)}.tilt-readout strong{font-variant-numeric:tabular-nums;font:700 13px Manrope}.tilt-readout span{color:#b9d7c8;font-variant-numeric:tabular-nums}.position-readout strong{font-variant-numeric:tabular-nums;font:700 15px Manrope}.position-readout span{font-size:13px}.range-label{color:#617168;grid-template-columns:minmax(0,1fr) max-content;align-items:center;font-size:13px;display:grid}.range-label>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.range-label strong{color:var(--ink);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.range-label input{grid-column:1/-1;width:100%;height:28px;margin:0}.actual-fill-range{--actual-value:0%;appearance:none;cursor:pointer;background:0 0}.actual-fill-range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--green) 0 var(--actual-value),#dfe7e1 var(--actual-value) 100%);border-radius:99px;height:5px;box-shadow:inset 0 1px 2px #1b3a2d1f}.actual-fill-range::-webkit-slider-thumb{appearance:none;background:var(--green);border:2px solid #fff;border-radius:50%;width:17px;height:17px;margin-top:-6px;box-shadow:0 1px 4px #17362866}.actual-fill-range::-moz-range-track{background:linear-gradient(to right,var(--green) 0 var(--actual-value),#dfe7e1 var(--actual-value) 100%);border:0;border-radius:99px;height:5px;box-shadow:inset 0 1px 2px #1b3a2d1f}.actual-fill-range::-moz-range-thumb{background:var(--green);border:2px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 4px #17362866}.actual-fill-range:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #80b39d}.actual-fill-range:disabled{cursor:default;opacity:.5}.range-title-short{display:none}.quick-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px;display:grid}.quick-actions button{color:#365348;background:#edf2ee;border:0;border-radius:8px;min-height:38px;padding:8px 5px;font-size:13px}.quick-actions button:hover{background:var(--green-soft)}.quick-actions .stop{color:#365348;background:#e4ebe7}.quick-actions button:disabled{opacity:.38;cursor:default}.tilt-label{border-top:1px solid #edf0ed;margin-top:4px;padding-top:7px}.tilt-scale{color:#59675f;font-variant-numeric:tabular-nums;grid-column:1/-1;justify-content:space-between;width:100%;margin-top:-5px;font-size:13px;line-height:1;display:flex}.tilt-scale span:first-child{text-align:left}.tilt-scale span:last-child{text-align:right}.section-head.compact{margin-top:35px}.light-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:13px;display:grid}.light-card{text-align:left;color:var(--ink);background:#fff;border:1px solid #e0e7e1;border-radius:15px;align-items:center;gap:12px;padding:15px;display:flex}.light-card .bulb{background:#edf2ee;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.light-card.on .bulb{color:#b87a14;background:#f8ebc8;box-shadow:0 0 18px #efbd5366}.light-card strong,.light-card small{display:block}.light-card small{color:var(--muted);margin-top:2px;font-size:13px}.light-card i{background:#cad4ce;border-radius:99px;width:30px;height:18px;margin-left:auto;position:relative}.light-card i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.light-card.on i{background:#39715a}.light-card.on i:after{transform:translate(12px)}.error-banner{color:#8e3e35;background:#fbe5e3;border-radius:10px;padding:10px 13px;font-size:13px}.mobile-nav{display:none}.loading{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:12px;display:grid}.loading .logo-mark{width:52px;height:52px}.settings-view{margin-top:30px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:980px;display:grid}.settings-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px;box-shadow:0 12px 30px #243e3208}.settings-card.wide{grid-column:1/-1}.settings-card h3{margin:0;font:650 17px Manrope}.settings-intro,.settings-card>p{color:var(--muted);font-size:13px;line-height:1.55}.setting-row{border-top:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.setting-row:first-of-type{margin-top:13px}.setting-row span{min-width:0}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:13px}.setting-row small{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.35}.setting-row input{width:38px;height:21px;accent-color:var(--green)}.auth-tabs{background:#eef2ef;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin:15px 0;padding:4px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:8px;font-size:13px}.auth-tabs button.active{color:var(--green);background:#fff;box-shadow:0 2px 7px #243e3212}.auth-form{gap:10px;display:grid}.auth-form label{color:var(--muted);font-size:13px}.auth-form input{width:100%;color:var(--ink);background:#fbfcfb;border:1px solid #d8e1da;border-radius:9px;margin-top:4px;padding:10px 11px;display:block}.primary-action,.secondary-action{background:var(--green);color:#fff;border:0;border-radius:9px;padding:11px 14px;font-weight:600}.secondary-action{color:var(--green);background:#e9efeb}.invite-note,.form-message{background:#f2f5f2;border-radius:9px;padding:10px 12px;font-size:13px!important}.form-message{color:#6e4b18!important;background:#faf0d9!important}.account-state{margin:18px 0}.account-state i{background:#52ae75;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.account-state small{overflow-wrap:anywhere;margin:6px 0 0 16px;display:block}.settings-card dl{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 0;display:grid}.settings-card dl div{background:#f3f6f3;border-radius:10px;padding:12px}.settings-card dt{color:var(--green);font-size:13px;font-weight:700}.settings-card dd{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.4}@media (width<=1000px){.device-grid,.light-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width>=1001px){.content{padding:18px 24px 70px 18px}.topbar h1{font-size:22px}.sensor-strip{grid-template-columns:repeat(auto-fill,minmax(135px,180px));justify-content:start;gap:7px;margin:10px 0 16px}.sensor-strip article{border-radius:11px;gap:7px;padding:7px 9px}.sensor-icon{border-radius:8px;width:28px;height:28px;font-size:15px}.sensor-strip p,.sensor-strip small,.sensor-strip strong{font-size:13px}}@media (width<=720px){.content{padding-top:12px}.sensor-strip{grid-template-columns:repeat(3,145px);margin:10px -12px 16px}.sensor-strip article{gap:8px;padding:8px 9px}.sensor-icon{border-radius:9px;width:30px;height:30px;font-size:15px}.sensor-strip p,.sensor-strip small{font-size:13px}.sensor-strip strong{font-size:14px}.app-shell{display:block}.sidebar{display:none}.content{padding:18px 12px calc(128px + env(safe-area-inset-bottom))}.topbar h1{font-size:24px}.sensor-strip{scrollbar-width:none;grid-template-columns:repeat(3,176px);margin:18px -12px 25px;padding:0 12px;overflow-x:auto}.sensor-strip article{padding:11px 13px}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.light-grid{grid-template-columns:1fr;gap:9px}.device-card{border-radius:15px;padding:10px}.device-header{display:block}.device-header h3,.device-header .eyebrow{font-size:13px}.quality{margin-top:4px;padding:3px 6px;font-size:13px;display:inline-block}.section-head{align-items:center}.group-control{width:44px;height:44px;padding:0;font-size:0}.group-control span{padding:0;font-size:20px}.mobile-nav{z-index:10;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;border:1px solid #dbe3dd;border-radius:17px;grid-template-columns:repeat(5,1fr);padding:8px 5px 7px;display:grid;position:fixed;box-shadow:0 8px 30px #17291f2e}.mobile-nav button{color:#59675f;background:0 0;border:0;justify-items:center;gap:2px;min-height:44px;font-size:16px;display:grid}.mobile-nav button.active{color:var(--green)}.mobile-nav small{font-size:13px}.shade-preview{border-width:5px;height:145px;margin:9px 0 7px}.range-label,.tilt-label{display:none}.gesture-hint{opacity:.94;max-width:calc(100% - 50px);padding:3px 4px;font-size:13px;bottom:5px;left:5px;transform:none}.position-readout{min-width:36px;height:25px;padding:0 5px;bottom:5px;right:5px}.position-readout strong{font-size:13px}.settings-grid{grid-template-columns:1fr}.settings-card.wide{grid-column:auto}.settings-card{padding:17px}.settings-card dl{grid-template-columns:1fr}.tilt-label{grid-template-columns:minmax(0,1fr) 48px;margin-top:2px;padding-top:4px;font-size:13px;display:grid}.tilt-label input{height:24px}.tilt-label strong{font-size:13px}.range-title-wide{display:none}.range-title-short{display:inline}.tilt-readout{gap:3px;min-height:25px;padding:0 5px;bottom:5px;left:5px}.tilt-readout i{width:11px}.tilt-readout span{display:none}}@media (width<=380px){.shade-preview{height:128px}.device-card{padding:8px}.gesture-hint{display:none}}@media (width<=720px){.gesture-hint{display:none}.control-hint{max-width:260px;font-size:13px;line-height:1.35}}.more-view{gap:10px;max-width:760px;display:grid}.more-view>button{text-align:left;background:#fff;border:1px solid #dce3de;border-radius:13px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.more-view>button>span{color:#2c6048;background:#eaf2ed;border-radius:11px;grid-row:1/3;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.more-view>button small{color:#6d766f;grid-column:2}.more-view>button b{grid-area:1/3/3;font-size:20px}.top-connection{width:auto;color:var(--green);letter-spacing:.02em;gap:6px;padding:0 2px;font-size:13px;font-weight:700;display:flex}@media (width<=720px){.mobile-nav button.active{color:var(--green);background:#e2ece6;border-radius:11px;font-weight:700}.groups-view{padding-bottom:140px}}.sidebar nav button em{opacity:1;color:#b8cec2}.group-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d2119a8;place-items:center;padding:24px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.group-sheet{background:#f7f9f6;border-radius:24px;width:min(520px,100%);max-height:calc(100vh - 48px);padding:22px;animation:.3s cubic-bezier(.16,.8,.24,1) sheet-in;overflow:auto;box-shadow:0 35px 100px #08150f70}.sheet-handle{background:#b6c2bb;border-radius:99px;width:40px;height:4px;margin:0 auto 13px;display:none}.group-sheet>header{justify-content:space-between;align-items:start;gap:20px;display:flex}.group-sheet h2{margin:0;font:700 25px Manrope}.group-sheet header small{color:#59675f}.close-group{color:#385246;background:#fff;border:1px solid #dce4de;border-radius:50%;flex:none;width:44px;height:44px;font-size:25px}.group-gesture{touch-action:pan-x;cursor:ns-resize;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#b7d0d6,#eee0c7 65%,#efca7a);border:7px solid #e2e4df;border-radius:18px;height:260px;margin:20px 0 15px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #c8cec8}.group-level{min-height:4px;transition:height var(--travel-duration,.18s) linear;will-change:height;background:repeating-linear-gradient(0deg,#c5c7c0 0 10px,#8f948d 11px 13px);position:absolute;top:0;left:0;right:0}.group-gesture.dragging .group-level,.group-gesture.travelling .group-level{transition:none}.group-gesture>span{color:#fff;background:#10291fe8;border-radius:10px;padding:8px 11px;position:absolute;bottom:14px;right:14px}.group-gesture>span strong{font-variant-numeric:tabular-nums;font:700 21px Manrope}.group-gesture>p{color:#fff;background:#15352ab5;border-radius:9px;margin:0;padding:7px 9px;font-size:13px;line-height:1.35;position:absolute;bottom:13px;left:14px}.group-tilt-control{color:#53645b;background:#fff;border:1px solid #dfe6e0;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:3px 14px;margin:0 0 14px;padding:12px 14px;display:grid}.group-tilt-control span strong,.group-tilt-control span small{display:block}.group-tilt-control span strong{color:#243d31;font-size:13px}.group-tilt-control span small{margin-top:2px;font-size:13px}.group-tilt-control output{color:#243d31;font-variant-numeric:tabular-nums;font:700 14px Manrope}.group-tilt-control input{width:100%;height:28px;accent-color:var(--green);grid-column:1/-1;margin:0}.group-tilt-control>.tilt-scale{color:#59675f;grid-column:1/-1;justify-content:space-between;width:100%;margin-top:-6px;font-size:13px;line-height:1;display:flex}.group-members{flex-wrap:wrap;gap:7px;margin:0 0 14px;display:flex}.group-members span{color:#53645b;background:#fff;border:1px solid #dfe6e0;border-radius:9px;align-items:center;gap:8px;padding:7px 9px;font-size:13px;display:flex}.group-members strong{color:#243d31;font-variant-numeric:tabular-nums}.group-actions{margin-top:0}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}@media (width<=600px){.group-backdrop{align-items:end;padding:0}.group-sheet{width:100%;max-height:92vh;padding:10px 16px max(20px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.sheet-handle{display:block}.group-gesture{height:min(240px,34vh)}.group-sheet h2{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:22px;overflow:hidden}.group-gesture>p{max-width:190px}.group-members{scrollbar-width:none;flex-wrap:nowrap;max-height:58px;overflow-x:auto}.group-members span{white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:180px;min-height:38px;overflow:hidden}.group-actions{background:#f7f9f6;padding-top:8px;position:sticky;bottom:0}}@media (prefers-reduced-motion:reduce){.group-backdrop,.group-sheet,.shade-sheet,.shade-sheet i,.group-level{transition:none;animation:none}}.group-direct-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px;display:grid}.group-direct-actions button{border:1px solid var(--line);color:#365348;background:#edf2ee;border-radius:9px;min-height:44px;font-weight:600}.group-direct-actions button:hover{background:var(--green-soft)}.group-direct-actions button:disabled{opacity:.4;cursor:default}.groups-catalog .accented-group{background:var(--group-accent);border-color:var(--group-accent)}.groups-catalog .accented-group:before{display:none}.group-card-head{align-items:flex-start;gap:8px;padding:12px;display:flex}.groups-catalog .group-card-main{min-width:0;color:var(--group-text);background:0 0;border:0;flex:1;padding:0}.groups-catalog .group-copy{width:100%}.groups-catalog .group-copy strong{white-space:normal;overflow-wrap:anywhere;color:inherit;font-size:17px}.group-edit{color:#24543f;background:#fff;border:1px solid #fff9;border-radius:9px;flex:none;min-height:36px;padding:7px 10px;font-weight:600}.create-group-actions .delete{color:#8b3e35;background:#f9e7e3;margin-right:auto}.rules-view{animation:.3s rules-in}.rules-title{justify-content:space-between;align-items:end;gap:24px;margin:8px 0 24px;display:flex}.rules-title h2,.motor-profiles h2{letter-spacing:-.7px;margin:0;font:700 27px Manrope}.rules-title>div>p:last-child{max-width:620px;color:var(--muted);margin:7px 0 0;font-size:13px}.rules-title>button,.save-rule{background:var(--green);color:#fff;border:0;border-radius:10px;padding:11px 15px;font-weight:700}.rule-form{background:#fff;border:1px solid #dce6df;border-radius:17px;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:18px;display:grid;box-shadow:0 12px 28px #2943360a}.rule-form label{color:#607067;text-transform:uppercase;letter-spacing:.05em;gap:5px;font-size:13px;font-weight:700;display:grid;position:relative}.rule-form input,.rule-form select{width:100%;min-height:42px;color:var(--ink);background:#fbfcfb;border:1px solid #d8e0da;border-radius:9px;padding:8px;font:500 13px Inter}.rule-form label small{color:var(--muted);text-transform:none;position:absolute;bottom:13px;right:9px}.rule-safety{color:#2d5542;background:#e8f1eb;border-radius:10px;grid-column:1/5;align-items:center;gap:12px;padding:10px 12px;display:flex}.rule-safety strong{white-space:nowrap;font-size:13px}.rule-safety span{font-size:13px}.save-rule{grid-column:5;align-self:stretch}.save-rule:disabled{opacity:.45}.rule-list{gap:10px;display:grid}.rule-list article{background:#fff;border:1px solid #dfe7e1;border-radius:15px;grid-template-columns:42px 1fr 34px;align-items:center;gap:13px;padding:16px 18px;display:grid;box-shadow:0 8px 22px #263e3307}.rule-list article.safety{border-left:4px solid #39725a}.rule-icon{color:#39725a;background:#e8f0eb;border-radius:12px;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.rule-list p,.rule-list h3,.rule-list small,.rule-list footer{margin:0}.rule-list p{align-items:center;gap:8px;display:flex}.rule-list p span{color:#39725a;letter-spacing:.1em;font-size:13px;font-weight:800}.rule-list p em{color:#39725a;background:#e7f0ea;border-radius:99px;padding:3px 6px;font-size:13px;font-style:normal}.rule-list h3{margin:3px 0;font:650 15px Manrope}.rule-list small,.rule-list footer{color:var(--muted);font-size:13px;display:block}.rule-list footer{margin-top:5px}.rule-list article>i{background:#cbd5cf;border-radius:99px;width:32px;height:19px;position:relative}.rule-list article>i:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;position:absolute;top:2px;left:2px}.rule-list article>i.enabled{background:#39725a}.rule-list article>i.enabled:after{transform:translate(13px)}.motor-profiles{margin-top:32px}.motor-profiles>div{margin-bottom:12px}.motor-profiles article{background:#fff;border:1px solid #e0e7e2;border-radius:13px;grid-template-columns:1fr auto;gap:3px 20px;padding:14px 16px;display:grid}.motor-profiles article strong{font-size:13px}.motor-profiles article span{color:#39725a;font-size:13px}.motor-profiles article small{color:var(--muted);grid-column:1/-1;font-size:13px}@keyframes rules-in{0%{opacity:0;transform:translateY(6px)}}@media (width<=900px){.rule-form{grid-template-columns:repeat(2,1fr)}.rule-safety,.save-rule{grid-column:1/-1}}@media (width<=720px){.rules-title{align-items:center}.rules-title h2{font-size:23px}.rules-title>div>p:last-child{display:none}.rules-title>button{width:44px;height:44px;padding:0;font-size:0}.rules-title>button:first-letter{font-size:20px}.rule-form{grid-template-columns:1fr;padding:14px}.rule-form label,.rule-safety,.save-rule{grid-column:1}.rule-safety{flex-direction:column;align-items:start;gap:3px}.rule-list article{grid-template-columns:38px 1fr;padding:14px}.rule-list article>i{display:none}.rule-icon{width:38px;height:38px}.motor-profiles article{grid-template-columns:1fr}.motor-profiles article span{grid-column:1}}.rule-target-mode{grid-column:1/-1;gap:6px;display:flex}.rule-target-mode button{background:#fff;border:1px solid #d4ddd6;border-radius:999px;padding:7px 11px}.rule-target-mode button.active{color:#fff;background:#39725a;border-color:#39725a}.rule-device-picker{grid-column:1/-1}.rule-device-picker .device-picker{margin-bottom:4px}.motor-profiles>div>p:last-child{max-width:680px;color:var(--muted);margin:6px 0 0;font-size:13px}.motor-profiles .service-result{color:#286047;background:#e8f3ec;border-radius:10px;padding:10px 13px;font-size:13px;font-weight:700}.motor-profiles article.service-target{margin-top:10px;padding:17px;display:block}.service-target-head{justify-content:space-between;align-items:start;gap:14px;display:flex}.service-target-head span{color:inherit;gap:3px;display:grid}.service-target-head strong{font-size:14px!important}.service-target-head em{color:#39725a;text-transform:uppercase;background:#edf3ef;border-radius:99px;padding:4px 8px;font-size:13px;font-style:normal;font-weight:800}.service-target>p{color:var(--muted);margin:10px 0;font-size:13px}.service-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.service-actions button{text-align:left;color:var(--ink);cursor:pointer;background:#f9fbfa;border:1px solid #d7e2da;border-radius:10px;gap:4px;padding:12px;display:grid}.service-actions button:hover{background:#f1f7f3;border-color:#80a891}.service-actions button:disabled{opacity:.45;cursor:not-allowed}.service-actions button strong{font-size:13px}.service-actions button small{color:var(--muted);font-size:13px;line-height:1.4}.service-empty{color:var(--muted);border:1px dashed #ccd8d0;border-radius:12px;padding:14px;font-size:13px}.profile-catalog{margin-top:12px}.profile-catalog summary{cursor:pointer;color:#4b6054;font-size:13px;font-weight:700}.profile-catalog article{margin-top:8px}.service-confirm-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16251dcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.service-confirm{background:#fff;border-radius:18px;width:min(440px,100%);padding:24px;box-shadow:0 24px 80px #0006}.service-confirm h2{margin:2px 0 10px;font:700 22px Manrope}.service-confirm>p:not(.eyebrow){color:#506158;font-size:13px;line-height:1.55}.service-confirm>div{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.service-confirm button{color:var(--ink);background:#fff;border:1px solid #d5ded8;border-radius:9px;padding:10px 14px;font-weight:700}.service-confirm .service-confirm-run{color:#fff;background:#39725a;border-color:#39725a}.service-confirm button:disabled{opacity:.5}@media (width<=720px){.service-actions{grid-template-columns:1fr}.service-confirm{padding:20px}.service-confirm>div{grid-template-columns:1fr 1fr;display:grid}.profile-catalog article{grid-template-columns:1fr}}.service-target-head span small,.service-target>p,.service-actions button small{color:#53675b!important;font-size:13px!important}.service-target-head em{color:#285a42!important;background:#e5f0e9!important}.automation-tabs{gap:7px;margin:-8px 0 22px;padding:3px;display:flex;overflow-x:auto}.automation-tabs button{white-space:nowrap;color:#53645b;background:#fff;border:1px solid #d8e0da;border-radius:999px;padding:9px 13px}.automation-tabs button.active{color:#fff;background:#2f6650;border-color:#2f6650}.automation-message{color:#315b47;background:#eaf2ed;border-radius:10px;padding:11px 14px}.solar-settings{gap:14px;display:grid}.solar-settings>section,.solar-master{background:#fff;border:1px solid #dfe6e0;border-radius:15px;padding:18px}.solar-settings h3{margin:0 0 12px;font:700 17px Manrope}.solar-settings p{color:#68766e;font-size:13px}.solar-master{justify-content:space-between;align-items:center;display:flex}.solar-master small,.solar-master strong{display:block}.solar-master small{color:#69766f;margin-top:4px}.switch input{opacity:0;position:absolute}.switch span{box-sizing:border-box;background:#bcc7c0;border-radius:999px;width:46px;height:26px;padding:3px;display:block}.switch span:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;display:block}.switch input:checked+span{background:#2e7253}.switch input:checked+span:after{transform:translate(20px)}.facade-list{gap:7px;display:grid}.facade-list article{border:1px solid #e2e7e3;border-radius:11px;grid-template-columns:minmax(140px,1fr) 150px auto 145px;align-items:center;gap:9px;padding:10px;display:grid}.facade-list label{align-items:center;gap:4px;display:flex}.facade-list input{box-sizing:border-box;border:1px solid #d6ded8;border-radius:8px;width:100%;min-width:0;padding:8px}.facade-list article>div{gap:3px;display:flex}.facade-list button{background:#fff;border:1px solid #d7dfd9;border-radius:7px;width:30px;height:30px}.solar-settings footer{justify-content:flex-end;gap:8px;display:flex}.solar-settings footer button{background:#fff;border:1px solid #cfd9d2;border-radius:10px;padding:10px 14px}.solar-preview{color:#5b491c;background:#fff6d8;border-radius:12px;gap:4px;padding:14px;display:grid}.solar-preview small,.solar-preview span{display:block}.automation-empty{text-align:center;color:#617067;border:1px dashed #c8d2cb;border-radius:13px;padding:28px}.weekday-picker{grid-column:1/-1}.rule-card-actions{justify-items:end;gap:6px;margin-left:auto;display:grid}.rule-toggle{background:#c5cec8;border:0;border-radius:999px;width:44px;height:25px;padding:3px}.rule-toggle i{background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;display:block}.rule-toggle.enabled{background:#3a7c5c}.rule-toggle.enabled i{transform:translate(19px)}.rule-delete{color:#9a5147;background:0 0;border:0;font-size:13px}.check-field{align-items:center;gap:8px!important;display:flex!important}@media (width<=720px){.rules-title{align-items:start}.automation-tabs{margin-left:-12px;margin-right:-12px;padding-left:12px}.facade-list article{grid-template-columns:1fr 115px}.facade-list article>div,.facade-list article>label:last-child{grid-row:2}.solar-settings>section,.solar-master{padding:14px}.solar-master{gap:14px}.rule-list article{grid-template-columns:auto 1fr auto}}.rule-sun-intro{color:#5c4a13;background:#fff7d7;border:1px solid #ecd57c;border-radius:12px;gap:4px;padding:13px 15px;display:grid}.rule-sun-intro span{font-size:13px}.sun-duration-form{margin-bottom:18px}.home-dashboard,.groups-view{margin-top:28px}.house-status{color:#f4faf6;background:linear-gradient(125deg,#204c3b,#337157);border-radius:22px;justify-content:space-between;align-items:center;gap:28px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #24483822}.house-status:after{content:"";border:1px solid #ffffff20;border-radius:50%;width:240px;height:240px;position:absolute;top:-120px;right:-70px;box-shadow:0 0 0 34px #ffffff08,0 0 0 68px #ffffff05}.house-status.warning{background:linear-gradient(125deg,#714b20,#a46c2c)}.house-status h2{margin:0;font:700 28px Manrope}.house-status p{color:#cce0d5;margin:7px 0 0;font-size:13px}.weather-now{z-index:1;gap:10px;display:flex;position:relative}.weather-now span{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff10;border:1px solid #ffffff1f;border-radius:14px;min-width:92px;padding:13px 15px}.weather-now strong,.weather-now small{display:block}.weather-now strong{font:700 20px Manrope}.weather-now small{color:#c9ddd2;margin-top:2px;font-size:13px}.home-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 34px;display:grid}.home-stats article{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:12px;padding:15px 17px;display:flex}.home-stats article>span{width:36px;height:36px;color:var(--green);background:#e8f0eb;border-radius:11px;place-items:center;display:grid}.home-stats strong,.home-stats small{display:block}.home-stats strong{font:700 18px Manrope}.home-stats small{color:var(--muted);font-size:13px}.dashboard-section{margin-top:31px}.dashboard-heading{justify-content:space-between;align-items:end;margin-bottom:13px;display:flex}.dashboard-heading h2,.groups-intro h2{letter-spacing:-.5px;margin:0;font:700 23px Manrope}.dashboard-heading button{color:var(--green);background:0 0;border:0;font-size:13px;font-weight:600}.dashboard-heading button span{padding-left:5px}.favorite-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.favorite-groups>button,.room-overview>button{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;background:#fff;border-radius:15px;align-items:center;gap:13px;padding:14px;display:flex}.favorite-groups>button:hover,.room-overview>button:hover{border-color:#a9c2b4;box-shadow:0 9px 24px #294b3b0d}.favorite-groups button>span:nth-child(2),.room-overview button>span:nth-child(2){min-width:0}.favorite-groups strong,.favorite-groups small,.room-overview strong,.room-overview small{display:block}.favorite-groups small,.room-overview small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.favorite-groups b,.room-overview b{color:#799386;margin-left:auto}.group-orbit{background:linear-gradient(#b8d7de 0 48%,#869d78 49%);border-radius:50%;flex:none;width:42px;height:42px;position:relative;overflow:hidden}.group-orbit i{height:var(--group-level);background:repeating-linear-gradient(#d9dbd3 0 3px,#959c94 3px 5px);max-height:32px;position:absolute;top:5px;left:5px;right:5px;box-shadow:0 3px 7px #1e342a45}.room-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.room-icon{color:#62806f;background:#f0f3ef;border-radius:11px;flex:none;place-items:center;width:37px;height:37px;display:grid}.groups-intro{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.groups-intro p:not(.eyebrow){color:var(--muted);margin:6px 0 0;font-size:13px}.groups-intro>span{width:74px;height:64px;color:var(--green);background:#dfeae3;border-radius:16px;place-items:center;display:grid}.groups-intro>span strong,.groups-intro>span small{display:block}.groups-intro>span strong{font:700 23px Manrope}.groups-intro>span small{font-size:13px}.groups-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.groups-catalog article{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden}.group-card-main{width:100%;color:var(--ink);text-align:left;background:#fff;border:0;align-items:center;gap:12px;padding:16px;display:flex}.group-visual{background:linear-gradient(#aed0db 0 52%,#809876 53%);border:4px solid #e2e3dd;border-radius:8px;flex:0 0 43px;align-self:stretch;min-height:66px;position:relative;overflow:hidden}.group-visual i{background:repeating-linear-gradient(#d5d7cf 0 4px,#8e958d 4px 6px);position:absolute;top:0;left:0;right:0}.group-copy{min-width:0}.group-copy small{color:#77857d;letter-spacing:.09em;font-size:13px;font-weight:700}.group-copy strong,.group-copy em{display:block}.group-copy strong{margin:4px 0;font:650 14px Manrope}.group-copy em{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-style:normal;overflow:hidden}.group-card-main>b{margin-left:auto;font:700 17px Manrope}.group-card-main>b small{font-size:13px}.group-card-control{color:#365a49;background:#f8faf8;border:0;border-top:1px solid #edf1ee;width:100%;padding:10px 14px;font-size:13px;font-weight:600}.group-card-control span{float:right}.group-card-control:disabled{opacity:.35}@media (width<=1000px){.groups-catalog,.room-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.home-dashboard,.groups-view{margin-top:18px}.house-status{border-radius:18px;padding:20px;display:block}.house-status h2{font-size:22px}.house-status p{max-width:270px;line-height:1.5}.weather-now{gap:6px;margin-top:17px}.weather-now span{flex:1;min-width:0;padding:10px}.weather-now strong{font-size:16px}.home-stats{grid-template-columns:repeat(2,1fr);gap:7px;margin:8px 0 26px}.home-stats article{gap:9px;padding:11px}.home-stats article>span{width:31px;height:31px}.home-stats strong{font-size:15px}.favorite-groups{grid-template-columns:1fr}.room-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.room-overview>button{padding:10px}.dashboard-heading h2,.groups-intro h2{font-size:20px}.groups-intro{align-items:center}.groups-intro>span{width:57px;height:53px}.groups-intro p:not(.eyebrow){max-width:245px;line-height:1.45}.groups-catalog{grid-template-columns:1fr;gap:9px}.group-card-main{padding:12px}.group-visual{min-height:54px}.group-card-control{padding:9px 12px}}.individual-shades{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.individual-shades>button{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.individual-shades button>span:nth-child(2){min-width:0}.individual-shades strong,.individual-shades small{display:block}.individual-shades strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.individual-shades small{color:var(--muted);margin-top:3px;font-size:13px}.individual-shades b{color:#799386;margin-left:auto}.mini-shade{background:linear-gradient(#b2d3dd 0 55%,#7e9874 56%);border:4px solid #e1e3dc;border-radius:6px;flex:0 0 38px;height:45px;position:relative;overflow:hidden}.mini-shade i{background:repeating-linear-gradient(#dedfd7 0 3px,#929991 3px 5px);position:absolute;top:0;left:0;right:0}.mini-shade.roller i{background:repeating-linear-gradient(#b8bbb4 0 5px,#e2e0d7 5px 6px)}@media (width<=720px){.individual-shades{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.individual-shades>button{gap:8px;padding:9px}.mini-shade{flex-basis:31px;height:39px}.individual-shades strong,.individual-shades small{font-size:13px}}.house-status{border:1px solid var(--line);color:var(--ink);background:#fff;box-shadow:0 12px 30px #243e3209}.house-status:after{display:none}.house-status .eyebrow{color:#66756d}.house-status p{color:var(--muted)}.weather-now span{background:#f5f7f4;border:1px solid #e1e8e3}.weather-now small{color:var(--muted)}.groups-tools{align-items:center;gap:10px;display:flex}.groups-tools>span{width:74px;height:64px;color:var(--green);background:#dfeae3;border-radius:16px;place-items:center;display:grid}.groups-tools>span strong,.groups-tools>span small{display:block}.groups-tools>span strong{font:700 23px Manrope}.groups-tools>span small{font-size:13px}.groups-tools>button{background:var(--green);color:#fff;border:0;border-radius:11px;padding:11px 14px;font-size:13px;font-weight:700}.create-group-backdrop{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#13241d73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.create-group-dialog{background:#fff;border-radius:21px;width:min(620px,100%);max-height:min(760px,100vh - 40px);padding:22px;overflow:auto;box-shadow:0 30px 90px #10271d42}.create-group-head{justify-content:space-between;align-items:start;display:flex}.create-group-head h3{margin:0;font:700 20px Manrope}.create-group-head>button{color:var(--muted);background:0 0;border:0;font-size:25px}.group-name{color:var(--muted);margin-top:21px;font-size:13px;font-weight:700;display:block}.group-name input{width:100%;color:var(--ink);background:#fbfcfb;border:1px solid #d8e1da;border-radius:10px;margin-top:6px;padding:12px;display:block}.create-group-dialog fieldset{border:0;margin:20px 0 0;padding:0}.create-group-dialog legend{width:100%;color:var(--ink);font-size:13px;font-weight:700}.create-group-dialog legend small{float:right;color:var(--muted);font-weight:400}.group-device-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px;display:grid}.group-device-picker label{background:#fbfcfb;border:1px solid #e1e7e2;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:10px;display:flex}.group-device-picker input{width:17px;height:17px;accent-color:var(--green)}.group-device-picker span{min-width:0}.group-device-picker strong,.group-device-picker small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.group-device-picker strong{font-size:13px}.group-device-picker small{color:var(--muted);margin-top:2px;font-size:13px}.create-group-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.create-group-actions button{color:var(--green);background:#edf2ee;border:0;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:700}.create-group-actions button[type=submit]{background:var(--green);color:#fff}.create-group-actions button:disabled{opacity:.4}@media (width<=720px){.groups-tools{justify-items:end;display:grid}.groups-tools>span{display:none}.groups-tools>button{padding:10px 11px}.create-group-backdrop{align-items:end;padding:0}.create-group-dialog{max-height:88vh;padding:18px 14px calc(18px + env(safe-area-inset-bottom));border-radius:21px 21px 0 0}.group-device-picker{grid-template-columns:1fr}.create-group-actions{background:#fff;padding-top:10px;position:sticky;bottom:0}.create-group-actions button{flex:1}}.create-group-backdrop{background:#13241d99}.create-group-actions button[type=submit]:disabled{color:#77827b;opacity:1;cursor:not-allowed;background:#cfd7d2}.group-device-picker input{align-self:center}.group-card-actions{border-top:1px solid #edf1ee;grid-template-columns:1.4fr 1fr 1fr;display:grid}.group-card-actions button{color:#365a49;background:#f8faf8;border:0;border-right:1px solid #edf1ee;padding:10px 8px;font-size:13px;font-weight:600}.group-card-actions button:last-child{border-right:0}.group-card-actions button.delete{color:#985047}.group-card-actions button:disabled{opacity:.35}.delete-group-dialog{text-align:center;background:#fff;border-radius:21px;width:min(430px,100%);padding:26px;box-shadow:0 30px 90px #10271d42}.delete-group-dialog h3{margin:3px 0 8px;font:700 22px Manrope}.delete-group-dialog>p:not(.eyebrow):not(.dialog-error){color:var(--muted);margin:0;font-size:13px;line-height:1.55}.delete-symbol{color:#9a493f;background:#f5e5e2;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 14px;font-size:25px;display:grid}.create-group-actions button.danger{color:#fff;background:#9b493f}.dialog-error{color:#8b3e35;background:#f9e7e3;border-radius:9px;margin:13px 0 0;padding:9px 11px;font-size:13px;line-height:1.4}@media (width<=720px){.delete-group-dialog{padding:24px 18px calc(18px + env(safe-area-inset-bottom));border-radius:21px 21px 0 0;align-self:end}.group-card-actions button{min-height:38px}}.spaces-view{margin-top:28px}.spaces-intro{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.spaces-intro h2{margin:0;font:700 25px Manrope}.spaces-intro p:not(.eyebrow){max-width:560px;color:var(--muted);margin:6px 0 0;font-size:13px}.spaces-intro>span{width:74px;height:64px;color:var(--green);background:#e4ece7;border-radius:16px;place-items:center;display:grid}.spaces-intro>span strong,.spaces-intro>span small{display:block}.spaces-intro>span strong{font:700 23px Manrope}.spaces-intro>span small{font-size:13px}.floor-section{margin-top:25px}.floor-heading{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.floor-heading h3{margin:0;font:700 17px Manrope}.floor-heading span{color:var(--muted);font-size:13px}.spaces-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.spaces-grid>button{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:15px;display:flex}.spaces-grid>button:hover{border-color:#a9c2b4;box-shadow:0 9px 24px #294b3b0d}.space-window{background:linear-gradient(#b1d1dc 0 56%,#809876 57%);border:5px solid #e1e3dc;border-radius:8px;flex:0 0 47px;height:58px;position:relative;overflow:hidden}.space-window i{background:repeating-linear-gradient(#d9dbd3 0 4px,#949b93 4px 6px);position:absolute;inset:0 0 auto}.space-copy{min-width:0}.space-copy small,.space-copy strong,.space-copy em{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.space-copy small{color:#76847c;letter-spacing:.08em;font-size:13px;font-weight:700}.space-copy strong{margin:4px 0;font:650 14px Manrope}.space-copy em{color:var(--muted);font-size:13px;font-style:normal}.spaces-grid b{color:#799386;margin-left:auto}@media (width<=1000px){.spaces-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.spaces-view{margin-top:18px}.spaces-intro{align-items:center;margin-bottom:20px}.spaces-intro h2{font-size:22px}.spaces-intro p:not(.eyebrow){max-width:260px;line-height:1.45}.spaces-intro>span{display:none}.spaces-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.space-card-main{gap:8px;padding:10px}.space-window{border-width:4px;flex-basis:34px;height:45px}.space-copy strong,.space-copy em{font-size:13px}.floor-section{margin-top:21px}.floor-picker{flex-direction:column;align-items:stretch;gap:5px}.floor-picker select{width:100%;min-width:0}}.spaces-grid>button:disabled{cursor:default;opacity:.68}.spaces-grid>button:disabled:hover{border-color:var(--line);box-shadow:none}@media (width<=720px){.space-copy em{font-size:13px}}.spaces-tools{align-items:center;gap:10px;display:flex}.spaces-tools>span{width:74px;height:64px;color:var(--green);background:#e4ece7;border-radius:16px;place-items:center;display:grid}.spaces-tools>span strong,.spaces-tools>span small{display:block}.spaces-tools>span strong{font:700 23px Manrope}.spaces-tools>span small{font-size:13px}.spaces-tools>button{background:var(--green);color:#fff;border:0;border-radius:11px;padding:11px 14px;font-size:13px;font-weight:700}.space-card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.space-card-main{width:100%;min-width:0;color:var(--ink);text-align:left;background:#fff;border:0;align-items:center;gap:12px;padding:15px;display:flex}.space-card-main:hover{background:#fbfcfb}.space-card-main:disabled{cursor:default;opacity:.68}.floor-picker{color:var(--muted);background:#f7f9f7;border-top:1px solid #e4eae5;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:13px;font-weight:700;display:flex}.floor-picker select{min-width:110px;color:var(--ink);background:#fff;border:1px solid #d5dfd8;border-radius:8px;padding:7px 9px;font-size:13px}.spaces-view.editing .space-card-main{opacity:1}.spaces-view.editing .space-window{opacity:.65}@media (width<=720px){.spaces-tools>span{display:none}.spaces-tools>button{padding:10px}.space-card-main{gap:8px;padding:10px}.floor-picker select{min-width:130px}}.accented-group{position:relative;overflow:hidden}.accented-group:before{content:"";z-index:3;background:var(--group-accent);height:5px;position:absolute;inset:0 0 auto}.accented-group .group-visual{background:linear-gradient(145deg,color-mix(in srgb,var(--group-accent) 13%,#fff),#edf2ee)}.group-accent-picker{grid-column:1/-1}.group-accent-picker>div{align-items:center;gap:9px;margin:8px 0;display:flex}.group-accent-picker button,.group-accent-picker label{box-sizing:border-box;cursor:pointer;border:3px solid #fff;border-radius:50%;width:32px;height:32px;box-shadow:0 0 0 1px #cfd8d2}.group-accent-picker button.active{box-shadow:0 0 0 3px #243d31}.group-accent-picker input{border:0;border-radius:50%;width:100%;height:100%;padding:0;overflow:hidden}.group-accent-picker small{color:#66736b}.overview-device{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;overflow:hidden}.overview-device-main{width:100%;min-width:0;color:var(--ink);text-align:left;background:#fff;border:0;align-items:center;gap:12px;padding:12px;display:flex}.overview-device-main>span:nth-child(2){flex:1;min-width:0}.overview-device-settings{border:0;border-top:1px solid var(--line);width:100%;min-height:40px;color:var(--green);text-align:right;background:#f7faf7;padding:9px 12px}.mini-shade.screen i{background:linear-gradient(90deg,#acb0a8,#dedfd7,#acb0a8)}.device-placement-dialog{box-sizing:border-box;border:1px solid var(--line);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:#fff;border-radius:18px;padding:24px;overflow:auto;box-shadow:0 20px 80px #122a3540}.device-placement-dialog::backdrop{background:#122a3570}.device-placement-dialog header,.device-placement-dialog footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.device-placement-dialog h2{margin:0;font-size:20px}.device-placement-dialog p{color:var(--muted);font-size:14px;line-height:1.5}.device-placement-dialog fieldset{border:0;gap:16px;margin:20px 0;padding:0;display:grid}.device-placement-dialog label{gap:7px;font-size:14px;font-weight:600;display:grid}.device-placement-dialog input,.device-placement-dialog select{box-sizing:border-box;border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:9px;padding:10px}.device-placement-dialog button{border:1px solid var(--line);border-radius:9px;min-height:40px;padding:9px 14px}.device-placement-dialog [role=alert]{color:#a52b24}.device-placement-dialog button:disabled{opacity:.55}.device-placement-dialog footer{margin-top:20px}@media (width<=720px){.overview-device-main{gap:8px;padding:9px}.device-placement-dialog{padding:18px}}.overview-light-scene{border-radius:8px;flex:0 0 76px;width:76px;height:67px;display:block;overflow:hidden}.overview-light-scene .light-room-scene{flex:none;width:100%;height:100%;min-height:0;display:block}@media (width<=720px){.overview-light-scene{flex-basis:64px;width:64px;height:56px}}.settings-entry{align-items:center;gap:16px;display:flex}.settings-entry-icon{background:var(--green-soft);height:48px;color:var(--green);border-radius:14px;flex:0 0 48px;place-items:center;font-size:22px;display:grid}.settings-entry>span:nth-child(2){flex:1}.settings-entry p{color:var(--muted);margin:5px 0 0;font-size:13px}.settings-entry button{white-space:nowrap}.settings-entry button b{margin-left:8px}.shade-settings-view{max-width:1120px;margin-top:26px}.settings-page-head{align-items:flex-start;gap:22px;margin-bottom:22px;display:flex}.settings-page-head h2{margin:0;font:700 27px Manrope}.settings-page-head p:last-child{color:var(--muted);margin:5px 0 0;font-size:13px}.back-link{color:var(--green);background:0 0;border:0;padding:5px 0;font-weight:650}.shade-settings-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:16px;display:grid}.shade-settings-list,.shade-settings-form{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 12px 30px #243e3208}.shade-settings-list{gap:3px;padding:7px;display:grid}.shade-settings-list button{text-align:left;color:var(--ink);background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.shade-settings-list button:hover,.shade-settings-list button.active{background:#edf4ef}.shade-settings-list button>i{border:1px solid #0002;border-radius:8px;flex:none;width:25px;height:25px;box-shadow:inset 0 0 0 2px #fff5}.shade-settings-list button span{flex:1;min-width:0}.shade-settings-list strong,.shade-settings-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.shade-settings-list strong{font-size:13px}.shade-settings-list small{color:var(--muted);margin-top:2px;font-size:13px}.shade-settings-list b{color:#829189}.shade-settings-form{overflow:hidden}.shade-settings-form fieldset{border:0;margin:0;padding:0}.shade-settings-form section{border-bottom:1px solid #edf1ee;padding:21px 23px}.shade-settings-form h3{margin:0 0 14px;font:650 16px Manrope}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.shade-settings-form label{color:#53645b;font-size:13px}.shade-settings-form input:not([type=checkbox]):not([type=radio]):not([type=color]),.shade-settings-form select{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;background:#fbfcfb;border:1px solid #d8e1db;border-radius:10px;margin-top:5px;padding:10px;display:block}.device-origin{color:#728078;margin:9px 0 0;font-size:13px}.color-presets{flex-wrap:wrap;gap:8px;display:flex}.color-presets>button,.custom-color{box-sizing:border-box;background:#fff;border:1px solid #d9e0db;border-radius:11px;width:36px;height:36px;padding:4px}.color-presets>button.active{border:2px solid var(--green);padding:3px;box-shadow:0 0 0 2px #d9e9e0}.color-presets>button i{border:1px solid #0001;border-radius:7px;width:100%;height:100%;display:block}.custom-color{cursor:pointer;place-items:center;display:grid;position:relative;overflow:hidden}.custom-color input{cursor:pointer;border:0;width:52px;height:52px;padding:0;position:absolute;inset:-8px}.custom-color span{pointer-events:none;color:#31483c;background:#ffffffe8;border-radius:4px;padding:2px;font-size:13px;font-weight:700;position:relative}.hex-color{max-width:190px;margin-top:12px;display:block}.mode-choice{border:1px solid #e2e8e4;border-radius:11px;align-items:flex-start;gap:9px;margin:9px 0;padding:11px;display:flex}.mode-choice input{margin-top:2px}.mode-choice strong,.mode-choice small{display:block}.mode-choice strong{color:var(--ink)}.mode-choice small{margin-top:3px}.form-grid.times{margin-top:11px}.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.signal-grid label{border:1px solid #e2e8e4;border-radius:11px;align-items:center;gap:10px;padding:11px 12px;display:flex}.signal-grid label span{flex:1}.signal-grid strong,.signal-grid small{display:block}.signal-grid strong{color:var(--ink)}.signal-grid small{margin-top:3px;line-height:1.35}.setting-row.compact{margin-top:14px;padding:11px 0 0}.shade-settings-save{background:#f7faf8;border-top:1px solid #e5ebe7;justify-content:flex-end;align-items:center;gap:14px;padding:15px 23px;display:flex;position:sticky;bottom:0}.shade-settings-save span{color:#38604d;flex:1;font-size:13px}.shade-settings-save button{width:auto;margin:0}.settings-entry-button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border:0}.settings-entry-button>b{color:var(--muted);margin-left:auto;font-size:22px}.settings-entry-button:hover{border-color:#c8d9cf;box-shadow:0 14px 34px #243e3212}.live-log-card{display:block}.live-log-toggle{background:0 0;border:0;padding:0}.live-log-toggle>span:nth-child(2){text-align:left}.live-log-panel{flex:0 0 100%;min-width:0}.live-log-panel pre{box-sizing:border-box;color:#dce9e1;white-space:pre;background:#17211c;border:1px solid #d8e1db;border-radius:12px;max-height:330px;margin:4px 0 0;padding:13px;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.live-log-panel .form-message{margin:0 0 8px}.signal-grid input[type=checkbox],.setting-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}@media (width<=720px){.settings-entry{flex-wrap:wrap;align-items:flex-start}.settings-entry>span:nth-child(2){width:calc(100% - 66px)}.settings-entry button{margin-left:64px}.shade-settings-view{margin-top:17px}.settings-page-head{display:block}.settings-page-head .back-link{margin-bottom:13px}.shade-settings-layout{display:block}.shade-settings-list{box-shadow:none;scrollbar-width:none;border-width:1px 0;border-radius:0;margin:0 -12px 12px;padding:7px 12px;display:flex;overflow-x:auto}.shade-settings-list button{flex:0 0 178px}.shade-settings-form{border-radius:16px}.shade-settings-form section{padding:18px 14px}.form-grid,.form-grid.triple,.signal-grid{grid-template-columns:1fr}.form-grid.times{grid-template-columns:repeat(2,minmax(0,1fr))}.shade-settings-save{padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.shade-settings-save button{white-space:nowrap}.shade-settings-list button{flex-basis:190px}.shade-settings-save{padding:12px 14px;bottom:76px}}.quick-add-shade>header{justify-content:space-between;align-items:center;display:flex}.quick-add-shade h4{margin:16px 0 8px}.discovered-shades>p{color:var(--muted);margin:0 0 12px;font-size:13px}.discovered-shade{background:#f7faf8;border:1px solid #dce7e0;border-radius:13px;grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:10px;margin:8px 0;padding:12px;display:grid}.discovered-shade>strong,.discovered-shade>small{grid-column:1/-1}.discovered-shade>small{color:var(--muted);margin-top:-7px}.manual-shade{border-top:1px solid var(--line);grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:10px;padding-top:14px;display:grid}.manual-shade h4{grid-column:1/-1}.quick-add-shade label{color:#53645b;font-size:13px}.quick-add-shade input,.quick-add-shade select{box-sizing:border-box;width:100%;color:var(--ink);background:#fbfcfb;border:1px solid #d8e1db;border-radius:10px;margin-top:5px;padding:10px;display:block}@media (width<=720px){.discovered-shade,.manual-shade{grid-template-columns:1fr}.discovered-shade>strong,.discovered-shade>small,.manual-shade h4{grid-column:auto}}.room-manager-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#12241c99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.room-manager,.quick-add-shade,.delete-shade-dialog{box-sizing:border-box;background:#fff;border-radius:22px;width:min(620px,100%);max-height:calc(100vh - 40px);padding:22px;overflow:auto;box-shadow:0 35px 90px #07150e66}.room-manager>header,.quick-add-shade>header{justify-content:space-between;align-items:start;display:flex}.room-manager h2,.quick-add-shade h3,.delete-shade-dialog h3{margin:0;font:700 23px Manrope}.new-room{background:#f0f5f1;border-radius:14px;grid-template-columns:1.3fr 1fr auto;align-items:end;gap:10px;margin:20px 0;padding:15px;display:grid}.room-manager label,.quick-add-shade label{color:var(--muted);font-size:13px}.room-manager input,.room-manager select,.quick-add-shade input,.quick-add-shade select{box-sizing:border-box;background:#fff;border:1px solid #d8e1db;border-radius:9px;width:100%;margin-top:5px;padding:9px;display:block}.new-room .primary-action{white-space:nowrap;width:auto;margin:0}.room-manager-list{gap:6px;display:grid}.room-manager-list>article{border:1px solid #e2e8e4;border-radius:11px;align-items:center;gap:12px;padding:11px 12px;display:flex}.room-manager-list>article>span:first-child{flex:1}.room-manager-list strong,.room-manager-list small{display:block}.room-manager-list small{color:var(--muted);font-size:13px}.room-row-actions,.room-delete-confirm{align-items:center;gap:6px;display:flex}.room-row-actions button,.room-delete-confirm button,.room-edit button,.danger-link{color:#315b49;background:#edf3ef;border:0;border-radius:8px;padding:7px 9px;font-size:13px}.danger,.danger-link,.danger-action{color:#983f38!important;background:#f8eae8!important}.room-edit{border:1px solid #bed2c5;border-radius:11px;grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;padding:11px;display:grid}.room-edit>div{gap:5px;display:flex}.room-edit .primary-action{width:auto;margin:0}.room-manager-note{color:var(--muted);margin:14px 0 0;font-size:13px}.quick-add-shade{width:min(430px,100%)}.quick-add-shade label{margin:13px 0;display:block}.quick-add-shade .primary-action{margin-top:18px}.delete-shade-dialog{width:min(420px,100%)}.delete-shade-dialog p{color:var(--muted);font-size:13px}.delete-shade-dialog>div{justify-content:flex-end;gap:8px;display:flex}.delete-shade-dialog button{border:0;border-radius:9px;padding:10px 14px}.settings-page-head .add-shade{white-space:nowrap;width:auto;margin:0 0 0 auto}.manage-rooms-inline{color:var(--green);background:#f0f5f1;border:1px solid #d8e1db;border-radius:10px;align-self:end;padding:10px;font-size:13px}.shade-settings-save .danger-link{margin-right:auto}.spaces-tools .primary-action{background:var(--green);color:#fff;width:auto;margin:0}@media (width<=720px){.room-manager-backdrop{align-items:end;padding:0}.room-manager,.quick-add-shade,.delete-shade-dialog{max-height:90vh;padding:17px 14px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.new-room{grid-template-columns:1fr 1fr;padding:12px}.new-room label:first-child,.new-room .primary-action{grid-column:1/-1}.room-edit{grid-template-columns:1fr 1fr}.room-edit>div{grid-column:1/-1;justify-content:flex-end}.room-manager-list>article{align-items:flex-start}.room-delete-confirm{flex-wrap:wrap;justify-content:flex-end}.room-delete-confirm small{text-align:right;width:100%}.settings-page-head .add-shade{margin:14px 0 0}.spaces-tools{flex-wrap:wrap}.shade-settings-save .danger-link{padding:7px}}.room-manager-backdrop{overscroll-behavior:contain;background:#0b1711d9}.room-row-actions button,.room-delete-confirm button{min-width:52px;min-height:36px}.room-row-actions .danger{background:0 0!important;border:1px solid #ebc9c5!important}@media (width<=720px){.room-manager{height:92vh;max-height:92vh}.room-row-actions button,.room-delete-confirm button{min-height:40px}}.space-card-settings{border:0;border-top:1px solid var(--line);width:100%;min-height:40px;color:var(--green);text-align:right;background:#f7faf7;padding:9px 12px;display:block}.room-floor-help{border:1px solid var(--line);color:var(--muted);background:#f4f8f5;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}.room-floor-help button{color:var(--green);font:inherit;background:0 0;border:0;text-decoration:underline}.floor-management{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.floor-management h3{margin:0 0 12px;font-size:18px}.new-floor{grid-template-columns:1fr auto}.floor-rename{border:1px solid var(--line);min-height:36px;color:var(--green);background:#f7faf7;border-radius:8px;padding:8px}@media (width<=720px){.new-floor{grid-template-columns:1fr}.new-floor label{grid-column:1/-1}.space-card-settings{min-height:44px}}.control-home{gap:20px;display:grid}.home-context{color:#475148;background:#fff;border:1px solid #dfe5df;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.home-context>div{align-items:center;gap:8px;display:flex}.home-context strong{color:#17251e}.home-context small{color:#69736b}.status-dot{background:#39a46d;border-radius:50%;width:7px;height:7px}.context-sensors{font-size:13px;gap:18px!important}.safety-alert{color:#624813;background:#fff4dc;border:1px solid #efc86c;border-radius:14px;align-items:center;gap:14px;padding:15px 18px;display:flex}.safety-alert.critical{color:#7a241b;background:#fff0ed;border-color:#ef7968}.safety-alert>span{font-size:24px}.safety-alert p{margin:3px 0 0}.control-heading{justify-content:space-between;align-items:end;display:flex}.control-heading h2{margin:2px 0 0;font-size:26px}.control-heading button,.empty-home button{color:#24543f;background:#fff;border:1px solid #cbd8cf;border-radius:10px;padding:9px 12px;font-weight:700}.home-group-card{flex-direction:column;display:flex}.shade-card-head{justify-content:space-between;align-items:start;display:flex}.shade-card-head h3{margin:3px 0}.group-detail{letter-spacing:2px;color:#6c776f;background:0 0;border:0;font-size:18px}.group-visual{background:linear-gradient(145deg,#f4f7f4,#e7eee9);border:0;border-radius:15px;flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-start;min-height:220px;margin:12px 0;padding:18px;display:flex;position:relative;overflow:hidden}.group-window{background:#bfd1c4;border:6px solid #fff;width:92px;height:126px;position:absolute;top:22px;right:34px;overflow:hidden;box-shadow:0 8px 22px #46665322}.group-window.back{opacity:.7;transform:translate(-24px,-9px)}.group-window i{background:repeating-linear-gradient(#426953 0 4px,#688873 4px 8px);width:100%;display:block}.group-visual strong{z-index:2;font-size:20px}.group-visual small{z-index:2;margin-top:3px}.group-quick-controls{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.group-quick-controls button{color:#254a39;background:#fff;border:1px solid #d8dfda;border-radius:10px;place-items:center;gap:2px;padding:8px;display:grid}.group-quick-controls small{font-size:13px}.empty-home{text-align:center;border:1px dashed #bac8be;border-radius:16px;padding:50px 20px}.layout-backdrop{z-index:30;background:#18231d99;justify-content:flex-end;display:flex;position:fixed;inset:0}.layout-editor{background:#f7f9f7;width:min(620px,100%);height:100%;padding:24px;overflow:auto;box-shadow:-20px 0 50px #0002}.layout-editor>header{justify-content:space-between;display:flex}.layout-editor>header h2{margin:3px 0}.layout-editor>header button{background:0 0;border:0;font-size:30px}.layout-help{color:#667169}.layout-order{gap:7px;margin:18px 0;display:grid}.layout-order>div{background:#fff;border:1px solid #e0e5e1;border-radius:10px;grid-template-columns:auto 1fr repeat(3,34px);align-items:center;gap:7px;padding:9px;display:grid}.layout-order small{color:#788079;display:block}.layout-order button{background:#fff;border:1px solid #d9dfda;border-radius:7px;height:32px}.drag-handle{cursor:grab;color:#7c877f;touch-action:none;-webkit-user-select:none;user-select:none;font-size:20px}.drag-handle:active{cursor:grabbing}.layout-add{background:#fff;border:1px solid #dce3dd;border-radius:12px;margin:10px 0}.layout-add summary{cursor:pointer;padding:14px;font-weight:700}.layout-add>.device-picker,.layout-group-list{border-top:1px solid #e4e8e5;padding:14px}.layout-group-list{grid-template-columns:1fr 1fr;gap:7px;display:grid}.layout-group-list label{border:1px solid #e2e6e3;border-radius:9px;align-items:center;gap:9px;padding:9px;display:flex}.layout-group-list small{display:block}.layout-editor footer{background:#f7f9f7;justify-content:flex-end;gap:8px;margin-top:16px;padding:16px 0 24px;display:flex;position:sticky;bottom:-24px}.layout-editor footer button{border-radius:10px;padding:11px 18px;font-weight:700}.layout-editor footer .secondary{background:#fff;border:1px solid #cfd7d1}.layout-editor footer .primary{color:#fff;background:#275d45;border:1px solid #275d45}@media (width<=720px){.home-context{align-items:flex-start}.context-sensors{grid-template-columns:1fr 1fr;display:grid!important}.context-sensors span:last-child{grid-column:1/-1}.layout-editor{padding:18px}.layout-group-list{grid-template-columns:1fr}.group-visual{min-height:190px}}.home-group-card.accented-group{border-top-color:var(--group-accent)}.home-group-card.accented-group .eyebrow{color:color-mix(in srgb,var(--group-accent) 75%,#253d31)}.home-group-card.accented-group .group-window i{background:repeating-linear-gradient(var(--group-accent) 0 4px,color-mix(in srgb,var(--group-accent) 68%,#fff) 4px 8px)}.home-automation-status{text-align:left;color:#31483b;background:#fff;border:1px solid #dde5df;border-radius:11px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:9px;width:100%;padding:9px 13px;display:grid}.home-automation-status>span{background:#fff1b9;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.home-automation-status small{color:#5f6d65}.home-automation-status b{font-size:18px}.position-library{border-top:1px solid var(--line,#e5e7eb);margin-top:14px;padding-top:10px}.position-library summary{cursor:pointer;color:var(--ink,#172033);justify-content:space-between;font-weight:700;list-style:none;display:flex}.position-library summary::-webkit-details-marker{display:none}.position-library-body{gap:9px;padding-top:10px;display:grid}.preset-list{gap:6px;display:grid}.preset-list>div{grid-template-columns:1fr 34px;gap:5px;display:grid}.preset-list button,.save-current-position,.recent-positions button{text-align:left;color:inherit;background:#f2f5f9;border:0;border-radius:10px;padding:9px 11px}.preset-list button:first-child{justify-content:space-between;align-items:center;display:flex}.preset-list small,.recent-positions small{color:#667085}.save-current-position{color:#075985;background:#eaf6ff;font-weight:700}.recent-positions{gap:5px;display:grid}.recent-positions p{text-transform:uppercase;letter-spacing:.08em;color:#667085;margin:4px 0 0;font-size:13px}.recent-positions button{justify-content:space-between;display:flex}.scene-strip{margin:16px 0 22px}.scene-strip>header{justify-content:space-between;align-items:end;gap:12px;display:flex}.scene-strip>header>div:last-child{gap:8px;display:flex}.scene-strip button{border:0;border-radius:12px;padding:10px 13px}.scene-strip .primary{color:#fff;background:#0b74de}.scene-list{gap:10px;padding:12px 2px;display:flex;overflow:auto}.scene-chip{flex:none;position:relative}.scene-chip>button:first-child{text-align:left;background:#fff;grid-template-columns:26px 1fr;gap:1px 7px;min-width:135px;display:grid;box-shadow:0 5px 20px #17365d16}.scene-chip>button span{color:#0b74de;grid-row:1/3;font-size:20px}.scene-chip>button small{color:#667085}.scene-delete{color:#667085;position:absolute;right:-5px;background:#eef1f5!important;border-radius:50%!important;padding:2px 7px!important;top:-7px!important}.scene-empty{color:#667085;margin:5px 0}.vacation-banner{background:#fff4d6;border:1px solid #f5d77e;border-radius:16px;align-items:center;gap:12px;margin:14px 0;padding:13px 15px;display:flex}.vacation-banner>span{font-size:24px}.vacation-banner>div{flex:1;display:grid}.vacation-banner small{color:#705c20}.vacation-banner button{background:#fff;border:0;border-radius:9px;padding:8px 10px}.experience-dialog{max-width:580px}.experience-dialog>label:not(.check-row),.vacation-dates label{gap:6px;font-weight:700;display:grid}.experience-dialog input[type=text],.experience-dialog input[type=datetime-local],.experience-dialog select,.experience-dialog>label>input:not([type=checkbox]){color:inherit;background:#fff;border:1px solid #d9dee7;border-radius:10px;padding:11px}.scene-device-list{gap:6px;max-height:300px;display:grid;overflow:auto}.scene-device-list label,.check-row{background:#f5f7fa;border-radius:10px;align-items:center;gap:10px;padding:9px;display:flex}.scene-device-list label span,.check-row span{display:grid}.scene-device-list small,.check-row small{color:#667085}.vacation-dates{grid-template-columns:1fr 1fr;gap:10px;display:grid}.experience-dialog details{padding:8px 0}.experience-dialog details summary{cursor:pointer;font-weight:700}@media (width<=700px){.scene-strip>header{align-items:flex-start}.scene-strip>header>div:last-child{flex-direction:column}.vacation-banner{flex-wrap:wrap;align-items:flex-start}.vacation-banner>div{min-width:70%}.vacation-dates{grid-template-columns:1fr}}.experiences-view{max-width:1080px}.experiences-view>.section-head{margin-bottom:8px}.experiences-view .scene-strip{background:#fff;border:1px solid #e2e8e4;border-radius:18px;margin-top:0;padding:18px}.position-library summary{color:#075985;background:#eef7ff;border-radius:10px;padding:9px 11px}.power-stats{background:#f7faf8;border:1px solid #e1e7e3;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:5px;margin-top:10px;padding:7px 8px;display:grid}.power-stats>span{min-width:0;line-height:1.15;display:grid}.power-stats small{color:#6a756e;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.power-stats data{color:#34483d;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:400}@media (width<=720px){.power-stats{grid-template-columns:1fr;gap:4px;padding-inline:6px}.power-stats>span{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.power-stats data{font-size:11px}}.experience-dialog{flex-direction:column;display:flex}.experience-dialog footer{margin-top:auto}.control-heading{flex-wrap:wrap;align-items:center;gap:16px}.home-bulk-controls{gap:8px;display:grid}.home-layout-row{justify-content:flex-end;display:flex}.home-bulk-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.home-bulk-row[aria-label="Všechna stínicí zařízení"]{grid-template-columns:repeat(3,minmax(0,1fr))}.control-heading .home-bulk-row[aria-label="Všechna stínicí zařízení"] button{color:#fff;background:#24543f;border-color:#24543f}@media (hover:hover){.control-heading .home-bulk-row[aria-label="Všechna stínicí zařízení"] button:hover:not(:disabled){background:#193d2d}}.home-bulk-row button:disabled{opacity:.5;cursor:not-allowed}.control-heading .home-bulk-row[aria-label=Všechna\ světla] button{color:#59451d;background:#e4d3a9;border-color:#c6aa68}@media (hover:hover){.control-heading .home-bulk-row[aria-label=Všechna\ světla] button:hover:not(:disabled){background:#dac594}}@media (width<=720px){.home-bulk-controls{width:100%}.home-bulk-row button{min-height:40px;font-size:13px}.control-heading h2{font-size:24px}.mobile-nav{grid-template-columns:repeat(4,1fr)}}.home-layout-row{gap:8px}.home-drag-toolbar{background:#edf5f0;border:1px solid #b9d0c3;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.home-drag-toolbar p{color:#385246;max-width:560px;margin:0;font-size:13px}.home-drag-toolbar>div{gap:8px;display:flex}.home-drag-toolbar button{color:#24543f;background:#fff;border:1px solid #b9d0c3;border-radius:9px;padding:9px 12px}.home-drag-toolbar button:last-child{color:#fff;background:#24543f}.home-drag-toolbar [role=alert]{color:#912c25;width:100%}.home-drag-tile{min-width:0;position:relative}.home-drag-tile>article{box-sizing:border-box;height:100%}.home-drag-overlay{z-index:5;cursor:grab;background:#e8f1ec30;border:2px dashed #5f8972;border-radius:19px;position:absolute;inset:0}.home-drag-overlay:active{cursor:grabbing}.home-drag-overlay:focus-visible{outline-offset:3px;outline:3px solid #24543f}.home-drag-overlay>span{color:#fff;pointer-events:none;background:#24543f;border-radius:6px;padding:3px 7px;font-size:12px;position:absolute;bottom:7px;left:7px}@media (width<=720px){.home-drag-toolbar>div{width:100%}.home-drag-toolbar button{flex:1}.home-drag-overlay{border-radius:15px}}.device-card .device-header{position:relative}.device-card .device-header-actions,.device-card .control-info{position:static}.device-card .control-info p{box-sizing:border-box;overflow-wrap:break-word;width:min(240px,100%);max-width:100%;top:calc(100% + 7px);right:0}.device-header .eyebrow,.device-header h3{letter-spacing:normal}.device-card .device-header{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.device-card .device-header-actions{justify-self:end;align-items:center;height:28px;min-height:28px}.device-card .device-header-actions .quality{margin:0;padding:3px 6px;line-height:18px}.device-card .shade-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:6px}.device-card .shade-header>.eyebrow{min-width:0;margin:0}.device-card .shade-header>h3{grid-column:1/-1;min-width:0}.device-card .shade-header .command-pending{z-index:1;background:var(--surface);padding:0 2px;top:calc(100% + 1px);right:0}.device-picker{gap:12px;display:grid}.picker-search{border:1px solid var(--line,#d9ddd8);background:#fff;border-radius:12px;align-items:center;gap:10px;height:46px;padding:0 13px;display:flex}.picker-search input{min-width:0;font:inherit;border:0;outline:0;flex:1}.picker-search kbd{color:#879087;border:1px solid #d9ddd8;border-radius:5px;padding:1px 5px}.picker-filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;display:grid}.picker-filters select{background:#fff;border:1px solid #d9ddd8;border-radius:10px;min-width:0;padding:9px}.picker-online{white-space:nowrap;align-items:center;gap:7px;display:flex}.picker-bulk{color:#667066;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.picker-bulk button{color:#235a45;background:0 0;border:0;padding:0;font-weight:700}.picker-selected{flex-wrap:wrap;gap:6px;display:flex}.picker-selected button,.picker-selected span{color:#24513f;background:#e9f3ed;border:0;border-radius:999px;padding:6px 9px;font-size:13px}.picker-list{background:#fff;border:1px solid #e0e4df;border-radius:12px;max-height:min(45vh,420px);overflow:auto}.picker-list>label{cursor:pointer;border-bottom:1px solid #edf0ec;grid-template-columns:auto 32px 1fr auto;align-items:center;gap:9px;padding:10px 12px;display:grid}.picker-list>label:last-child{border-bottom:0}.picker-list>label.selected{background:#f0f8f3}.picker-list strong,.picker-list small{display:block}.picker-list small{color:#737c74;margin-top:2px}.picker-list i{background:#c85757;border-radius:50%;width:8px;height:8px}.picker-list i.online{background:#3b9a68}.picker-device-icon{color:#35594a;background:#edf2ee;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.picker-empty{text-align:center;color:#6f776f;padding:28px}.picker-list input{accent-color:#2d7054}@media (width<=720px){.picker-filters{grid-template-columns:1fr 1fr}.picker-online{min-height:36px}.picker-bulk{flex-direction:column;align-items:flex-start}.picker-list{max-height:48vh}}.access-manager{gap:20px;display:grid}.back-link{color:#32634d;background:0 0;border:0;margin-bottom:10px;padding:0}.access-list{gap:9px;display:grid}.access-list article{background:#fff;border:1px solid #dfe5e0;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 17px;display:grid}.access-list article span>small,.access-list article span>em{color:#6b756d;margin-top:3px;font-style:normal;display:block}.access-list article button{color:#98382d;background:#fff;border:1px solid #dfc9c5;border-radius:9px;padding:8px}.access-avatar{color:#2f634b;background:#e7f1eb;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.access-avatar.pending{color:#795e22;background:#fff0cf}.access-empty{text-align:center;border:1px dashed #bdc9c0;border-radius:14px;padding:45px}.invite-result{background:#eef8f2;border:1px solid #94c8a8;border-radius:12px;grid-template-columns:1fr auto;gap:5px 12px;padding:15px;display:grid}.invite-result strong,.invite-result p{grid-column:1/-1;margin:0}.invite-result code{background:#fff;border-radius:7px;padding:8px;overflow:auto}.invite-result button{color:#fff;background:#2c664b;border:0;border-radius:7px;padding:7px 12px}.access-backdrop{z-index:35;background:#17221caa;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.access-dialog{background:#f8faf8;border-radius:17px;width:min(760px,100%);max-height:94vh;padding:22px;overflow:auto}.access-dialog header{justify-content:space-between;display:flex}.access-dialog header h2{margin:2px 0}.access-dialog header button{background:0 0;border:0;font-size:30px}.access-dialog .field{gap:6px;margin:15px 0;font-weight:700;display:grid}.access-dialog input,.access-dialog select{font:inherit;background:#fff;border:1px solid #d4dcd6;border-radius:9px;padding:10px}.access-dialog fieldset{border:0;margin:18px 0;padding:0}.access-dialog legend{margin-bottom:9px;font-weight:800}.scope-tabs{flex-wrap:wrap;gap:6px;margin-bottom:11px;display:flex}.scope-tabs button{background:#fff;border:1px solid #d3dbd5;border-radius:999px;padding:8px 11px}.scope-tabs button.active{color:#fff;background:#2b654a;border-color:#2b654a}.permission-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.permission-options label{background:#fff;border:1px solid #dce2dd;border-radius:10px;align-items:flex-start;gap:8px;padding:11px;display:flex}.permission-options small{color:#6e786f;margin-top:3px;display:block}.access-dialog footer{justify-content:flex-end;gap:8px;display:flex}.access-dialog footer .secondary{background:#fff;border:1px solid #d1d9d3;border-radius:9px;padding:10px 15px}@media (width<=720px){.access-manager>.section-head{align-items:flex-start}.access-list article{grid-template-columns:auto 1fr}.access-list article>button{grid-column:2}.permission-options{grid-template-columns:1fr}.access-dialog{padding:17px}.invite-result{grid-template-columns:1fr}.invite-result button{width:max-content}}.access-window{gap:12px;display:grid}.access-window>label{align-items:center;gap:8px;display:flex}.weekday-picker{flex-wrap:wrap;gap:6px;display:flex}.weekday-picker button{color:#42554a;background:#fff;border:1px solid #d4ddd6;border-radius:9px;width:38px;height:34px}.weekday-picker button.active{color:#fff;background:#39725a;border-color:#39725a}.time-window{grid-template-columns:1fr 1fr;gap:10px;display:grid}.time-window label{color:#66736b;gap:5px;display:grid}.time-window input{box-sizing:border-box;border:1px solid #d8dfda;border-radius:9px;width:100%;padding:9px}.access-window>small,.field>small{color:#6b766f;font-size:13px}.guest-stay{background:#fff9df!important;border-color:#ead270!important}.guest-stay .time-window{grid-template-columns:1fr 1fr}@media (width<=640px){.guest-stay .time-window{grid-template-columns:1fr}}.installer-access{background:#f7faf8;border:1px solid #d7e2da;border-radius:15px;gap:12px;padding:18px;display:grid}.installer-access-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.installer-access-head h3,.installer-access-head p{margin:0}.installer-access-head p{color:#647168;max-width:720px;margin-top:4px}.installer-access-head .secondary{white-space:nowrap;background:#fff;border:1px solid #aebdb2;border-radius:9px;padding:9px 13px}@media (width<=640px){.installer-access-head{display:grid}.installer-access-head .secondary{width:max-content}}.room-manager,.quick-add-shade,.group-sheet,.create-group-dialog,.access-dialog,.layout-editor,.device-placement-dialog{--dialog-pad:22px;box-sizing:border-box;overscroll-behavior:contain}.layout-editor,.device-placement-dialog{--dialog-pad:24px}.room-manager,.quick-add-shade,.group-sheet,.create-group-dialog,.access-dialog,.device-placement-dialog{max-height:calc(100dvh - 40px)}.room-manager>header,.quick-add-shade>header,.group-sheet>header,.create-group-dialog>.create-group-head,.access-dialog>header,.layout-editor>header,.device-placement-dialog>form>header{top:calc(-1 * var(--dialog-pad));z-index:8;margin:calc(-1 * var(--dialog-pad)) calc(-1 * var(--dialog-pad)) 16px;padding:var(--dialog-pad);border-bottom:1px solid var(--line);background:#fff;position:sticky}.group-sheet>header{background:#f7f9f6}.access-dialog>header{background:#f8faf8}.layout-editor>header{background:#f7f9f7}.group-sheet>.sheet-handle{display:none}@media (width<=720px){.room-manager,.quick-add-shade,.create-group-dialog{--dialog-pad:14px;padding-top:14px}.access-dialog{--dialog-pad:17px}.layout-editor,.device-placement-dialog{--dialog-pad:18px}}@media (width<=600px){.group-sheet{--dialog-pad:16px;padding-top:16px}}.service-lock{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:460px;margin:36px auto;padding:28px}.service-lock>span{color:var(--green);font-size:30px}.service-lock h2{margin:10px 0}.service-lock p{color:var(--muted);line-height:1.5}.service-lock label{gap:8px;font-weight:600;display:grid}.service-lock input{box-sizing:border-box;border:1px solid var(--line);width:100%;font:inherit;border-radius:10px;padding:12px}.service-lock small{color:var(--muted);line-height:1.5;display:block}.service-lock [role=alert]{color:#a52b24}.service-heading{align-items:center;gap:12px;margin-top:25px;display:flex}.service-heading>div{flex:1;min-width:0}.service-heading h2{overflow-wrap:anywhere;margin:0}.installation-menu{position:relative}.installation-menu summary{cursor:pointer;width:44px;height:44px;color:var(--muted);border-radius:10px;place-items:center;font-size:26px;list-style:none;display:grid}.installation-menu summary::-webkit-details-marker{display:none}.installation-menu[open] summary{background:#e8efe9}.installation-menu>div{z-index:12;border:1px solid var(--line);background:#fff;border-radius:12px;width:210px;padding:5px;position:absolute;top:48px;right:0;box-shadow:0 10px 30px #122a3530}.installation-menu button{width:100%;min-height:44px;color:var(--ink);text-align:left;background:#fff;border:0;border-radius:8px;padding:10px}.installation-menu button:hover{background:#f0f5f1}.service-relock,.service-tools button{border:1px solid var(--line);min-height:44px;color:var(--green);background:#fff;border-radius:10px;padding:10px 14px}.service-tools{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.service-relock{font-size:13px}@media (width<=720px){.service-lock{margin:20px auto;padding:22px}.service-heading{gap:5px}.service-heading h2{font-size:20px}.service-relock{padding:8px}.installation-menu>div{right:-75px}}.light-device-card{background:var(--surface);border:1px solid #e0e7e1;border-radius:19px;flex-direction:column;min-width:0;padding:18px;display:flex;box-shadow:0 15px 35px #243e3209}.light-device-card .light-card{cursor:pointer;background:#e7eded;border:1px solid #cbd8d2;border-radius:14px;flex-direction:column;flex:1;align-items:stretch;gap:0;width:100%;min-width:0;margin:17px 0 13px;padding:0;display:flex;overflow:hidden;box-shadow:inset 0 0 0 2px #fff6}.light-device-card .light-card:focus-visible{outline-offset:3px;outline:3px solid #78a993}.light-device-card .light-card:disabled{cursor:default;opacity:1}.light-device-card .light-card.on{background:#f6ecd5;border-color:#d3bd8d}.light-room-scene{flex:1;width:100%;height:190px;min-height:168px;display:block}.light-room-scene path,.light-room-scene rect,.light-room-scene ellipse,.light-room-scene circle{transition:fill .22s,stroke .22s}.light-scene-action{color:#52675f;text-align:center;background:#f7faf8;min-height:30px;padding:8px 7px;font-size:11px;line-height:1.35;display:block}.light-device-card.on .light-scene-action{color:#766038;background:#fff5df}.light-state-row{color:#52675f;grid-template-columns:8px 1fr;align-items:center;gap:5px 7px;display:grid}.light-state-row strong{font-size:13px;font-weight:600}.light-state-row small{color:var(--muted);overflow-wrap:anywhere;grid-column:2;font-size:11px}.light-state-dot{background:#82998d;border-radius:50%;width:8px;height:8px}.light-device-card.on .light-state-dot{background:#d9a13a;box-shadow:0 0 9px #e9c77680}.light-device-card.pending .light-state-dot{background:#d9a13a}.light-device-card.offline .light-state-dot,.light-device-card.unknown .light-state-dot{background:#adb6b0}@media (width<=720px){.light-device-card{border-radius:15px;padding:11px}.light-room-scene{height:154px;min-height:140px}.light-device-card .light-card{margin-top:13px}}@media (width<=380px){.light-device-card{padding:8px}.light-room-scene{min-height:128px}}@media (prefers-reduced-motion:reduce){.light-room-scene *{transition:none!important}}.weather-summary{flex-wrap:wrap;gap:12px 24px;display:flex}.weather-summary>.sensor-reading{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex:180px;max-width:320px;padding:12px}.sensor-reading{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:260px;display:flex}.sensor-reading-name{color:var(--ink);font-size:12px;font-weight:650}.sensor-reading strong{font-size:18px}.sensor-reading small{color:var(--muted);font-size:11px;line-height:1.4;display:block}.sensor-reading>small:first-of-type{color:#45594d;background:#edf1ee;border-radius:999px;padding:2px 7px;font-weight:600}.sensor-reading--fresh>small:first-of-type{color:#225f39;background:#e5f2e9}.sensor-reading--invalid>small:first-of-type{color:#8b2727;background:#fbe9e7}.sensor-reading--stale>small:first-of-type{color:#80400f;background:#fff0d5}.sensor-strip>article>div{min-width:0}.sensor-strip .sensor-reading small{white-space:normal;overflow:visible}.home-context>.weather-summary{flex-wrap:wrap;align-items:flex-start;gap:12px 24px}@media (width<=720px){.home-context:has(.weather-summary){flex-wrap:wrap}.house-status .weather-summary{margin-top:16px}}.device-card{position:relative}.device-card .command-pending{color:var(--muted);pointer-events:none;font-size:11px;line-height:14px;position:absolute;top:4px;right:18px}.device-card .shade-stop{color:#4b5d52;cursor:pointer;background:#fff;border:1px solid #d7ded9;border-radius:7px;width:28px;height:28px;padding:0}.device-card .shade-stop:hover{color:#9a3f2b;background:#f9ece7}.device-card .tilt-unavailable{color:var(--muted);grid-column:1/-1;font-size:11px;line-height:1.4}.device-card .tilt-label input:disabled{opacity:.4;cursor:not-allowed}.command-error{color:#9a3026;background:#fff0ed;border-radius:6px;padding:8px;font-size:12px}.offline-access-code{box-sizing:border-box;resize:vertical;border:1px solid var(--line);width:100%;min-height:90px;color:var(--ink);overflow-wrap:anywhere;background:#fbfcfb;border-radius:9px;margin:8px 0 12px;padding:10px;font:12px/1.5 monospace;display:block}.spaces-view .space-card{grid-column:1/-1;min-width:0}.floor-device-grid{margin-top:16px}@media (width<=720px){.floor-device-grid{grid-auto-rows:1fr}.floor-device-grid .light-device-card{padding:10px}.floor-device-grid .light-device-card .light-card{margin-top:9px}.floor-device-grid .light-room-scene{min-height:145px}}:root{--visible-height:100dvh;--visible-top:0px;--keyboard-space:0px}.room-manager-backdrop,.group-backdrop,.create-group-backdrop,.access-backdrop,.layout-backdrop,.service-confirm-backdrop{top:var(--visible-top);height:var(--visible-height);box-sizing:border-box;min-height:0;bottom:auto}.room-manager,.quick-add-shade,.delete-shade-dialog,.group-sheet,.create-group-dialog,.access-dialog{max-height:calc(var(--visible-height) - 40px)}.layout-editor{max-height:var(--visible-height)}.device-placement-dialog{top:calc(var(--visible-top) + var(--visible-height) / 2);max-height:calc(var(--visible-height) - 32px);margin:0 auto;position:fixed;bottom:auto;transform:translateY(-50%)}@media (width<=720px){body{padding-bottom:var(--keyboard-space)}.keyboard-open .mobile-nav{display:none}.keyboard-open .create-group-backdrop{flex-direction:column;justify-content:flex-end;align-items:center;display:flex;overflow:hidden}.keyboard-open .create-group-dialog{touch-action:pan-y;flex-shrink:1;min-height:0;max-height:100%;overflow-y:auto}.keyboard-open .create-group-dialog .picker-list{max-height:none;overflow:visible}input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}.auth-screen{min-height:var(--visible-height)}}