.sb-container{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.sb-groups{display:flex;gap:clamp(6px,1vw,10px)}.sb-group{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:clamp(10px,1.8vh,14px) clamp(10px,1.5vw,16px);background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s}.sb-group:active{background:var(--bg-base)}.sb-group-on{background:#22c55e1a;border-color:#22c55e59}.sb-group-label{font-size:clamp(13px,1.8vw,15px);font-weight:600;color:var(--text-primary);white-space:nowrap}.sb-group-state{font-size:clamp(10px,1.2vw,12px);font-weight:700;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase}.sb-group-on .sb-group-state{color:var(--status-ok)}.sb-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-ms-overflow-style:none;scrollbar-width:none}.sb-chips::-webkit-scrollbar{display:none}.sb-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff0a;border:1px solid var(--border-primary);border-radius:24px;font-size:clamp(12px,1.6vw,14px);color:#777;white-space:nowrap;cursor:pointer;transition:all .25s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.sb-chip:active{background:#ffffff14}.sb-chip-active{background:#ffb74d1f;border-color:#ffb74d59;color:#ffb74d}.sb-chip-icon{font-size:14px}.sb-chip-label{font-weight:500}@media(max-width:600px){.sb-group{padding:8px;gap:4px}.sb-group-label{font-size:13px}.sb-group-state{font-size:10px}.sb-chip{padding:7px 14px;font-size:12px}}@media(max-height:650px)and (min-width:601px)and (orientation:landscape){.sb-container{gap:6px}.sb-group{padding:6px 10px;gap:6px}.sb-group-label{font-size:12px}.sb-group-state{font-size:9px}.sb-chip{padding:6px 12px;font-size:12px}}.color-wheel-container{display:flex;justify-content:center;padding:8px 0 4px}.color-wheel-wrapper{position:relative;width:100%;max-width:280px;aspect-ratio:1}.color-wheel-canvas{position:absolute;top:0;left:0;border-radius:50%;touch-action:none;cursor:crosshair}.color-wheel-overlay{position:absolute;top:0;left:0;border-radius:50%;touch-action:none;cursor:crosshair;pointer-events:none}.color-wheel-center{position:absolute;top:50%;left:50%;width:50px;height:50px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid rgba(255,255,255,.8);box-shadow:0 0 8px #0006;pointer-events:none;transition:background-color .1s}.dc-card{position:relative;border-radius:18px;padding:clamp(12px,2vh,16px) clamp(14px,2vw,18px);background:#13181f;border:1px solid var(--border-primary);transition:all .35s ease;cursor:pointer}.dc-card>*{position:relative;z-index:1}.dc-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:19px;z-index:0;opacity:0;transition:opacity .4s;pointer-events:none}.dc-on:before{opacity:1}.dc-warm:before{background:linear-gradient(145deg,rgba(255,163,71,.18) 0%,rgba(255,183,77,.06) 40%,transparent 75%)}.dc-cool:before{background:linear-gradient(145deg,rgba(140,186,255,.18) 0%,rgba(160,196,255,.06) 40%,transparent 75%)}.dc-natural:before{background:linear-gradient(145deg,rgba(255,210,160,.16) 0%,rgba(255,217,170,.05) 40%,transparent 75%)}.dc-rgbw:before{background:linear-gradient(145deg,rgba(88,166,255,.18) 0%,rgba(139,92,246,.08) 40%,transparent 75%)}.dc-off{cursor:default}.dc-off .dc-name{color:#4a5060}.dc-off .dc-meta{color:#383e4a}.dc-top{display:flex;align-items:center;gap:12px}.dc-bulb{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:all .3s}.dc-bulb-off{opacity:.25}.dc-bulb-on{animation:dc-pulse 3s ease-in-out infinite}.dc-bulb-warm{background:radial-gradient(circle at 50% 45%,rgba(255,183,77,.35) 0%,rgba(255,163,71,.1) 50%,transparent 70%)}.dc-bulb-cool{background:radial-gradient(circle at 50% 45%,rgba(160,196,255,.35) 0%,rgba(140,180,240,.1) 50%,transparent 70%)}.dc-bulb-natural{background:radial-gradient(circle at 50% 45%,rgba(255,217,170,.3) 0%,rgba(255,200,150,.08) 50%,transparent 70%)}@keyframes dc-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dc-ring{width:40px;height:40px;border-radius:50%;padding:3px;background:conic-gradient(#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#9b59b6,#ff6b6b);flex-shrink:0;opacity:.85;transition:all .3s}.dc-ring-off{opacity:.2;filter:saturate(0)}.dc-ring-inner{width:100%;height:100%;border-radius:50%;background:#13181f;display:flex;align-items:center;justify-content:center}.dc-ring-dot{width:16px;height:16px;border-radius:50%;transition:background-color .3s}.dc-ring-dot-off{background-color:#333}.dc-ring-dot-white{background-color:#ffd9aa}.dc-ring-dot-color{background-color:var(--accent-blue)}.dc-info{flex:1;min-width:0}.dc-name{font-size:clamp(14px,2vw,16px);font-weight:600;color:var(--text-primary);transition:color .2s}.dc-meta{font-size:clamp(11px,1.4vw,12px);color:var(--text-secondary);margin-top:1px;transition:color .2s}.dc-toggle{width:44px;height:26px;border-radius:13px;border:none;position:relative;cursor:pointer;transition:background .25s;background:#252a33;flex-shrink:0;-webkit-tap-highlight-color:transparent;padding:0}.dc-toggle-on{background:var(--status-ok);box-shadow:0 0 12px #22c55e40}.dc-toggle-knob{display:block;width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000004d}.dc-toggle-on .dc-toggle-knob{transform:translate(18px)}.dc-toggle:disabled{opacity:.4;cursor:not-allowed}.dc-brightness{display:flex;align-items:center;gap:10px;margin-top:12px}.dc-slider-track{flex:1;height:8px;border-radius:4px;background:#1a1f28;position:relative;overflow:hidden}.dc-slider-fill{height:100%;border-radius:4px;pointer-events:none}.dc-fill-warm{background:linear-gradient(90deg,#b87333,#ffb74d);box-shadow:0 0 8px #ffb74d33}.dc-fill-cool{background:linear-gradient(90deg,#4a7ab5,#a0c4ff);box-shadow:0 0 8px #a0c4ff33}.dc-fill-natural{background:linear-gradient(90deg,#b08d5e,#ffd9aa);box-shadow:0 0 8px #ffd9aa33}.dc-fill-color{background:linear-gradient(90deg,#2d6abf,#58a6ff);box-shadow:0 0 8px #58a6ff33}.dc-slider-input{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;margin:0}.dc-slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.2);box-shadow:0 1px 4px #0000004d;cursor:pointer;margin-top:-6px}.dc-slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.2);box-shadow:0 1px 4px #0000004d;cursor:pointer}.dc-brightness-val{font-size:13px;font-weight:700;color:var(--text-secondary);min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.dc-expanded{margin-top:12px}.dc-presets{display:flex;gap:6px}.dc-preset{flex:1;padding:clamp(7px,1.2vh,10px) 0;border-radius:10px;text-align:center;font-size:clamp(11px,1.5vw,13px);font-weight:600;cursor:pointer;transition:all .25s;border:1px solid transparent;background:none;text-transform:capitalize;-webkit-tap-highlight-color:transparent}.dc-preset-warm{background:#ffa3470f;color:#a07040;border-color:#ffa3471a}.dc-preset-warm.dc-preset-active{background:#ffa34726;color:#ffb74d;border-color:#ffa34766;box-shadow:0 0 16px #ffa3471f}.dc-preset-natural{background:#ffd9aa0f;color:#907050;border-color:#ffd9aa1a}.dc-preset-natural.dc-preset-active{background:#ffd9aa26;color:#ffd9aa;border-color:#ffd9aa66;box-shadow:0 0 16px #ffd9aa1f}.dc-preset-cool{background:#a0c4ff0f;color:#607898;border-color:#a0c4ff1a}.dc-preset-cool.dc-preset-active{background:#a0c4ff26;color:#a0c4ff;border-color:#a0c4ff66;box-shadow:0 0 16px #a0c4ff1f}.dc-mode-tabs{display:flex;gap:0;background:var(--bg-surface);border-radius:12px;padding:3px;margin-bottom:12px}.dc-mode-tab{flex:1;padding:8px;text-align:center;border-radius:10px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s;border:none;background:none;-webkit-tap-highlight-color:transparent}.dc-mode-tab-active{background:var(--bg-elevated);color:var(--text-primary)}.dc-effects{display:flex;gap:6px;flex-wrap:wrap}.dc-effect-chip{padding:6px 12px;background:#ffffff0a;border:1px solid var(--border-primary);border-radius:10px;font-size:11px;color:#777;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;-webkit-tap-highlight-color:transparent}.dc-effect-chip:active{background:#ffffff14;color:#bbb}.dc-effect-icon{font-size:13px}.dc-effect-name{text-transform:capitalize}@media(max-width:600px){.dc-card{padding:12px 14px;border-radius:14px}.dc-bulb,.dc-ring{width:36px;height:36px}.dc-toggle{width:40px;height:24px}.dc-toggle-knob{width:20px;height:20px}.dc-toggle-on .dc-toggle-knob{transform:translate(16px)}}@media(max-height:650px)and (min-width:601px)and (orientation:landscape){.dc-card{padding:8px 12px;border-radius:14px}.dc-bulb,.dc-ring{width:32px;height:32px;font-size:15px}.dc-ring-dot{width:12px;height:12px}.dc-top{gap:8px}.dc-brightness{margin-top:8px}.dc-slider-track{height:6px}.dc-toggle{width:38px;height:22px}.dc-toggle-knob{width:18px;height:18px}.dc-toggle-on .dc-toggle-knob{transform:translate(16px)}.dc-preset{padding:5px 0;font-size:11px}.dc-mode-tab{padding:6px;font-size:11px}}.cb-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:var(--bg-base);border-top:1px solid var(--border-primary);flex-shrink:0}.cb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cb-label{font-size:12px;font-weight:500}.cb-local .cb-dot{background:var(--status-ok);box-shadow:0 0 6px #22c55e66}.cb-local .cb-label{color:var(--status-ok)}.cb-relay .cb-dot{background:var(--accent-blue);box-shadow:0 0 6px #58a6ff66}.cb-relay .cb-label{color:var(--accent-blue)}.cb-connecting .cb-dot{background:var(--accent-orange);animation:cb-pulse 1.5s ease-in-out infinite}.cb-connecting .cb-label{color:var(--accent-orange)}@keyframes cb-pulse{0%,to{opacity:1}50%{opacity:.3}}.cb-offline .cb-dot{background:var(--status-error)}.cb-offline .cb-label{color:var(--status-error)}.lp-container{display:flex;flex-direction:column;height:100%;background:var(--bg-base);color:var(--text-primary);overflow:hidden}.lp-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,2vh,18px) clamp(14px,2vw,20px);flex-shrink:0}.lp-title{font-size:clamp(22px,3.5vw,28px);font-weight:800;color:#fff;letter-spacing:-.02em}.lp-header-actions{display:flex;align-items:center;gap:10px}.lp-alloff{font-size:clamp(12px,1.6vw,14px);padding:7px 16px;background:#ffffff0f;border:1px solid var(--border-secondary);border-radius:20px;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.lp-alloff:active{background:#ffffff1a;color:var(--text-primary)}.lp-header-left{display:flex;align-items:center;gap:6px}.lp-back{width:28px;height:28px;border-radius:8px;background:#0f141ca6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:15px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.lp-back:active{background:#ffffff1a;color:#fff}.lp-scenes{padding:0 clamp(14px,2vw,20px);flex-shrink:0}.lp-devices{display:flex;flex-direction:column;gap:8px;padding:clamp(12px,2vh,16px) clamp(14px,2vw,20px);flex:1;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.lp-devices::-webkit-scrollbar{display:none}.lp-status{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px}.lp-error{color:var(--status-error)}@media(max-width:600px){.lp-header{padding:10px 14px}.lp-scenes{padding:0 14px}.lp-devices{padding:10px 14px;gap:6px}}@media(max-height:650px)and (min-width:601px)and (orientation:landscape){.lp-header{padding:6px 14px}.lp-title{font-size:20px}.lp-close{font-size:24px}.lp-alloff{padding:5px 12px;font-size:12px}.lp-scenes{padding:0 12px}.lp-devices{padding:6px 12px;gap:4px}}@media(min-width:1025px){.lp-container{max-width:480px;margin:0 auto}}:root{--bg-base: #0d1117;--bg-surface: #161b22;--bg-elevated: #21262d;--bg-input: #0d1117;--bg-card: #111827;--border-primary: #21262d;--border-secondary: #30363d;--border-subtle: #1e293b;--text-primary: #e2e8f0;--text-secondary: #8b949e;--text-muted: #484f58;--text-label: #64748b;--text-heading: #8899aa;--accent-blue: #58a6ff;--accent-green: #3fb950;--accent-orange: #f0883e;--accent-red: #f85149;--accent-yellow: #d29922;--accent-cyan: #79c0ff;--status-ok: #22c55e;--status-warning: #facc15;--status-error: #ef4444;--btn-primary-bg: #238636;--btn-primary-border: #238636;--btn-secondary-bg: #21262d;--btn-secondary-border: #30363d;--btn-danger-bg: #da3633;--btn-danger-border: #da3633;--radius-card: 10px;--radius-btn: 6px;--radius-badge: 10px;--spacing-page: clamp(8px, 2vw, 24px);--spacing-card: clamp(6px, 1.5vw, 16px);--header-height: 36px;--data-font-size: clamp(16px, 3vw, 34px);--label-font-size: clamp(9px, 1.5vw, 14px);--mfd-bg: #0a0a0a;--mfd-bg-header: #111111;--mfd-bg-panel: rgba(10, 10, 10, .92);--mfd-border: #2a2a2e;--mfd-text-primary: #e0e0e0;--mfd-text-secondary: #777777;--mfd-text-muted: #555555}@media(max-height:650px)and (min-width:601px)and (orientation:landscape){:root{--header-height: 30px;--spacing-page: clamp(4px, 1vw, 12px);--spacing-card: clamp(4px, 1vw, 10px);--data-font-size: clamp(14px, 2.5vw, 28px);--label-font-size: clamp(8px, 1.2vw, 12px)}}