:root{--hue:145;--page:#101010;--panel:#1b1b1b;--raised:#272727;--line:#303030;--ink:#f5f5f3;--muted:#999;--accent:hsl(var(--hue) 68% 54%);--accent-ink:var(--accent);--accent-soft:hsl(var(--hue) 25% 16%);--on-accent:#08150c;--slider-track:#303030;font-family:Avenir Next,Avenir,Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;color:var(--ink);background:var(--page);color-scheme:dark;-webkit-font-smoothing:antialiased;font-synthesis:none}html[data-accent=blue]{--hue:210}html[data-accent=cyan]{--hue:185}html[data-accent=purple]{--hue:270}html[data-accent=pink]{--hue:330}html[data-accent=red]{--hue:0}html[data-accent=orange]{--hue:26}html[data-accent=yellow]{--hue:48}html[data-accent=green]{--hue:145}html[data-theme=light]{--page:#eeeeed;--panel:#fff;--raised:#f4f4f3;--line:#dededc;--ink:#171717;--muted:#717171;--accent:hsl(var(--hue) 60% 35%);--accent-ink:hsl(var(--hue) 65% 30%);--accent-soft:hsl(var(--hue) 35% 92%);--on-accent:#fff;--slider-track:#e5e5e3;color-scheme:light}html[data-theme=light][data-accent=yellow],html[data-theme=light][data-accent=orange]{--accent:hsl(var(--hue) 85% 47%);--on-accent:#201800}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink)}button,input,select{font:inherit}button{-webkit-appearance:none;appearance:none;cursor:pointer;color:var(--ink);background:var(--raised);border:1px solid var(--line);padding:12px 16px;border-radius:16px;min-height:44px;font-weight:550;line-height:1.25;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:active:not(:disabled){transform:scale(.98)}svg{display:block}button svg{pointer-events:none}h1,h2,h3,p{margin:0}p{line-height:1.65;color:var(--muted)}small{color:var(--muted);line-height:1.5}h1,h2,h3{font-weight:550;letter-spacing:-.7px}h1{font-size:38px;letter-spacing:-1.7px}h2{font-size:22px}h3{font-size:16px}.eyebrow{font-size:9px;font-weight:550;letter-spacing:1.8px;color:var(--muted)}.layout{min-height:100dvh;display:flex}aside{position:fixed;inset:24px auto 24px 20px;width:204px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:28px;z-index:3}nav{display:grid;gap:8px}nav button{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;padding:8px 10px;text-align:left;color:var(--muted);border-radius:18px;min-height:60px}nav button>span:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;flex-shrink:0}nav svg{width:21px;height:21px}nav .nav-label{font-size:12px;line-height:1.25;font-weight:550}nav button[aria-current=page]{color:var(--ink);background:var(--raised)}nav button[aria-current=page]>span:first-child{background:var(--accent);color:var(--on-accent)}nav button:not([aria-current]):hover{background:var(--raised);color:var(--ink)}main{margin-left:252px;padding:0 38px 50px;width:calc(100% - 252px);max-width:1270px}.app-header{display:flex;align-items:center;height:98px;margin-bottom:28px}.header-brand{display:flex;align-items:center;gap:11px;background:transparent;border:0;padding:0;min-height:44px;font-size:26px;font-weight:650;letter-spacing:-1px}.header-brand>span>span{font-weight:350}.brand-icon{width:36px;height:36px}.brand-icon rect{fill:var(--raised)}.brand-icon path{fill:var(--accent)}.home-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-shortcut{position:relative;min-height:290px;padding:28px;display:flex;flex-direction:column;gap:34px;align-items:flex-start;text-align:left;background:var(--panel);border-color:var(--line);border-radius:28px}.shortcut-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:21px;background:var(--raised);color:var(--accent)}.shortcut-icon svg{width:30px;height:30px}.shortcut-copy{margin-top:auto;display:grid;gap:10px}.shortcut-copy small{font-size:9px;letter-spacing:1.4px}.shortcut-copy strong{font-size:31px;font-weight:550;letter-spacing:-1.2px}.shortcut-copy>span{font-size:12px;color:var(--muted);line-height:1.5}.shortcut-arrow{position:absolute;top:26px;right:24px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:20px}.home-shortcut:first-child .shortcut-icon{background:var(--accent);color:var(--on-accent)}.home-shortcut:hover:not(:disabled){border-color:var(--accent)}.section-grid{display:block;max-width:920px}.device-page{width:100%;max-width:850px}.device-heading{position:relative;display:grid;gap:11px;margin:0 0 26px}.device-heading .status-pill{justify-self:start}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;font-size:10px;border:1px solid var(--line);border-radius:20px;color:var(--muted);white-space:nowrap}.status-pill:before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%}.status-pill.unavailable:before{background:#c77f69}.device-stage{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 15px 36px}.device-emblem{width:134px;height:134px;display:grid;place-items:center;border-radius:42px;background:var(--panel);border:1px solid var(--line);color:#aaa;margin-bottom:25px}.device-emblem>svg{width:62px;height:62px;stroke-width:1.05}.light-stage.is-on .device-emblem,.device-emblem.armed{color:var(--accent);border-color:var(--accent);box-shadow:0 0 80px hsl(var(--hue) 70% 50% / .09)}.stage-caption{font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:10px}.device-stage h2{font-size:31px;letter-spacing:-1.3px;font-weight:500}.device-stage p{font-size:12px;max-width:350px;margin-top:14px}.power-control{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:30px;background:var(--panel);margin-top:21px;min-width:146px}.power-control svg{width:19px;height:19px}.power-control.is-on{color:var(--accent);border-color:var(--accent)}.power-control:disabled{opacity:.7}.control-panel{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:26px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-label h2{font-size:15px;letter-spacing:-.2px}.section-label>span{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.control-note{font-size:10px;text-align:center;margin-top:15px}.ambience-panel,.scene-panel{margin-top:28px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.presets button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 8px;min-height:126px;background:var(--panel);border-radius:22px}.preset-icon{font-size:23px;color:var(--muted)}.presets strong{font-size:13px;font-weight:550}.presets small{font-size:10px}.presets button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.presets button[aria-pressed=true] .preset-icon,.presets button[aria-pressed=true] small{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.level-slider{position:relative;display:block;isolation:isolate;width:100%;height:128px;background:var(--slider-track);overflow:hidden;border-radius:22px;cursor:ew-resize;touch-action:none}.level-fill{position:absolute;inset:0;pointer-events:none;fill:var(--accent);opacity:.26}.level-value{position:absolute;inset:0;display:flex;align-items:center;gap:13px;padding:0 26px;pointer-events:none}.level-value>svg{width:28px;height:28px;flex-shrink:0}.level-value strong{font-size:39px;font-weight:550;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.level-value strong span{font-size:26px;margin-left:2px}.level-slider input[type=range]{-webkit-appearance:none;appearance:none;position:absolute;inset:0;width:100%;height:100%;opacity:0;padding:0;margin:0;border:0;touch-action:none;cursor:ew-resize}.level-slider input::-webkit-slider-runnable-track{height:128px;background:transparent}.level-slider input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1px;height:128px;border:0;background:transparent}.level-slider input::-moz-range-track{height:128px;background:transparent}.level-slider input::-moz-range-thumb{width:1px;height:128px;border:0;background:transparent}.level-slider:focus-within{outline:2px solid var(--accent);outline-offset:4px}.level-slider.is-disabled{opacity:.5}.level-scale{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;color:var(--muted)}.led-help,.level-help{font-size:10px;margin-top:17px;min-height:17px}.arming-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.arming-row strong{font-size:13px;font-weight:550}.arming-row small{display:block;font-size:10px;margin-top:5px}.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650;min-height:54px}.primary:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.08)}.garage-command{display:flex;align-items:center;gap:12px;width:100%;justify-content:center;border-radius:17px}.garage-command svg{width:20px;height:20px}.garage-command>span:last-child{margin-left:auto}.garage-command>span:nth-child(2){margin-right:auto}.garage-stage{padding-bottom:34px}.garage-stage .device-emblem{width:152px;height:152px;border-radius:48px}.garage-stage .device-emblem svg{width:76px;height:76px}.shutter-global{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}.shutter-global button{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--panel);border-radius:20px;min-height:70px}.shutter-global button>span{font-size:25px;font-weight:350;color:var(--accent)}.shutter-global strong{font-size:13px;font-weight:550}.shutter-list{display:grid;gap:10px}.shutter-entry{background:var(--panel);border:1px solid var(--line);border-radius:21px;padding:14px 18px}.shutter{display:flex;align-items:center;justify-content:space-between;gap:14px}.shutter-name{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:0;border:0;background:none;text-align:left}.shutter-mini-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:42px;border-radius:12px;color:var(--muted);background:var(--raised)}.shutter-mini-icon svg{width:19px;height:22px}.shutter-identity{min-width:0;display:grid;gap:5px}.shutter-identity strong{font-size:13px;font-weight:550;line-height:1.3}.shutter-identity small{font-size:10px}.detail-chevron{margin-left:auto;color:var(--muted);font-size:22px;font-weight:350}.compact-actions{display:flex;gap:6px;flex-shrink:0}.compact-actions button{display:grid;place-items:center;min-height:38px;min-width:38px;width:38px;padding:0;border:0;background:var(--raised);border-radius:12px;font-size:17px}.compact-actions button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-ink)}.scene-actions{display:grid;gap:8px}.scene-actions button{display:flex;align-items:center;gap:12px;text-align:left;min-height:58px;background:var(--panel);border-radius:17px}.scene-actions strong{font-size:12px;font-weight:500}.scene-actions button>span:first-child{color:var(--accent);font-size:20px}.scene-actions button>span:last-child{margin-left:auto;color:var(--muted)}body.dialog-open{overflow:hidden}.shutter-dialog{padding:0;width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:30px;background:var(--panel);color:var(--ink);box-shadow:0 30px 120px #0007}.shutter-dialog::backdrop{background:#000a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.shutter-dialog-content{padding:26px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-heading h2{font-size:23px;letter-spacing:-.7px;margin-top:8px}.dialog-close{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:50%;font-size:25px;font-weight:300;flex-shrink:0}.position-confirmed{font-size:11px;text-align:center;margin:0 0 24px}.shutter-preview{display:grid;place-items:center;height:160px;margin:10px 0}.shutter-preview>svg{width:100px;height:130px}.window-frame{fill:none;stroke:var(--muted);stroke-width:1.5}.window-shade{fill:var(--accent);opacity:.65}.shutter-dialog .compact-actions{margin-top:24px;gap:10px}.shutter-dialog .compact-actions button{flex:1;width:auto;min-height:50px;border:1px solid var(--line);border-radius:15px}.shutter-dialog .level-slider{height:112px;border-radius:19px}.shutter-dialog [role=alert]{margin-top:14px;font-size:11px}.card{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:26px}.settings-card{max-width:850px}.settings-card>h2{font-size:32px;margin:0 0 25px;letter-spacing:-1px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 0;border-top:1px solid var(--line);flex-wrap:wrap}.settings-row strong{font-size:13px;font-weight:550}.settings-row small{display:block;font-size:10px;max-width:330px;margin-top:6px}.settings-row>div{min-width:0}.appearance-picker{background:var(--raised);padding:6px 12px;border-radius:13px;max-width:100%;margin-left:auto}.appearance-picker select{width:100%;min-height:34px;border:0;color:var(--ink);background:transparent;cursor:pointer;font-size:12px}.appearance-picker select option{background:var(--panel);color:var(--ink)}.settings-row form{width:100%;margin-top:18px}.settings-row label:not(.appearance-picker){display:grid;gap:9px;font-size:12px}.settings-row form p{margin:14px 0;font-size:12px}.account-actions{display:flex;flex-direction:column;gap:8px}.account-actions button{font-size:11px}.auth-account{align-items:flex-start}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0}.dot.bad{background:#d17d69}input:not([type=range]):not([type=checkbox]){width:100%;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--raised);color:var(--ink);font-size:16px}.toggle{position:relative;display:block;flex:0 0 48px;width:48px;height:28px;min-height:28px;padding:0;border:1px solid #555;border-radius:30px;background:#3a3a3a;transition:background-color .15s,border-color .15s}.toggle>span{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .15s;pointer-events:none}.toggle[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.toggle[aria-checked=true]>span{transform:translate(20px)}.toggle[aria-checked=true]:hover:not(:disabled){border-color:var(--accent)}html[data-theme=light] .toggle[aria-checked=false]{background:#ccc;border-color:#bbb}.toggle:active:not(:disabled){transform:none}.error,.simulation{padding:15px 18px;margin-bottom:18px;border-radius:15px;font-size:11px;line-height:1.6}.error{background:#352321;color:#ffbcb0;border:1px solid #593c34}.simulation{background:#302d20;color:#d4c28b;border:1px solid #494331;display:flex;gap:15px}.simulation strong{white-space:nowrap}html[data-theme=light] .error{background:#fff0eb;color:#873e2d;border-color:#edd6cd}html[data-theme=light] .simulation{background:#fff8e6;color:#756333;border-color:#e8dcbb}.auth-layout{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--page)}.auth-card{width:100%;max-width:420px;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:28px}.auth-brand{display:flex;align-items:center;gap:12px;font-size:26px;letter-spacing:-.8px;margin-bottom:30px}.auth-brand strong span{font-weight:350}.auth-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--raised);color:var(--accent)}.auth-logo svg{width:25px;height:25px}.auth-card h1{font-size:29px;line-height:1.2;margin-bottom:14px;letter-spacing:-1px}.auth-card p{font-size:12px;margin-bottom:18px}.auth-card label{display:grid;gap:9px;font-size:12px;margin:18px 0}.auth-card .remember-device{display:flex;gap:10px;align-items:center;font-size:11px;line-height:1.5}.auth-card button{width:100%;margin-top:10px}.auth-error{color:#ec9a88!important}.auth-card input[type=checkbox]{accent-color:var(--accent)}@media(min-width:1100px){.led,.garage{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start}.device-heading{grid-column:1/-1}.device-stage{grid-row:2/4;min-height:410px;justify-content:center;padding:20px}.control-panel,.ambience-panel{grid-column:2}.garage-stage{grid-row:2;min-height:340px}.garage>.control-panel{margin-top:28px}.shutter-list{grid-template-columns:1fr 1fr}.shutter-list .shutter{flex-wrap:wrap}.shutter-list .shutter-name{flex-basis:100%}.shutter-list .compact-actions{width:100%;padding-left:50px;justify-content:flex-end}.shutter-list .compact-actions button{flex:1;max-width:54px}}@media(max-width:1050px){main{margin-left:210px;width:calc(100% - 210px);padding:0 26px 40px}aside{width:170px;left:16px;padding:10px}nav button{padding:7px;gap:8px}.home-shortcuts{grid-template-columns:1fr}.home-shortcut{min-height:140px;flex-direction:row;align-items:center;padding:25px;gap:24px}.shortcut-copy{margin:0}.shortcut-arrow{top:24px;right:22px}}@media(max-width:650px){main{margin:0;width:100%;padding:0 20px calc(116px + env(safe-area-inset-bottom));max-width:none}.app-header{height:78px;margin-bottom:18px}.header-brand{font-size:24px;gap:10px}.brand-icon{width:33px;height:33px}aside{inset:auto 14px max(12px,env(safe-area-inset-bottom));width:calc(100% - 28px);height:82px;padding:7px 8px;background:var(--panel);border-radius:25px;box-shadow:0 8px 35px #0003;border:1px solid var(--line)}nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;height:100%;align-items:center}nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:66px;width:100%;height:66px;padding:0;text-align:center;background:transparent;border-radius:18px}nav button>span:first-child{width:39px;height:39px;border-radius:14px}nav .nav-label{font-size:9px;line-height:12px;height:12px;white-space:nowrap;letter-spacing:0}nav button[aria-current=page],nav button:not([aria-current]):hover{background:transparent}nav button[aria-current=page] .nav-label{color:var(--ink)}nav button[aria-current=page]>span:first-child{color:var(--on-accent);background:var(--accent)}.home-shortcuts{gap:12px}.home-shortcut{min-height:152px;padding:23px 21px;gap:19px}.shortcut-icon{width:52px;height:56px;border-radius:18px;flex-shrink:0}.shortcut-icon svg{width:27px;height:27px}.shortcut-copy strong{font-size:29px}.shortcut-copy small{font-size:8px}.shortcut-copy>span{font-size:10px;max-width:160px}.shortcut-arrow{width:27px;height:27px;top:18px;right:17px;font-size:17px}.device-heading{gap:10px;margin-bottom:16px}h1{font-size:35px}.device-stage{padding:24px 8px 30px}.device-emblem{width:118px;height:118px;border-radius:37px;margin-bottom:22px}.device-stage h2{font-size:29px}.power-control{margin-top:19px;min-height:46px;font-size:12px}.control-panel{padding:20px;border-radius:24px}.level-slider{height:116px;border-radius:20px}.level-value{padding:0 23px}.level-value strong{font-size:35px}.level-value>svg{width:25px;height:25px}.presets{gap:9px}.presets button{min-height:113px;padding:17px 7px;border-radius:21px}.section-label>span{font-size:7px}.ambience-panel,.scene-panel{margin-top:26px}.garage-stage{padding-bottom:30px}.garage-stage .device-emblem{width:130px;height:130px;border-radius:40px}.garage-stage .device-emblem svg{width:65px;height:65px}.garage-stage p{font-size:11px}.arming-row{gap:14px}.arming-row strong{font-size:12px}.arming-row small{font-size:9px}.shutter-entry{padding:13px 12px;border-radius:20px}.shutter,.shutter-name{gap:9px}.shutter-mini-icon{width:31px;height:38px;border-radius:10px}.shutter-mini-icon svg{width:17px;height:20px}.shutter-identity strong{font-size:11px}.shutter-identity small{font-size:9px}.compact-actions{gap:4px}.compact-actions button{width:31px;min-width:31px;min-height:36px;border-radius:10px;font-size:16px}.detail-chevron{font-size:19px}.shutter-global button{min-height:64px;gap:10px}.shutter-global strong{font-size:12px}.shutter-global{margin-bottom:20px}.settings-card{padding:23px 20px}.settings-card>h2{font-size:29px}.settings-row{gap:14px;padding:21px 0}.settings-row>div:first-child{flex:1 1 130px}.appearance-picker{max-width:100%;margin-left:auto;padding:5px 9px}.appearance-picker select{font-size:11px}.auth-account .account-actions{flex-basis:100%}.simulation{display:block;font-size:10px}.simulation strong{display:block;margin-bottom:5px}.shutter-dialog-content{padding:24px}.dialog-heading h2{font-size:22px}.shutter-preview{height:145px}.auth-card{padding:27px 23px}}@media(max-width:360px){main{padding-left:14px;padding-right:14px}.shutter{flex-wrap:wrap}.shutter-name{flex-basis:100%}.shutter .compact-actions{width:100%;padding-left:40px;justify-content:flex-end}.shutter .compact-actions button{flex:1;max-width:58px}.shortcut-arrow{display:none}.home-shortcut{gap:15px}.shortcut-copy strong{font-size:26px}.section-label>span{letter-spacing:.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}html[data-theme=dark] .home-shortcut:first-child .shortcut-icon{background:var(--raised);color:var(--accent)}.shutters .shutters-stage{min-height:0;padding:15px 10px 32px;display:flex;grid-row:auto}.shutters-stage .device-emblem{color:var(--accent);margin-bottom:22px}.shutter-inline-control{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:9px;align-items:center;margin-top:15px}.shutter-endpoint{display:grid;place-items:center;width:44px;height:64px;min-height:64px;padding:0;border-radius:15px;background:var(--raised);border:1px solid var(--line);font-size:24px;font-weight:350}.shutter-endpoint:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.shutter-inline-control .level-slider{height:64px;border-radius:15px}.shutter-inline-control .level-value{justify-content:center;padding:0 8px;gap:8px}.shutter-inline-control .level-value>svg{width:18px;height:18px}.shutter-inline-control .level-value strong{font-size:25px;letter-spacing:-.8px}.shutter-inline-control .level-value strong span{font-size:18px}.shutter-inline-control input::-webkit-slider-runnable-track,.shutter-inline-control input::-webkit-slider-thumb{height:64px}.shutter-inline-control input::-moz-range-track,.shutter-inline-control input::-moz-range-thumb{height:64px}.inline-position-pending{display:block;margin:10px 0 0;text-align:center;font-size:9px}.position-unsupported{font-size:10px;text-align:center;color:var(--muted)}@media(max-width:650px){.shutters .shutters-stage{padding:18px 5px 28px}.shutters-stage .device-emblem{margin-bottom:20px}.shutter-inline-control{grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;margin-top:14px}.shutter-endpoint{width:40px}.shutter-inline-control .level-value>svg{display:none}}.hold-slider{touch-action:pan-y}.hold-slider input[type=range]{pointer-events:none}.hold-overlay{position:absolute;inset:0;z-index:2;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}.hold-armed .hold-overlay{touch-action:none;cursor:grabbing}.hold-hint{position:absolute;left:0;right:0;bottom:6px;text-align:center;pointer-events:none;font-size:8px;line-height:1.2;color:var(--muted)}.hold-slider .level-value{padding-bottom:10px}.hold-armed{outline:1px solid var(--accent);outline-offset:2px}.hold-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}.hold-holding .hold-progress{animation:hold-progress 1s linear forwards}.hold-armed .hold-progress{transform:scaleX(1)}@keyframes hold-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.page-content .device-heading,.page-content .device-stage,.page-content .control-panel,.page-content .ambience-panel,.page-content .shutter-global,.page-content .scene-panel,.home-shortcut,.shutter-entry,.settings-card>h2,.settings-row,.presets button{animation:item-enter .56s cubic-bezier(.16,1,.3,1) both,page-enter .85s cubic-bezier(.4,0,.2,1) both}.page-content .device-stage{animation-delay:.1s}.page-content .control-panel,.page-content .shutter-global{animation-delay:.2s}.page-content .ambience-panel{animation-delay:.3s}.page-content .scene-panel{animation-delay:1.04s}.shutter-entry:nth-child(1){animation-delay:.3s}.shutter-entry:nth-child(2){animation-delay:.4s}.shutter-entry:nth-child(3){animation-delay:.5s}.shutter-entry:nth-child(4){animation-delay:.6s}.shutter-entry:nth-child(5){animation-delay:.7s}.shutter-entry:nth-child(6){animation-delay:.8s}.shutter-entry:nth-child(7){animation-delay:.9s}.shutter-entry:nth-child(8){animation-delay:1s}.home-shortcut:nth-child(1){animation-delay:0s}.presets button:nth-child(1){animation-delay:.42s}.home-shortcut:nth-child(2){animation-delay:.14s}.presets button:nth-child(2){animation-delay:.54s}.home-shortcut:nth-child(3){animation-delay:.28s}.presets button:nth-child(3){animation-delay:.66s}.settings-row:nth-child(2){animation-delay:85ms}.settings-row:nth-child(3){animation-delay:.17s}.settings-row:nth-child(4){animation-delay:.255s}.settings-row:nth-child(5){animation-delay:.34s}.settings-row:nth-child(6){animation-delay:.425s}.settings-row:nth-child(7){animation-delay:.51s}.settings-row:nth-child(8){animation-delay:.595s}.settings-row:nth-child(9){animation-delay:.68s}.settings-row:nth-child(10){animation-delay:.765s}.settings-row:nth-child(11){animation-delay:.85s}.settings-row:nth-child(12){animation-delay:.935s}.settings-row:nth-child(13){animation-delay:1.02s}.settings-row:nth-child(14){animation-delay:1.105s}.shutter-dialog[open]{animation:dialog-enter .46s cubic-bezier(.16,1,.3,1) both,page-enter .7s cubic-bezier(.4,0,.2,1) both}.shutter-dialog[open]::backdrop{animation:page-enter .5s ease-in-out both}.shutter-dialog[open] .dialog-heading,.shutter-dialog[open] .shutter-preview,.shutter-dialog[open] .position-confirmed,.shutter-dialog[open] .level-slider,.shutter-dialog[open] .level-scale,.shutter-dialog[open] .level-help,.shutter-dialog[open] .compact-actions{animation:item-enter .46s cubic-bezier(.16,1,.3,1) both,page-enter .7s cubic-bezier(.4,0,.2,1) both}.shutter-dialog[open] .dialog-heading{animation-delay:.06s}.shutter-dialog[open] .shutter-preview{animation-delay:.12s}.shutter-dialog[open] .position-confirmed{animation-delay:.18s}.shutter-dialog[open] .level-slider{animation-delay:.24s}.shutter-dialog[open] .level-scale{animation-delay:.3s}.shutter-dialog[open] .level-help{animation-delay:.36s}.shutter-dialog[open] .compact-actions{animation-delay:.42s}@keyframes page-enter{0%{opacity:0}to{opacity:1}}@keyframes item-enter{0%{transform:translate3d(0,14px,0) scale(.987)}to{transform:translateZ(0) scale(1)}}@keyframes dialog-enter{0%{transform:translate3d(0,20px,0) scale(.97)}to{transform:translateZ(0) scale(1)}}button{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .24s cubic-bezier(.16,1,.3,1)}nav button>span:first-child{transition:background-color .22s ease,color .22s ease}.device-emblem{transition:color .28s ease,border-color .28s ease,box-shadow .35s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}.hold-holding .hold-progress{transform:scaleX(0)}.hold-armed .hold-progress{transform:scaleX(1)}}.home-shortcut:nth-child(4){animation-delay:.42s}.plugs .power-control{margin:24px auto 0}@media(max-width:380px){nav .nav-label{font-size:8px}nav button>span:first-child{width:34px;height:36px}}.header-settings{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;padding:10px;border-radius:15px;background:var(--panel);border:1px solid var(--line);color:var(--muted);flex-shrink:0}.header-settings svg{width:22px;height:22px}.header-settings:hover,.header-settings[aria-pressed=true]{background:var(--raised);color:var(--accent);border-color:var(--accent)}.home-shortcut:nth-child(5){animation-delay:.56s}