*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:#07070d;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,system-ui,sans-serif;color:var(--text)}:root{--text:#15151a;--text2:rgba(40,40,52,.62);--text3:rgba(40,40,52,.42);--mesh:radial-gradient(at 14% 18%,#ffd6b8 0,transparent 52%),radial-gradient(at 86% 12%,#e6ccff 0,transparent 48%),radial-gradient(at 78% 82%,#b9efdd 0,transparent 52%),radial-gradient(at 16% 90%,#c8defc 0,transparent 48%),#f1eef3;--glass:rgba(255,255,255,.46);--glass-hi:rgba(255,255,255,.72);--glass-border:rgba(255,255,255,.7);--sheet:rgba(248,247,250,.86);--seg-bg:rgba(120,120,140,.15);--seg-active:rgba(255,255,255,.94);--shadow:0 10px 34px rgba(50,40,70,.13);--track:rgba(120,120,140,.22);--accent:#0a78ff;--good:#27ad4b;--danger:#ff3b30;--sky:linear-gradient(#bfe4ff,#e9f5ff);--slat:repeating-linear-gradient(180deg,#cfd3db 0,#cfd3db 5px,#b8bcc7 5px,#b8bcc7 7px);--radius:18px;--surface:var(--glass);--border:var(--glass-border);--text-muted:var(--text2)}@media (prefers-color-scheme:dark){:root{--text:#f4f4f7;--text2:rgba(235,235,245,.6);--text3:rgba(235,235,245,.38);--mesh:radial-gradient(at 14% 16%,#38275f 0,transparent 55%),radial-gradient(at 86% 12%,#173f63 0,transparent 50%),radial-gradient(at 80% 84%,#15564a 0,transparent 55%),radial-gradient(at 14% 92%,#3a1f52 0,transparent 50%),#07070d;--glass:rgba(255,255,255,.07);--glass-hi:rgba(255,255,255,.1);--glass-border:rgba(255,255,255,.13);--sheet:rgba(28,28,38,.82);--seg-bg:rgba(255,255,255,.08);--seg-active:rgba(255,255,255,.2);--shadow:0 14px 40px rgba(0,0,0,.5);--track:rgba(255,255,255,.12);--accent:#0a84ff;--good:#30d158;--danger:#ff453a;--sky:linear-gradient(#1d3a5c,#0d2138);--slat:repeating-linear-gradient(180deg,#4b5060 0,#4b5060 5px,#393e4b 5px,#393e4b 7px)}}html[data-theme=light]{--text:#15151a;--text2:rgba(40,40,52,.62);--text3:rgba(40,40,52,.42);--mesh:radial-gradient(at 14% 18%,#ffd6b8 0,transparent 52%),radial-gradient(at 86% 12%,#e6ccff 0,transparent 48%),radial-gradient(at 78% 82%,#b9efdd 0,transparent 52%),radial-gradient(at 16% 90%,#c8defc 0,transparent 48%),#f1eef3;--glass:rgba(255,255,255,.46);--glass-hi:rgba(255,255,255,.72);--glass-border:rgba(255,255,255,.7);--sheet:rgba(248,247,250,.86);--seg-bg:rgba(120,120,140,.15);--seg-active:rgba(255,255,255,.94);--shadow:0 10px 34px rgba(50,40,70,.13);--track:rgba(120,120,140,.22);--accent:#0a78ff;--good:#27ad4b;--danger:#ff3b30;--sky:linear-gradient(#bfe4ff,#e9f5ff);--slat:repeating-linear-gradient(180deg,#cfd3db 0,#cfd3db 5px,#b8bcc7 5px,#b8bcc7 7px)}html[data-theme=dark]{--text:#f4f4f7;--text2:rgba(235,235,245,.6);--text3:rgba(235,235,245,.38);--mesh:radial-gradient(at 14% 16%,#38275f 0,transparent 55%),radial-gradient(at 86% 12%,#173f63 0,transparent 50%),radial-gradient(at 80% 84%,#15564a 0,transparent 55%),radial-gradient(at 14% 92%,#3a1f52 0,transparent 50%),#07070d;--glass:rgba(255,255,255,.07);--glass-hi:rgba(255,255,255,.1);--glass-border:rgba(255,255,255,.13);--sheet:rgba(28,28,38,.82);--seg-bg:rgba(255,255,255,.08);--seg-active:rgba(255,255,255,.2);--shadow:0 14px 40px rgba(0,0,0,.5);--track:rgba(255,255,255,.12);--accent:#0a84ff;--good:#30d158;--danger:#ff453a;--sky:linear-gradient(#1d3a5c,#0d2138);--slat:repeating-linear-gradient(180deg,#4b5060 0,#4b5060 5px,#393e4b 5px,#393e4b 7px)}@keyframes alf-toast{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes alf-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes alf-sheet{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes alf-spin{to{transform:rotate(360deg)}}.glass{background:linear-gradient(150deg,var(--glass-hi),transparent 45%),var(--glass);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow)}.app{position:relative;min-height:100vh;overflow-x:hidden;color:var(--text)}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--mesh);background-size:cover}.app-main{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:0 16px 132px}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:max(24px,calc(env(safe-area-inset-top) + 8px)) 4px 20px}.app-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text3);margin-bottom:6px}.app-title{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.05}.app-sub{font-size:15px;color:var(--text2);margin-top:6px}.icon-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;flex:none;padding:13px;transition:transform .2s}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:100%;height:100%;display:block}.page-anim{animation:alf-fade .3s ease}.seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--seg-bg)}.seg.inline{width:max-content}.seg-btn{padding:9px 18px;border-radius:11px;border:none;cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;color:var(--text2);background:transparent;transition:all .2s}.seg-btn.on{color:var(--text);background:var(--seg-active);box-shadow:0 1px 4px #0000001f}.seg-btn.grow{flex:1}.scene-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.round-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:transform .15s;border:1px solid var(--glass-border);color:var(--accent)}.round-btn:active{transform:scale(.92)}.round-btn svg{width:22px;height:22px;display:block}.round-btn.on{background:var(--accent)!important;color:#fff}.featured{border-radius:24px;padding:18px;margin-bottom:16px}.featured-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.featured-name{font-size:16px;font-weight:700}.featured-sub{font-size:13px;color:var(--text2);margin-top:3px}.featured-pct{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--accent)}.bar-track{height:8px;border-radius:99px;background:var(--track);overflow:hidden;margin-bottom:14px}.bar-fill{height:100%;border-radius:99px;background:var(--accent);transition:width .45s ease}.featured-actions{display:flex;gap:10px}.btn-fill,.btn-soft{flex:1;border:none;padding:13px;border-radius:14px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .15s}.btn-fill{background:var(--accent);color:#fff}.btn-soft{background:var(--seg-bg);color:var(--text)}.btn-fill:active,.btn-soft:active{transform:scale(.97)}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tile-wrap{position:relative}.tile-wrap.span2{grid-column:span 2}.scene-tile{width:100%;min-height:152px;border-radius:24px;padding:18px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;color:var(--text);transition:transform .18s}.scene-tile.compact{min-height:0;padding:16px;border-radius:24px;gap:12px}.scene-tile:hover{transform:translateY(-2px)}.scene-tile:active{transform:scale(.98)}.tile-top{display:flex;align-items:center;justify-content:space-between}.scene-emoji{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:var(--seg-bg);font-size:24px;line-height:1}.scene-tile.compact .scene-emoji{width:42px;height:42px;border-radius:13px;font-size:21px}.scene-emoji.spin{animation:alf-spin 1s linear infinite}.tile-body{margin-top:auto}.scene-name{font-size:18px;font-weight:700;letter-spacing:-.01em}.scene-tile.compact .scene-name{font-size:16px}.scene-desc{font-size:13px;color:var(--text2);margin-top:3px}.scene-tile.compact .scene-desc{font-size:12px;margin-top:2px}.scene-badge{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--good)}.scene-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--good)}.scene-badge-dot{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 22%,transparent)}.scene-levelrow{display:flex;justify-content:space-between;font-size:11px;color:var(--text3);margin-bottom:5px}.del-badge{position:absolute;top:-7px;right:-7px;z-index:6;width:28px;height:28px;border-radius:50%;border:2px solid var(--sheet);cursor:pointer;background:var(--danger);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;line-height:1;box-shadow:0 2px 8px #0000004d}.empty-state{color:var(--text2);font-size:14px;text-align:center;padding:40px 12px;line-height:1.6}.area-section{margin-bottom:22px}.area-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin:0 4px 10px}.device-list{display:flex;flex-direction:column;gap:12px}.device-card{border-radius:22px;padding:14px}.device-row{display:flex;align-items:center;gap:14px}.device-viz{position:relative;width:46px;height:60px;border-radius:11px;overflow:hidden;background:var(--sky);flex:none;box-shadow:inset 0 0 0 1px #0000000f}.device-cover{position:absolute;top:0;left:0;right:0;background:var(--slat);border-radius:9px 9px 4px 4px;box-shadow:0 2px 5px #0000002e;transition:height .12s linear}.device-info{flex:1;min-width:0}.device-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-meta{font-size:12px;color:var(--text3);margin-top:2px}.device-pos{font-size:13px;font-weight:600;color:var(--accent);margin-top:4px}.ctrl-group{display:flex;background:var(--seg-bg);border-radius:15px;padding:4px;gap:2px;flex:none}.ctrl-btn{width:38px;height:42px;border:none;background:transparent;border-radius:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:all .15s}.ctrl-btn:active{background:var(--accent);color:#fff}.ctrl-btn svg{width:20px;height:20px;display:block}.ctrl-btn.stop svg{width:16px;height:16px}.slat-row{margin-top:13px;padding-top:13px;border-top:1px solid var(--glass-border);display:flex;align-items:center;gap:12px}.slat-info{flex:1;min-width:0}.slat-head{display:flex;justify-content:space-between;font-size:12px;color:var(--text3);margin-bottom:6px}.slat-head b{color:var(--text2);font-weight:600}.ctrl-group.sm{border-radius:13px;padding:3px}.ctrl-group.sm .ctrl-btn{width:36px;height:36px;border-radius:10px}.ctrl-group.sm .ctrl-btn svg{width:18px;height:18px}.nav{position:fixed;left:50%;transform:translate(-50%);bottom:max(16px,env(safe-area-inset-bottom));width:min(420px,calc(100% - 32px));z-index:20;display:flex;padding:8px;border-radius:26px}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:5px 4px;font-size:11px;font-weight:600;font-family:inherit;color:var(--text3);transition:color .2s}.nav-btn.active{color:var(--accent)}.nav-icon{width:24px;height:24px;display:block}.nav-icon svg{width:100%;height:100%;display:block}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:40;padding:12px 22px;border-radius:18px;font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;animation:alf-toast .25s ease}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000006b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet{position:relative;width:min(560px,100%);max-height:90vh;overflow-y:auto;border-radius:30px 30px 0 0;background:var(--sheet);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border-top:1px solid var(--glass-border);box-shadow:0 -16px 50px #00000059;padding:14px 18px calc(28px + env(safe-area-inset-bottom));animation:alf-sheet .3s ease}.sheet-grip{width:40px;height:5px;border-radius:9px;background:var(--track);margin:0 auto 14px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sheet-title{font-size:16px;font-weight:700}.sheet-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:16px;color:var(--text2);padding:4px 0}.sheet-link.accent{font-weight:700;color:var(--accent)}.field-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}.icon-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.icon-opt{width:46px;height:46px;flex:none;border-radius:14px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;background:var(--seg-bg);transition:all .15s}.icon-opt.on{background:var(--accent)}.act-row{padding:13px 0;border-top:1px solid var(--glass-border)}.act-name{font-size:14px;font-weight:600;margin-bottom:9px}.act-name span{color:var(--text3);font-weight:400}.opt-seg{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--seg-bg)}.opt-btn{flex:1;padding:9px 0;border-radius:9px;border:none;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;color:var(--text2);background:transparent;transition:all .15s}.opt-btn.on{color:#fff;background:var(--accent)}.btn-danger{width:100%;margin-top:22px;padding:14px;border-radius:14px;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.btn-danger:active{transform:scale(.99)}.settings-card{border-radius:20px;padding:16px;margin-bottom:22px}.settings-card.flush{padding:0;overflow:hidden}.settings-row-title{font-size:15px;font-weight:600;margin-bottom:10px}.hr{height:1px;background:var(--glass-border);margin:16px 0}.section-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin:0 4px 10px}.section-header{display:flex;align-items:center;justify-content:space-between;margin:0 4px 10px}.section-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}.settings-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--glass-border)}.settings-item:first-child{border-top:none}.settings-item-info{flex:1;min-width:0}.settings-item-title{font-size:15px;font-weight:600}.settings-item-sub{font-size:12px;color:var(--text3);margin-top:2px}.settings-item-actions{display:flex;gap:4px;flex:none}.btn-icon{width:36px;height:36px;border:none;background:var(--seg-bg);border-radius:10px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;color:var(--text)}.sys-row{display:flex;align-items:center;justify-content:space-between}.sys-row .lbl{font-size:15px;font-weight:600}.sys-row .val{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text2)}.dot-good{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 22%,transparent)}.app-footer{text-align:center;color:var(--text3);font-size:12px;padding:8px 0 4px}.add-row{width:100%;border-radius:20px;padding:15px 16px;margin-bottom:22px;display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--accent);font-family:inherit;font-size:15px;font-weight:600}.add-row:active{transform:scale(.99)}.add-row svg{width:22px;height:22px;display:block}.page{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 16px 132px}.page-title{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:20px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text2);margin-bottom:7px}.form-input{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--glass-border);background:var(--seg-bg);color:var(--text);font-size:15px;font-family:inherit;outline:none}.form-input:focus{border-color:var(--accent)}select.form-input{-moz-appearance:none;appearance:none;-webkit-appearance:none}.btn{padding:10px 16px;border-radius:13px;border:1px solid var(--glass-border);background:var(--seg-bg);color:var(--text);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:#fff;border:none}.btn.sm{padding:8px 13px;font-size:13px;border-radius:11px}.icon-picker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.icon-option{width:46px;height:46px;border-radius:14px;border:none;background:var(--seg-bg);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-option.selected{background:var(--accent)}.action-row{display:flex;gap:10px;align-items:center}.duration-input{width:84px;padding:13px 12px;border-radius:14px;border:1px solid var(--glass-border);background:var(--seg-bg);color:var(--text);font-size:15px;font-family:inherit;outline:none}