.topnav{height:var(--topnav-height);display:flex;align-items:center;padding:0 20px;gap:16px;background:#0a0a12b8;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-bottom:1px solid rgba(255,255,255,.055);flex-shrink:0;z-index:100}.topnav-left{display:flex;align-items:baseline;gap:10px;min-width:0;flex-shrink:0}.topnav-time{font-size:17px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1;display:flex;align-items:baseline;gap:3px;white-space:nowrap}.topnav-ampm{font-size:10px;font-weight:600;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase}.topnav-date{font-size:11px;color:var(--text-dim);letter-spacing:.01em;white-space:nowrap}.topnav-chips{flex:1;display:flex;justify-content:center;align-items:center;gap:2px;min-width:0;overflow:hidden}.topnav-chip{display:flex;align-items:center;gap:5px;padding:6px 13px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-dim);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}.topnav-chip svg{flex-shrink:0;transition:color .15s}.topnav-chip:hover{color:var(--text);background:#ffffff0f}.topnav-chip.active{background:#ff9f0a29;color:var(--accent)}.topnav-chip.active svg{color:var(--accent)}.topnav-chip-wrap{position:relative;display:flex;align-items:center}.topnav-chip-remove{position:absolute;top:-4px;right:-4px;width:15px;height:15px;border-radius:50%;background:var(--red, #FF453A);border:1.5px solid rgba(0,0,0,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2;transition:opacity .15s}.topnav-chip-remove:hover{opacity:.8}.topnav-add-page-btn{cursor:pointer;color:#ff9f0a99}.topnav-add-page-btn:hover{background:var(--accent-dim);color:var(--accent)}.topnav-add-page-form{display:flex;align-items:center;gap:4px}.topnav-add-page-input{background:var(--surface2);border:1px solid rgba(255,159,10,.35);border-radius:999px;color:var(--text);font-size:12px;font-weight:600;padding:5px 12px;outline:none;width:120px;font-family:var(--font)}.topnav-add-page-input::placeholder{color:var(--text-dim)}.topnav-add-page-confirm,.topnav-add-page-cancel{width:26px;height:26px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s}.topnav-add-page-confirm:hover,.topnav-add-page-cancel:hover{opacity:.8}.topnav-add-page-confirm{background:var(--accent);color:#000}.topnav-add-page-cancel{background:var(--surface2);color:var(--text-muted)}.topnav-right{display:flex;align-items:center;gap:10px;flex-shrink:0;justify-content:flex-end}.topnav-weather{display:flex;align-items:center;gap:4px}.topnav-weather-icon{color:var(--accent)}.topnav-weather-temp{font-size:13px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.topnav-conn{display:flex;align-items:center}.topnav-conn-dot{width:6px;height:6px;border-radius:50%}.topnav-conn.ok .topnav-conn-dot{background:var(--green);box-shadow:0 0 5px #30d15899;animation:conn-pulse 3s ease-in-out infinite}.topnav-conn.err .topnav-conn-dot{background:var(--red);box-shadow:0 0 5px #ff453a99}@keyframes conn-pulse{0%,to{opacity:1}50%{opacity:.45}}.topnav-edit-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.topnav-edit-btn:hover{background:#ffffff1a;color:var(--text)}.topnav-edit-btn.active{background:var(--accent);border-color:var(--accent);color:#000}.bg-picker{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius-sm);color:var(--text-muted);font-family:var(--font);font-size:12px;font-weight:500;padding:5px 10px;cursor:pointer;outline:none;transition:border-color var(--transition-fast),color var(--transition-fast)}.bg-picker:hover{border-color:#ffffff29;color:var(--text)}.bg-picker option{background:#1a1a24;color:var(--text)}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}.toast{position:relative;display:flex;align-items:center;gap:10px;min-width:260px;max-width:360px;padding:12px 14px;border-radius:var(--card-radius-sm);border:1px solid transparent;overflow:hidden;pointer-events:all;animation:toast-in .28s cubic-bezier(.34,1.56,.64,1) both;box-shadow:var(--shadow-lg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}@keyframes toast-in{0%{opacity:0;transform:translate(28px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.toast-info{background:#140e04e0;border-color:#ff9f0a47}.toast-info .toast-icon{color:var(--accent)}.toast-warning{background:#140a04e0;border-color:#ff78324d}.toast-warning .toast-icon{color:#ff7b30}.toast-critical{background:#140404e0;border-color:#ff453a59}.toast-critical .toast-icon{color:var(--red)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#ffffff0d}.toast-message{flex:1;font-size:13px;font-weight:500;color:var(--text);line-height:1.35}.toast-close{flex-shrink:0;width:24px;height:24px;border:none;background:#ffffff12;border-radius:6px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.toast-close:hover{background:#ffffff1f;color:var(--text)}.toast-progress-bar{position:absolute;bottom:0;left:0;height:2px;transition:width .1s linear}.toast-info .toast-progress-bar{background:var(--accent)}.toast-warning .toast-progress-bar{background:#ff7b30}.toast-critical .toast-progress-bar{background:var(--red)}.alarm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:alarm-bg-flash 1s ease-in-out infinite alternate}.alarm-overlay-fire{background:radial-gradient(ellipse at center,#b41e0af7,#5a0a00fc)}.alarm-overlay-water{background:radial-gradient(ellipse at center,#0a3ca0f7,#051450fc)}@keyframes alarm-bg-flash{0%{filter:brightness(1)}to{filter:brightness(1.18)}}.alarm-pulse-ring{position:absolute;width:280px;height:280px;border-radius:50%;border:2px solid rgba(255,255,255,.15);animation:alarm-ring-pulse 1.4s ease-out infinite;pointer-events:none}@keyframes alarm-ring-pulse{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.6);opacity:0}}.alarm-content{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:40px;position:relative;z-index:1}.alarm-icon-wrap{color:#fff;opacity:.95;filter:drop-shadow(0 0 24px rgba(255,255,255,.5));animation:alarm-icon-bounce .6s ease-in-out infinite alternate}@keyframes alarm-icon-bounce{0%{transform:scale(1)}to{transform:scale(1.1)}}.alarm-title{font-size:36px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15;text-shadow:0 2px 16px rgba(0,0,0,.4)}.alarm-secondary{display:flex;flex-direction:column;gap:6px}.alarm-secondary-item{font-size:16px;font-weight:500;color:#ffffffbf}.alarm-dismiss-btn{margin-top:12px;padding:16px 48px;border-radius:50px;border:2px solid rgba(255,255,255,.4);background:#ffffff1f;color:#fff;font-size:18px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.alarm-dismiss-btn:hover,.alarm-dismiss-btn:active{background:#ffffff38;border-color:#ffffffa6}.db-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:9000;display:flex;align-items:center;justify-content:center;animation:db-fade-in .2s ease}@keyframes db-fade-in{0%{opacity:0}to{opacity:1}}.db-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 24px 80px #000000b3;width:min(90vw,640px);animation:db-slide-in .25s var(--spring, cubic-bezier(.34,1.56,.64,1))}@keyframes db-slide-in{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.db-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--surface2);border-bottom:1px solid var(--border)}.db-bell-icon{color:var(--accent);flex-shrink:0}.db-title{flex:1;font-size:15px;font-weight:600;color:var(--text)}.db-countdown{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.db-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast),color var(--transition-fast)}.db-close:hover{background:var(--surface3, #2e2318);color:var(--text)}.db-image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#000}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);background-image:var(--body-bg-image, none);background-size:cover;background-position:center;z-index:9999}.login-card{background:#0e0e16bf;backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow-lg);padding:40px 36px;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:8px}.login-icon{font-size:40px;margin-bottom:4px}.login-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.03em;margin:0}.login-subtitle{font-size:13px;color:var(--text-muted);margin:0 0 12px}.login-form{width:100%;display:flex;flex-direction:column;gap:10px}.login-input{width:100%;padding:12px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:16px;outline:none;transition:border-color .15s;box-sizing:border-box;text-align:center;letter-spacing:.1em}.login-input:focus{border-color:#ff9f0a80}.login-input.error{border-color:#ff453a99}.login-input::placeholder{letter-spacing:0;color:var(--text-muted)}.login-error{font-size:12px;color:#ff453a;text-align:center;margin:0;font-weight:500}.login-btn{width:100%;padding:13px;background:var(--accent);border:none;border-radius:14px;color:#000;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .12s var(--spring);letter-spacing:-.01em;margin-top:4px}.login-btn:disabled{opacity:.45;cursor:default}.login-btn:active:not(:disabled){transform:scale(.97)}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.widget-shell{width:100%;height:100%;display:flex;flex-direction:column;background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow);overflow:hidden;transition:opacity .2s ease,border-color .2s ease}.widget-shell.edit-mode{opacity:.85;border-color:#ff9f0a4d;cursor:grab}.widget-shell.edit-mode:active{cursor:grabbing}.widget-shell-drag-bar{height:28px;min-height:28px;background:#ff9f0a14;border-bottom:1px solid rgba(255,159,10,.15);display:flex;align-items:center;justify-content:space-between;padding:0 8px;cursor:grab;flex-shrink:0;user-select:none;-webkit-user-select:none}.widget-shell-drag-bar:active{cursor:grabbing}.widget-shell-grip{color:var(--text-muted);opacity:.6}.widget-shell-remove{width:20px;height:20px;border-radius:50%;background:var(--red, #FF453A);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:opacity .15s ease}.widget-shell-remove:hover{opacity:.85}.widget-shell-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.wcp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000059;display:flex;align-items:flex-end;justify-content:center}.wcp-sheet{width:100%;max-width:600px;max-height:70vh;background:#0e0e16b3;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-bottom:none;border-radius:var(--card-radius) var(--card-radius) 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.wcp-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.wcp-back{width:32px;height:32px;border-radius:50%;background:var(--surface2);border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast)}.wcp-back:hover{background:var(--surface3);color:var(--text)}.wcp-title{flex:1;font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.02em}.wcp-close{width:32px;height:32px;border-radius:50%;background:var(--surface2);border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast)}.wcp-close:hover{background:var(--surface3);color:var(--text)}.wcp-search-wrap{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.wcp-search-icon{color:var(--text-muted);flex-shrink:0}.wcp-search{flex:1;background:transparent;border:none;color:var(--text);font-size:14px;outline:none}.wcp-search::placeholder{color:var(--text-muted)}.wcp-list{overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.wcp-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.wcp-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.wcp-row:hover{background:var(--surface2)}.wcp-row:last-child{border-bottom:none}.wcp-row-icon{width:36px;height:36px;border-radius:10px;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.wcp-row-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.wcp-row-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wcp-row-id{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wcp-row-state{font-size:12px;color:var(--text-muted);font-weight:500;flex-shrink:0}.wcp-frigate-step{display:flex;flex-direction:column;gap:14px;padding:20px 16px}.wcp-frigate-hint{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0}.wcp-frigate-confirm{padding:10px 0;background:var(--accent);color:#1c1410;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity var(--transition-fast)}.wcp-frigate-confirm:hover{opacity:.85}.widget-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000059;display:flex;align-items:flex-end;justify-content:center}.widget-picker-sheet{width:100%;max-width:900px;max-height:70vh;background:#0e0e16b3;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-bottom:none;border-radius:var(--card-radius) var(--card-radius) 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.widget-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.widget-picker-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.02em}.widget-picker-close{width:32px;height:32px;border-radius:50%;background:var(--surface2);border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.widget-picker-close:hover{background:var(--surface3);color:var(--text)}.widget-picker-search-row{display:flex;align-items:center;gap:8px;margin:0 20px;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;flex-shrink:0}.widget-picker-search-icon{color:var(--text-dim);flex-shrink:0}.widget-picker-search{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px}.widget-picker-search::placeholder{color:var(--text-dim)}.widget-picker-search-clear{background:none;border:none;color:var(--text-dim);cursor:pointer;display:flex;padding:0}.widget-picker-empty{grid-column:1 / -1;text-align:center;padding:24px;color:var(--text-muted);font-size:13px}.widget-picker-grid{padding:16px 20px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch}.widget-picker-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform .12s var(--spring);-webkit-tap-highlight-color:transparent}.widget-picker-card:hover{background:var(--surface3);border-color:#ff9f0a4d}.widget-picker-card:active{transform:scale(.95)}.wpc-icon-wrap{width:44px;height:44px;border-radius:12px;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;color:var(--accent)}.wpc-label{font-size:12px;font-weight:600;color:var(--text);text-align:center;line-height:1.2}.wpc-size{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.clock-widget{padding:14px 16px;display:flex;flex-direction:column;gap:4px;height:100%;overflow:hidden}.cw-greeting-top{display:flex;flex-direction:column;gap:1px}.cw-greeting{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.cw-date{font-size:11px;color:var(--text-muted)}.cw-clock-row{display:flex;align-items:baseline;gap:5px;line-height:1;margin:2px 0;flex:1;align-content:center}.cw-time{font-size:48px;font-weight:700;color:var(--text);letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1}.cw-ampm{font-size:15px;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.wx-summary-widget{padding:14px 16px;display:flex;flex-direction:column;gap:8px;height:100%;overflow:hidden}.wx-summary-empty{color:var(--text-muted);font-size:13px;justify-content:center;align-items:center}.wxs-hero{display:flex;align-items:center;gap:12px;flex:1}.wxs-condition-icon{color:var(--accent);flex-shrink:0}@keyframes wxs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wxs-float{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes wxs-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes wxs-drip{0%,80%,to{transform:translateY(0);opacity:1}40%{transform:translateY(4px);opacity:.6}}@keyframes wxs-flash{0%,89%,91%,to{opacity:1}90%{opacity:.1}}@keyframes wxs-pulse-soft{0%,to{opacity:1}50%{opacity:.5}}@keyframes wxs-shimmer{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.wxs-icon-wrap{display:flex;flex-shrink:0}.wxs-icon-wrap.wx-sunny svg{animation:wxs-spin 12s linear infinite}.wxs-icon-wrap.wx-clear-night svg{animation:wxs-pulse-soft 4s ease-in-out infinite;color:#c4b5fd}.wxs-icon-wrap.wx-cloudy svg{animation:wxs-bob 5s ease-in-out infinite}.wxs-icon-wrap.wx-partlycloudy svg{animation:wxs-bob 6s ease-in-out infinite}.wxs-icon-wrap.wx-windy svg{animation:wxs-float 2s ease-in-out infinite}.wxs-icon-wrap.wx-windy-variant svg{animation:wxs-float 2s ease-in-out infinite}.wxs-icon-wrap.wx-rainy svg{animation:wxs-drip 2s ease-in-out infinite}.wxs-icon-wrap.wx-pouring svg{animation:wxs-drip 1.2s ease-in-out infinite}.wxs-icon-wrap.wx-lightning svg{animation:wxs-flash 3s ease-in-out infinite}.wxs-icon-wrap.wx-lightning-rainy svg{animation:wxs-flash 2.5s ease-in-out infinite}.wxs-icon-wrap.wx-snowy svg{animation:wxs-shimmer 3s ease-in-out infinite}.wxs-icon-wrap.wx-snowy-rainy svg{animation:wxs-drip 2.5s ease-in-out infinite}.wxs-icon-wrap.wx-hail svg{animation:wxs-drip 1.5s ease-in-out infinite}.wxs-icon-wrap.wx-fog svg{animation:wxs-pulse-soft 5s ease-in-out infinite}.wxs-icon-wrap.wx-hazy svg{animation:wxs-pulse-soft 6s ease-in-out infinite}.wxs-temp-block{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.wxs-temp{font-size:38px;font-weight:700;color:var(--text);letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1}.wxs-unit{font-size:18px;font-weight:500}.wxs-label{font-size:12px;color:var(--text-muted);font-weight:500}.wxs-wind-compass{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.wxs-wind-arrow{color:var(--accent);display:flex}.wxs-cardinal{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.wxs-stats{display:flex;flex-wrap:wrap;gap:6px}.wxs-stat{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);font-weight:500}.wxs-stat svg{color:var(--accent);flex-shrink:0}.wxs-stat-rain{color:#60a5fa}.wxs-stat-rain svg{color:#60a5fa}.wxs-hilow{display:flex;gap:10px}.wxs-hi{font-size:12px;font-weight:600;color:var(--text)}.wxs-lo{font-size:12px;font-weight:600;color:var(--text-muted)}.forecast-widget{padding:12px 14px;display:flex;flex-direction:column;gap:8px;height:100%;overflow:hidden}.fw-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.fw-pills{display:flex;gap:5px;flex:1;align-items:stretch}.fw-pill{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius-sm);padding:8px 4px}.fw-pill.today{background:var(--accent-dim);border-color:#ff9f0a33}.fw-day{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.fw-icon{color:var(--accent)}.fw-hi{font-size:12px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.fw-lo{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.hourly-widget{padding:12px 14px;display:flex;flex-direction:column;gap:8px;height:100%;overflow:hidden}.hourly-empty{color:var(--text-muted);font-size:12px;align-items:center;justify-content:center}.hw-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}.hw-scroll{flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.hw-strip{display:flex;gap:8px;width:max-content;height:100%;align-items:stretch}.hw-pill{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:10px 10px 6px;min-width:58px}.hw-pill.now{background:var(--accent-dim);border-color:var(--accent-dim2)}.hw-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.hw-icon{color:var(--accent)}.hw-temp{font-size:13px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.hw-precip{font-size:10px;color:#60a5fa;font-weight:600}.hw-bar-track{width:100%;height:24px;display:flex;align-items:flex-end}.hw-bar-fill{width:100%;min-height:2px;background:#60a5fa80;border-radius:2px}.lights-overview-widget{width:100%;height:100%;display:flex;align-items:center;gap:14px;padding:16px;background:none;border:none;cursor:pointer;text-align:left;transition:opacity .15s ease;-webkit-tap-highlight-color:transparent}.lights-overview-widget:active{opacity:.7}.low-icon-wrap{width:52px;height:52px;border-radius:14px;background:#ff9f0a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.lights-overview-widget.active .low-icon-wrap{background:var(--accent-dim)}.low-icon{color:var(--text-muted);transition:color .2s ease}.lights-overview-widget.active .low-icon{color:var(--accent)}.low-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.low-count{font-size:20px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.lights-overview-widget.active .low-count{color:var(--accent)}.low-total{font-size:12px;color:var(--text-muted)}.low-chevron{color:var(--text-muted);flex-shrink:0}.popup-grid-container{position:relative;width:100%;min-height:120px}.popup-grid-unknown{display:flex;align-items:center;justify-content:center;height:100%;font-size:11px;color:var(--text-muted);padding:8px;text-align:center}.popup-grid-empty{display:flex;align-items:center;justify-content:center;height:120px;font-size:13px;color:var(--text-muted);font-style:italic}.popup-grid-add-row{display:flex;justify-content:center;padding:12px 16px 16px}.popup-grid-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;background:var(--accent);color:#000;font-size:13px;font-weight:700;border:none;cursor:pointer;box-shadow:0 2px 12px #ff9f0a59;transition:opacity .15s ease;letter-spacing:-.01em}.popup-grid-add-btn:hover{opacity:.9}.popup-grid-add-btn:active{transform:scale(.96)}.room-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000059;display:flex;align-items:center;justify-content:center;padding:20px}.room-overlay-sheet{background:#0e0e16b3;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--card-radius);width:100%;max-width:min(1100px,95vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.room-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0;gap:12px}.room-overlay-title-row{display:flex;align-items:center;gap:10px;min-width:0}.room-overlay-icon{color:var(--accent);flex-shrink:0}.room-overlay-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.02em}.room-overlay-on-badge{font-size:10px;font-weight:700;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(255,159,10,.22);border-radius:999px;padding:2px 8px;white-space:nowrap}.room-overlay-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.room-overlay-all-btn{padding:7px 16px;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(255,159,10,.22);color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.room-overlay-all-btn:hover{background:var(--accent-dim2)}.room-overlay-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--surface2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.room-overlay-close:hover{background:var(--surface3);color:var(--text)}.room-overlay-body{overflow-y:auto;flex:1}.room-widget{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:11px;background:none;border:none;cursor:pointer;text-align:left;transition:opacity .15s ease;-webkit-tap-highlight-color:transparent}.room-widget:active{opacity:.7}.room-widget.active .rw-name{color:var(--accent)}.room-widget.active .rw-icon{color:var(--accent);opacity:.55}.room-widget-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;padding:12px}.rw-header{display:flex;align-items:flex-start;justify-content:space-between;gap:4px}.rw-name{font-size:13px;font-weight:700;color:var(--text);line-height:1.2;letter-spacing:-.01em}.rw-badge{font-size:9px;font-weight:700;background:var(--accent-dim2);color:var(--accent);border:1px solid rgba(255,159,10,.22);padding:2px 6px;border-radius:999px;white-space:nowrap;flex-shrink:0}.rw-icon{display:flex;align-items:flex-end;color:var(--text-dim);transition:color .2s ease}.light-toggle{position:relative;aspect-ratio:1;width:100%;overflow:hidden;border-radius:var(--card-radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.light-toggle.on{border-color:var(--border-active);box-shadow:0 0 20px var(--accent-glow),var(--shadow)}.light-toggle.unavailable{opacity:.38;cursor:not-allowed}.light-toggle:not(.dragging):active{transform:scale(.95);transition:transform .12s var(--spring)}.light-toggle-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#ff9f0a4d,#ff9f0a1a);transition:height .06s linear;pointer-events:none}.light-toggle-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:12px;pointer-events:none;z-index:1}.light-toggle-icon-wrap{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface2);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.light-toggle.on .light-toggle-icon-wrap{background:var(--accent-dim2);box-shadow:0 0 12px var(--accent-glow)}.light-toggle-icon{color:var(--text-dim);transition:color var(--transition-fast),filter var(--transition-fast)}.light-toggle.on .light-toggle-icon{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent-glow))}.light-toggle-name{font-size:12px;font-weight:600;color:var(--text);line-height:1.3;letter-spacing:-.01em;word-break:break-word}.light-toggle.on .light-toggle-name{color:var(--accent)}.light-toggle-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--accent);letter-spacing:-.03em;pointer-events:none;z-index:2;text-shadow:0 0 12px var(--accent-glow)}.sortable-tile-wrap{position:relative}.sortable-remove-btn{position:absolute;top:-6px;right:-6px;z-index:10;width:20px;height:20px;border-radius:50%;background:var(--red);border:2px solid var(--bg);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;touch-action:manipulation;box-shadow:0 2px 6px #0006}.sortable-rename-btn{position:absolute;bottom:6px;left:6px;z-index:10;width:24px;height:24px;border-radius:6px;background:var(--accent-dim);border:none;color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;touch-action:manipulation}.sortable-drag-handle{position:absolute;bottom:6px;right:6px;z-index:10;width:24px;height:24px;border-radius:6px;background:#ffffff1f;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.sortable-drag-handle:active{cursor:grabbing;background:#fff3}.picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.picker-sheet{width:100%;max-width:540px;max-height:72vh;background:#16161ef7;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.picker-title{font-size:16px;font-weight:700;color:var(--text)}.picker-close{width:28px;height:28px;border-radius:50%;background:#ffffff14;border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.picker-search-wrap{position:relative;padding:12px 20px;flex-shrink:0}.picker-search-icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.picker-search{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:9px 12px 9px 34px;font-size:14px;color:var(--text);outline:none;font-family:var(--font)}.picker-search::placeholder{color:var(--text-dim)}.picker-list{overflow-y:auto;flex:1;padding:0 12px 20px}.picker-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:10px 8px 6px}.picker-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:10px;border:none;background:none;cursor:pointer;text-align:left;transition:background .15s;touch-action:manipulation}.picker-row:hover,.picker-row:active{background:#ffffff0f}.picker-row.restore .picker-row-icon{color:var(--green)}.picker-row:not(.restore):not(.present) .picker-row-icon{color:var(--accent)}.picker-row.present{opacity:.38;cursor:default}.picker-row-icon{flex-shrink:0;color:var(--text-dim)}.picker-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.picker-row-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-row-id{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-empty{text-align:center;padding:40px 0;color:var(--text-dim);font-size:14px}.lights-room-widget{display:flex;flex-direction:column;height:100%;overflow:hidden}.lights-room-empty{align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;padding:12px}.lrw-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;flex-shrink:0;border-bottom:1px solid var(--border);gap:10px}.lrw-title{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.01em}.lrw-all-btn{padding:5px 14px;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(255,159,10,.22);color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease;flex-shrink:0}.lrw-all-btn:hover{background:var(--accent-dim2)}.lrw-content{flex:1;overflow-y:auto;padding:10px 14px 12px}.lrw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.lrw-rename-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000008c;display:flex;align-items:center;justify-content:center}.lrw-rename-dialog{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px 20px 16px;width:min(320px,90vw);display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 60px #0009}.lrw-rename-title{font-size:15px;font-weight:700;color:var(--text)}.lrw-rename-hint{font-size:11px;color:var(--text-muted);margin-top:-4px}.lrw-rename-input{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--text);outline:none;transition:border-color .15s}.lrw-rename-input:focus{border-color:var(--accent)}.lrw-rename-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:2px}.lrw-rename-btn{padding:7px 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);transition:opacity .15s}.lrw-rename-reset{background:transparent;color:var(--text-muted);margin-right:auto}.lrw-rename-cancel{background:var(--surface2);color:var(--text-muted)}.lrw-rename-save{background:var(--accent);border-color:var(--accent);color:#000}.media-card{display:grid;grid-template-columns:72px 1fr auto;grid-template-rows:auto auto;column-gap:14px;row-gap:10px;padding:16px;background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-radius:var(--card-radius);border:1px solid var(--border);box-shadow:var(--shadow);align-items:center}.media-art{grid-row:1 / 3;width:72px;height:72px;border-radius:var(--card-radius-sm);object-fit:cover;background:var(--surface2);flex-shrink:0}.media-info{display:flex;flex-direction:column;gap:2px;min-width:0}.media-player-name{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-weight:600}.media-title{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.media-artist{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-state{font-size:13px;color:var(--text-muted);text-transform:capitalize}.media-controls{display:flex;align-items:center;gap:4px}.media-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast),color var(--transition-fast),transform .12s var(--spring)}.media-btn:hover{background:var(--surface2);color:var(--text)}.media-btn:active{transform:scale(.88)}.media-btn.play{background:var(--accent);color:var(--accent-text);width:44px;height:44px}.media-btn.play:hover{opacity:.85}.media-volume{grid-column:1 / 4;display:flex;align-items:center;gap:8px}.media-volume-icon{color:var(--text-muted);flex-shrink:0}.media-volume-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:4px;background:var(--surface2);outline:none;cursor:pointer}.media-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer}.media-volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.media-volume-value{font-size:11px;color:var(--text-muted);min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.media-player-widget{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.media-player-widget .media-card{flex:1;border-radius:0;border:none;background:transparent;box-shadow:none}.media-player-empty{align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;padding:12px}.alarm-card{background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-radius:var(--card-radius);border:1px solid var(--border);padding:22px;display:flex;flex-direction:column;gap:18px;max-width:360px}.alarm-card.alarm-green{border-left:3px solid var(--green)}.alarm-card.alarm-amber{border-left:3px solid var(--accent)}.alarm-card.alarm-red{border-left:3px solid var(--red);animation:alarm-pulse 1s ease-in-out infinite}@keyframes alarm-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 24px #ff453a4d}}.alarm-status{display:flex;align-items:center;gap:12px}.alarm-status-icon{color:var(--accent);flex-shrink:0}.alarm-card.alarm-green .alarm-status-icon{color:var(--green)}.alarm-card.alarm-red .alarm-status-icon{color:var(--red)}.alarm-name{font-size:15px;font-weight:600;color:var(--text)}.alarm-state-label{font-size:12px;color:var(--text-muted);margin-top:2px}.alarm-body{display:flex;flex-direction:column;gap:12px}.alarm-pin-display{height:46px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius-sm);display:flex;align-items:center;justify-content:center;font-size:22px;letter-spacing:8px;color:var(--text)}.alarm-pin-placeholder{font-size:13px;color:var(--text-muted);letter-spacing:0}.alarm-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.alarm-digit{height:52px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius-sm);font-size:20px;font-weight:500;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast),transform .1s var(--spring)}.alarm-digit:active:not(:disabled){background:var(--surface3);transform:scale(.92)}.alarm-digit:disabled{opacity:0;pointer-events:none}.alarm-mode-row{display:flex;gap:6px;align-items:center}.alarm-mode-btn{flex:1;height:38px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius-sm);font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;touch-action:manipulation;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.alarm-mode-btn.active{background:var(--accent-dim);border-color:var(--border-active);color:var(--accent)}.alarm-action-btn{height:48px;border:none;border-radius:var(--card-radius-sm);font-size:15px;font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity var(--transition-fast),transform .12s var(--spring);letter-spacing:-.01em}.alarm-action-btn:active:not(:disabled){transform:scale(.96)}.alarm-action-btn:disabled{opacity:.35;cursor:not-allowed}.alarm-action-btn.arm{background:var(--accent);color:var(--accent-text);padding:0 20px}.alarm-action-btn.disarm{background:var(--green);color:#000;width:100%}.alarm-widget{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.alarm-widget .alarm-card{flex:1;border-radius:0;border:none;background:transparent;box-shadow:none}.alarm-widget-empty{align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;padding:12px}.lock-card{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-radius:var(--card-radius-sm);border:1px solid var(--border);gap:16px;transition:background var(--transition-fast),border-color var(--transition-fast)}.lock-card.locked{background:var(--green-dim);border-color:#30d15838}.lock-card.unlocked{background:var(--red-dim);border-color:#ff453a40}.lock-card.unavailable{opacity:.38}.lock-card-info{display:flex;align-items:center;gap:14px}.lock-icon{color:var(--green);flex-shrink:0;transition:color var(--transition-fast)}.lock-card.unlocked .lock-icon{color:var(--red)}.lock-name{font-size:15px;font-weight:600;color:var(--text)}.lock-state{font-size:12px;color:var(--text-muted);margin-top:2px}.lock-btn{padding:9px 20px;border-radius:var(--card-radius-sm);font-size:13px;font-weight:700;border:none;cursor:pointer;min-height:40px;min-width:80px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity var(--transition-fast),transform .12s var(--spring);flex-shrink:0;letter-spacing:-.01em}.lock-btn:active:not(:disabled){transform:scale(.94)}.lock-btn:disabled{opacity:.4;cursor:not-allowed}.lock-btn.unlock{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border)}.lock-btn.lock{background:var(--green);color:#000}.lock-widget{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.lock-widget .lock-card{flex:1;border-radius:0;border:none;background:transparent;box-shadow:none}.lock-widget-empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;padding:12px}.camera-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000059;display:flex;align-items:center;justify-content:center}.camera-lightbox-box{background:#0e0e16b3;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column;max-width:90vw;max-height:90vh;box-shadow:var(--shadow-lg)}.camera-lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;flex-shrink:0;border-bottom:1px solid var(--border)}.camera-lightbox-title{font-size:15px;font-weight:600;color:var(--text)}.camera-lightbox-close{width:34px;height:34px;border-radius:50%;border:none;background:var(--surface2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.camera-lightbox-close:hover{background:var(--surface3);color:var(--text)}.camera-lightbox-img{display:block;width:100%;max-height:calc(90vh - 60px);object-fit:contain;background:#000}.camera-widget{width:100%;height:100%;display:flex;position:relative;background:#000;border:none;border-radius:0;cursor:pointer;overflow:hidden;padding:0;-webkit-tap-highlight-color:transparent}.camera-widget-empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;padding:12px}.cw-img{width:100%;height:100%;object-fit:cover;display:block}.cw-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 10px 8px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7));display:flex;align-items:flex-end;justify-content:space-between;gap:6px}.cw-live-badge{font-size:9px;font-weight:700;color:#fff;background:var(--red, #FF453A);border-radius:4px;padding:2px 5px;letter-spacing:.06em;flex-shrink:0;animation:cw-pulse 1.5s ease-in-out infinite}@keyframes cw-pulse{0%,to{opacity:1}50%{opacity:.5}}.cw-name{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);line-height:1.2}.presence-panel{display:flex;gap:8px;flex-shrink:0}.presence-pill{display:flex;align-items:center;gap:10px;background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:999px;padding:7px 14px 7px 8px;transition:background var(--transition-fast),border-color var(--transition-fast)}.presence-pill.home{background:var(--green-dim);border-color:#30d15840}.presence-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-dim2);color:var(--accent);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.presence-info{display:flex;flex-direction:column;gap:1px}.presence-name{font-size:13px;font-weight:600;color:var(--text);line-height:1}.presence-status{font-size:11px;color:var(--text-muted);line-height:1}.presence-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.presence-dot.home{background:var(--green);box-shadow:0 0 6px #30d15899}.presence-dot.away{background:var(--text-dim)}.presence-widget{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.presence-widget .presence-panel{flex:1;border-radius:0;border:none;background:transparent;box-shadow:none}.calendar-card{background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;height:100%}.calendar-header{display:flex;align-items:center;gap:7px;padding:12px 14px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.calendar-header-icon{color:var(--accent)}.calendar-header-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.calendar-body{flex:1;overflow-y:auto;padding:8px 0;display:flex;flex-direction:column;gap:0}.calendar-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;color:var(--text-muted);font-size:13px;text-align:center}.calendar-empty code{font-size:11px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:3px 8px;color:var(--accent);font-family:SF Mono,Fira Mono,monospace}.calendar-day-group{display:flex;flex-direction:column;gap:2px;padding:4px 0}.calendar-day-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:4px 14px 2px}.calendar-event{display:flex;align-items:flex-start;gap:10px;padding:7px 14px;border-radius:0;transition:background var(--transition-fast)}.calendar-event:hover{background:var(--surface2)}.calendar-event-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}.calendar-event-info{display:flex;flex-direction:column;gap:2px;min-width:0}.calendar-event-title{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.calendar-event-time{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:3px}.calendar-widget{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.calendar-widget>*{flex:1;border-radius:0;border:none;background:transparent;box-shadow:none}.radar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column;height:100%}.radar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;flex-shrink:0}.radar-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.radar-mode-tabs{display:flex;gap:4px;background:var(--surface2);border-radius:10px;padding:3px}.radar-mode-btn{padding:4px 9px;border:none;background:transparent;color:var(--text-muted);border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.radar-mode-btn.active{background:var(--accent-dim);color:var(--accent)}.radar-mode-btn:hover:not(.active){background:var(--surface3);color:var(--text)}.radar-map-wrap{flex:1;min-height:0;position:relative}.radar-iframe{width:100%;height:100%;border:none;display:block}.radar-widget{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.radar-widget>*{flex:1;border-radius:0;border:none;background:transparent;box-shadow:none;min-height:0}.climate-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:14px;height:100%;box-sizing:border-box;transition:background .2s,border-color .2s}.climate-card.unavailable{opacity:.38}.climate-card.heating{background:#ff9f0a12;border-color:#ff9f0a40}.climate-card.cooling{background:#0a84ff12;border-color:#0a84ff40}.cc-header{display:flex;align-items:center;gap:7px}.cc-state-icon{color:var(--text-muted);flex-shrink:0}.climate-card.heating .cc-state-icon{color:var(--accent)}.climate-card.cooling .cc-state-icon{color:var(--blue, #0a84ff)}.cc-name{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.05em}.cc-body{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1}.cc-current{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px}.cc-current-val{font-size:42px;font-weight:700;color:var(--text);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.cc-arrow{font-size:18px;color:var(--text-muted);opacity:.4;flex-shrink:0}.cc-target-row{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.cc-target{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px}.cc-target-val{font-size:42px;font-weight:700;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.climate-card.cooling .cc-target-val{color:var(--blue, #0a84ff)}.cc-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-weight:600}.cc-step-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,transform .12s var(--spring);-webkit-tap-highlight-color:transparent}.cc-step-btn:hover:not(:disabled){background:var(--accent-dim);color:var(--accent);border-color:#ff9f0a4d}.climate-card.cooling .cc-step-btn:hover:not(:disabled){background:#0a84ff1f;color:var(--blue, #0a84ff);border-color:#0a84ff4d}.cc-step-btn:active:not(:disabled){transform:scale(.88)}.cc-step-btn:disabled{opacity:.2;cursor:default}.climate-widget{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.climate-widget .climate-card{flex:1;border-radius:0;border:none;background:transparent;box-shadow:none}.climate-widget-empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;padding:12px}.lightning-widget{padding:12px 14px;display:flex;flex-direction:column;gap:8px;height:100%;overflow:hidden}.lw-title-row{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.lw-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.lw-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}.lw-badge.online{background:#4ade801f;color:#4ade80}.lw-badge.offline{background:#ef44441f;color:#ef4444}.lw-hero{display:flex;align-items:center;gap:14px;flex:1}.lw-icon{color:#facc15;flex-shrink:0}.lw-info{display:flex;flex-direction:column;gap:2px}.lw-dist{font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}.lw-sublabel{font-size:11px;color:var(--text-muted)}.lw-when{display:flex;align-items:baseline;gap:8px;flex-shrink:0}.lw-relative{font-size:14px;font-weight:600;color:var(--text)}.lw-abs{font-size:12px;color:var(--text-muted)}.health-widget{padding:12px 14px;display:flex;flex-direction:column;gap:8px;height:100%;overflow:hidden}.hw-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}.hw-rows{display:flex;flex-direction:column;gap:10px;flex:1;justify-content:space-between}.hw-row{display:flex;align-items:center;gap:10px}.hw-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.hw-top{display:flex;align-items:center;justify-content:space-between}.hw-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hw-trend{display:flex;align-items:center}.hw-bar-track{height:4px;background:var(--surface3);border-radius:2px;overflow:hidden}.hw-bar-fill{height:100%;border-radius:2px;transition:width .5s ease}.hw-rating{font-size:11px;font-weight:700;white-space:nowrap;min-width:52px;text-align:right}.scene-widget{display:flex;flex-direction:column;overflow-y:auto;padding:12px 14px;gap:14px;height:100%;-webkit-overflow-scrolling:touch}.scene-widget-empty{align-items:center;justify-content:center;font-size:13px;color:var(--text-muted);text-align:center}.sw-section{display:flex;flex-direction:column;gap:8px}.sw-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.sw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.sw-btn{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius-sm);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;text-align:left;letter-spacing:-.01em;transition:background .15s ease,border-color .15s ease,transform .12s var(--spring);-webkit-tap-highlight-color:transparent;min-width:0}.sw-btn:hover{background:var(--surface3);border-color:#ff9f0a40}.sw-btn:active,.sw-btn.sw-btn-fired{background:var(--accent-dim);border-color:#ff9f0a73;transform:scale(.95)}.sw-btn-icon{color:var(--accent);flex-shrink:0}.sw-btn-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.garage-widget{display:flex;flex-direction:column;gap:10px;padding:14px 16px;height:100%}.gw-header{display:flex;align-items:center;justify-content:space-between}.gw-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.gw-state-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.03em}.gw-state-badge.open{background:#ff453a26;border-color:#ff453a4d;color:#ff453a}.gw-state-badge.moving{background:var(--accent-dim);border-color:#ff9f0a4d;color:var(--accent)}.gw-alert{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#ff453a;background:#ff453a1f;border:1px solid rgba(255,69,58,.25);border-radius:10px;padding:6px 12px}.gw-door-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--card-radius);border:none;font-size:18px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .12s var(--spring);letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}.gw-door-btn:active:not(:disabled){transform:scale(.97)}.gw-door-btn:disabled{opacity:.5;cursor:default}.gw-open{background:var(--accent);color:#000}.gw-close{background:#ff453a2e;border:1px solid rgba(255,69,58,.35);color:#ff453a}.gw-moving{animation:gw-pulse 1s ease-in-out infinite alternate}@keyframes gw-pulse{0%{opacity:.7}to{opacity:1}}.gw-row{display:flex;gap:8px}.gw-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.gw-chip.active{background:var(--accent-dim);border-color:#ff9f0a59;color:var(--accent)}.gw-chip-status{cursor:default}.power-widget{display:flex;flex-direction:column;gap:12px;padding:14px 16px;height:100%;overflow:hidden}.pw-header{display:flex;align-items:baseline;gap:6px}.pw-icon{color:var(--accent);flex-shrink:0;align-self:center}.pw-total{font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.pw-label{font-size:11px;color:var(--text-muted);font-weight:500;align-self:flex-end;padding-bottom:2px}.pw-circuits{display:flex;flex-direction:column;gap:7px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.pw-row{display:flex;align-items:center;gap:8px}.pw-row-label{font-size:11px;font-weight:600;color:var(--text-muted);width:90px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pw-bar-wrap{flex:1;height:6px;background:var(--surface2);border-radius:999px;overflow:hidden}.pw-bar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .6s ease;min-width:2px;box-shadow:0 0 4px #ff9f0a4d}.pw-row-val{font-size:11px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;width:56px;text-align:right;flex-shrink:0}.ef-widget{display:flex;flex-direction:column;gap:10px;padding:14px 16px 12px;height:100%;overflow:hidden}.ef-top{display:flex;align-items:center;gap:12px;flex-shrink:0}.ef-gauge-svg{flex-shrink:0;width:200px;height:auto}.ef-gauge-big{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em;transition:fill .4s ease}.ef-gauge-unit{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ef-gauge-sub{font-size:9px;font-weight:500;letter-spacing:.02em}.ef-meta{display:flex;flex-direction:column;gap:10px}.ef-meta-row{display:flex;align-items:baseline;gap:4px}.ef-meta-val{font-size:20px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.ef-meta-unit{font-size:10px;color:var(--text-muted);font-weight:500}.ef-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex:1;min-height:0}.ef-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:8px 9px 7px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--surface);transition:border-color .4s ease,background .4s ease}.ef-tier-idle{border-color:#ffffff0f}.ef-tier-low{border-color:#30d15838;background:#30d1580d}.ef-tier-med{border-color:#ff9f0a47;background:#ff9f0a0f}.ef-tier-high{border-color:#ff6b0066;background:#ff6b0014;box-shadow:0 0 12px #ff6b002e}.ef-tier-crit{border-color:#ff453a8c;background:#ff453a1a;box-shadow:0 0 16px #ff453a40}.ef-tile-fill{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 12px 12px;transition:width .8s ease}.ef-tier-idle .ef-tile-fill{background:#ffffff1f}.ef-tier-low .ef-tile-fill{background:#30d158;box-shadow:0 0 4px #30d15880}.ef-tier-med .ef-tile-fill{background:#ff9f0a;box-shadow:0 0 4px #ff9f0a80}.ef-tier-high .ef-tile-fill{background:#ff6b00;box-shadow:0 0 6px #ff6b0099}.ef-tier-crit .ef-tile-fill{background:#ff453a;box-shadow:0 0 6px #ff453a99}.ef-tile-label{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.02em;line-height:1}.ef-tile-watts{font-size:14px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.ef-tier-low .ef-tile-watts{color:#30d158}.ef-tier-med .ef-tile-watts{color:#ff9f0a}.ef-tier-high .ef-tile-watts{color:#ff6b00}.ef-tier-crit .ef-tile-watts{color:#ff453a}.ef-pulse{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;animation:ef-pulse-anim 1.6s ease-in-out infinite}.ef-tier-high .ef-pulse{background:#ff6b00;box-shadow:0 0 4px #ff6b00}.ef-tier-crit .ef-pulse{background:#ff453a;box-shadow:0 0 4px #ff453a}@keyframes ef-pulse-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.vacuum-widget{display:flex;flex-direction:column;gap:10px;padding:12px 14px;height:100%;overflow:hidden}.vw-statusbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.vw-status-info{display:flex;align-items:center;gap:7px;min-width:0}.vw-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.vw-status-dot.running{background:var(--accent);box-shadow:0 0 6px var(--accent-glow);animation:vw-pulse 1.2s ease-in-out infinite alternate}.vw-status-dot.paused{background:#facc15}.vw-status-dot.returning{background:#0a84ff}@keyframes vw-pulse{0%{opacity:.6}to{opacity:1}}.vw-status-text{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vw-progress-badge{font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-dim);border-radius:999px;padding:1px 6px;flex-shrink:0}.vw-status-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.vw-chip{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--text-muted);background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.vw-chip.vw-chip-warn{color:var(--red);background:var(--red-dim);border-color:#ff453a4d}.vw-battery{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--text-muted)}.vw-progress-bar-track{height:3px;border-radius:999px;background:var(--surface2);overflow:hidden;flex-shrink:0}.vw-progress-bar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .8s ease}.vw-section{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.vw-rooms-section{flex:1;overflow:hidden;min-height:0}.vw-section-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.vw-mode-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.vw-mode-btn{padding:5px 4px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vw-mode-btn.active{background:var(--accent-dim);border-color:#ff9f0a66;color:var(--accent)}.vw-section-dim{opacity:.45;pointer-events:none}.vw-unavail-note{font-size:9px;font-weight:500;color:var(--text-dim);text-transform:none;letter-spacing:0;margin-left:4px;font-style:italic}.vw-twin-row{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.vw-twin-col{flex:1}.vw-suction-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.vw-suction-btn{padding:5px 4px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.vw-suction-btn.active{background:var(--accent-dim);border-color:#ff9f0a66;color:var(--accent)}.vw-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}.vw-room-btn{padding:6px 8px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;text-align:center;transition:background .15s,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.vw-room-btn.active{background:var(--accent-dim);border-color:#ff9f0a66;color:var(--accent)}.vw-consumables{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px;flex-shrink:0}.vw-consumable-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}.vw-consumable-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.vw-consumable-pct{font-size:10px;font-weight:700;color:var(--text-muted)}.vw-consumable.warn .vw-consumable-label,.vw-consumable.warn .vw-consumable-pct{color:var(--red)}.vw-consumable-track{height:4px;border-radius:999px;background:var(--surface2);overflow:hidden}.vw-consumable-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .5s ease}.vw-consumable.warn .vw-consumable-fill{background:var(--red)}.vw-controls{display:flex;gap:8px;flex-shrink:0}.vw-btn{display:flex;align-items:center;justify-content:center;gap:7px;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;padding:10px 14px;transition:opacity .15s,transform .12s var(--spring);-webkit-tap-highlight-color:transparent;letter-spacing:-.01em}.vw-btn:active:not(:disabled){transform:scale(.96)}.vw-btn:disabled{opacity:.4;cursor:default}.vw-btn-start{flex:1;background:var(--accent);color:#000}.vw-btn-pause{flex:1;background:#facc1533;border:1px solid rgba(250,204,21,.35);color:#facc15}.vw-btn-dock{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);padding:10px 16px}.vw-btn-genius{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);padding:10px 14px}.vw-btn-genius.active{background:#0a84ff26;border-color:#0a84ff66;color:#0a84ff}.fans-widget{display:flex;flex-direction:column;gap:10px;padding:12px 14px;height:100%}.fw-section-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.fw-bath-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fw-bath-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border-radius:var(--card-radius-sm);background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;text-align:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.fw-bath-btn.active{background:var(--accent-dim);border-color:#ff9f0a66;color:var(--accent)}.fw-bath-icon{transition:filter .15s}.fw-bath-btn.active .fw-bath-icon{filter:drop-shadow(0 0 4px var(--accent-glow));animation:fw-spin 2s linear infinite}@keyframes fw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fw-divider{height:1px;background:var(--border);margin:2px 0}.fw-dyson{display:flex;align-items:center;gap:12px;flex:1}.fw-dyson-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:64px;height:64px;flex-shrink:0;border-radius:50%;background:var(--surface2);border:2px solid var(--border);color:var(--text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.fw-dyson-toggle.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.fw-dyson-toggle.active .fw-dyson-icon{animation:fw-spin 1.5s linear infinite}.fw-dyson-label{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.fw-dyson-slider-wrap{flex:1;display:flex;flex-direction:column;gap:6px}.fw-dyson-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:var(--surface2);outline:none;cursor:pointer}.fw-dyson-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid rgba(255,159,10,.4);box-shadow:0 0 8px var(--accent-glow);cursor:grab}.fw-dyson-slider::-webkit-slider-thumb:active{cursor:grabbing}.fw-dyson-ticks{display:flex;justify-content:space-between;padding:0 2px}.fw-tick{width:3px;height:5px;border-radius:2px;background:var(--surface3);transition:background .15s}.fw-tick.active{background:var(--accent)}.todo-widget{display:flex;flex-direction:column;height:100%;overflow:hidden}.tw-tabs{display:flex;gap:4px;padding:10px 12px 0;flex-shrink:0}.tw-tab{flex:1;padding:5px 4px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-tab.active{background:var(--accent-dim);border-color:#ff9f0a4d;color:var(--accent)}.tw-list{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:2px;-webkit-overflow-scrolling:touch}.tw-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted);text-align:center;padding:16px}.tw-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .12s;width:100%;-webkit-tap-highlight-color:transparent}.tw-item:hover{background:var(--surface2)}.tw-item:active{background:var(--surface3)}.tw-check-icon{color:var(--text-muted);flex-shrink:0;margin-top:1px}.tw-item-text{font-size:13px;color:var(--text);line-height:1.4}.tw-add-row{display:flex;gap:6px;padding:8px 12px 10px;border-top:1px solid var(--border);flex-shrink:0}.tw-add-input{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:7px 12px;color:var(--text);font-size:13px;outline:none;transition:border-color .15s}.tw-add-input:focus{border-color:#ff9f0a66}.tw-add-input::placeholder{color:var(--text-muted)}.tw-add-btn{width:34px;height:34px;border-radius:10px;background:var(--accent);border:none;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s}.tw-add-btn:disabled{opacity:.4;cursor:default}.mealie-widget{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:12px 14px;gap:10px}.mw-header{display:flex;align-items:center;gap:8px;flex-shrink:0}.mw-header-icon{color:var(--accent);flex-shrink:0}.mw-title{font-size:13px;font-weight:700;color:var(--text);flex:1}.mw-week-nav{display:flex;align-items:center;gap:4px;flex-shrink:0}.mw-nav-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.mw-nav-btn:hover{background:var(--surface3);color:var(--text)}.mw-nav-btn:active{transform:scale(.92)}.mw-week-label{font-size:11px;font-weight:600;color:var(--text-muted);min-width:64px;text-align:center}.mw-grid{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:72px repeat(4,1fr);gap:3px;align-content:start}.mw-col-header{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.mw-col-header svg{color:var(--text-dim)}.mw-day-label{display:flex;flex-direction:column;justify-content:center;padding:6px 4px 6px 0;gap:1px}.mw-day-label.today .mw-day-name{color:var(--accent)}.mw-day-label.today .mw-day-date{color:var(--accent);opacity:.7}.mw-day-name{font-size:12px;font-weight:700;color:var(--text);line-height:1}.mw-day-date{font-size:10px;color:var(--text-muted);line-height:1}.mw-cell{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:5px 6px;min-height:36px;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.mw-cell.today{border-color:#ff9f0a4d;background:#ff9f0a0d}.mw-cell.has-meal{background:var(--surface3)}.mw-cell.today.has-meal{background:#ff9f0a1a;border-color:#ff9f0a66}.mw-cell-text{font-size:10px;font-weight:600;color:var(--text);text-align:center;line-height:1.3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.mw-cell.today .mw-cell-text{color:var(--accent)}.mw-cell-empty{font-size:12px;color:var(--text-dim);opacity:.4}.mw-cell-loading{width:32px;height:8px;border-radius:4px;background:var(--surface3);animation:mw-shimmer 1.2s ease-in-out infinite alternate}@keyframes mw-shimmer{0%{opacity:.4}to{opacity:.8}}.mw-error{font-size:11px;color:var(--red);text-align:center;padding:8px;flex-shrink:0}.recipe-widget{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:12px 14px;gap:10px}.rw-header{display:flex;align-items:center;gap:8px;flex-shrink:0}.rw-header-icon{color:var(--accent)}.rw-title{font-size:13px;font-weight:700;color:var(--text);flex:1}.rw-count{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:1px 8px}.rw-search-row{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:7px 10px;flex-shrink:0}.rw-search-icon{color:var(--text-dim);flex-shrink:0}.rw-search{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:13px}.rw-search::placeholder{color:var(--text-dim)}.rw-search-clear{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:0;display:flex}.rw-grid{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;align-content:start}.rw-loading,.rw-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted)}.rw-card{display:flex;flex-direction:column;background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius-sm);overflow:hidden;cursor:pointer;text-align:left;transition:border-color .15s,transform .12s var(--spring);-webkit-tap-highlight-color:transparent}.rw-card:hover{border-color:#ff9f0a4d}.rw-card:active{transform:scale(.97)}.rw-card-img-wrap{width:100%;aspect-ratio:4/3;background:var(--surface3);overflow:hidden}.rw-recipe-img{width:100%;height:100%;object-fit:cover;display:block}.rw-card-info{padding:8px;display:flex;flex-direction:column;gap:4px}.rw-card-name{font-size:11px;font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rw-card-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-muted)}.rw-stars{display:flex;align-items:center;gap:2px;color:var(--accent);font-weight:600}.rw-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:flex;align-items:flex-end;justify-content:center}.rw-detail-sheet{width:100%;max-width:680px;max-height:90vh;background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-radius:var(--card-radius) var(--card-radius) 0 0;border:1px solid var(--border);border-bottom:none;display:flex;flex-direction:column;overflow:hidden;animation:rw-slide-up .28s var(--spring)}@keyframes rw-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.rw-detail-hero{position:relative;width:100%;height:200px;background:var(--surface2);flex-shrink:0}.rw-detail-hero-img{width:100%;height:100%;object-fit:cover;display:block}.rw-detail-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#00000080;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.rw-detail-close:hover{background:#000000bf}.rw-detail-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 20px 24px;display:flex;flex-direction:column;gap:12px}.rw-detail-title{font-size:20px;font-weight:700;color:var(--text);margin:0}.rw-detail-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--text-muted)}.rw-detail-meta span{display:flex;align-items:center;gap:4px}.rw-detail-scale{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.rw-scale-label{font-weight:600}.rw-scale-btn{padding:3px 10px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.rw-scale-btn.active{background:var(--accent-dim);color:var(--accent);border-color:#ff9f0a4d}.rw-detail-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.rw-tab{padding:6px 16px;border:none;background:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.rw-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.rw-ingredients{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.rw-ingredient-item{display:flex;align-items:baseline;gap:8px;font-size:13px;color:var(--text)}.rw-ingredient-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.rw-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.rw-step{display:flex;gap:12px;cursor:pointer;padding:10px 12px;border-radius:10px;border:1px solid transparent;transition:background .15s,opacity .15s}.rw-step:hover{background:var(--surface2)}.rw-step.done{opacity:.4}.rw-step.done .rw-step-text{text-decoration:line-through}.rw-step-num{min-width:24px;height:24px;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rw-step.done .rw-step-num{background:var(--surface3);color:var(--text-muted)}.rw-step-text{font-size:13px;color:var(--text);line-height:1.5}.rw-detail-loading{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:6px 16px;font-size:12px;color:var(--text-muted);z-index:201}.timer-widget{display:flex;flex-direction:column;height:100%;padding:12px 14px;gap:10px;overflow:hidden}.tw-header{display:flex;align-items:center;gap:8px;flex-shrink:0}.tw-header-icon{color:var(--accent)}.tw-title{font-size:13px;font-weight:700;color:var(--text);flex:1}.tw-add-btn{width:26px;height:26px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.tw-add-btn:hover{background:var(--accent-dim);color:var(--accent)}.tw-add-form{background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.tw-input{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px;color:var(--text);font-size:13px;outline:none}.tw-input:focus{border-color:#ff9f0a66}.tw-label-input{width:100%;box-sizing:border-box}.tw-time-inputs{display:flex;align-items:center;gap:6px}.tw-num-input{width:56px;text-align:center;font-size:18px;font-weight:700}.tw-colon{font-size:18px;font-weight:700;color:var(--text-muted)}.tw-form-actions{display:flex;gap:6px;justify-content:flex-end}.tw-form-cancel{padding:5px 14px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer}.tw-form-start{padding:5px 14px;border-radius:8px;border:none;background:var(--accent);color:#000;font-size:12px;font-weight:700;cursor:pointer}.tw-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.tw-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-dim)}.tw-timer{display:flex;align-items:center;gap:12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius-sm);padding:10px 12px;transition:border-color .2s}.tw-timer.done{border-color:#ff453a59;animation:tw-flash .6s ease-in-out 3}@keyframes tw-flash{0%,to{background:var(--surface2)}50%{background:#ff453a1f}}.tw-ring{flex-shrink:0}.tw-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tw-time{font-size:22px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.tw-timer.done .tw-time{color:var(--red)}.tw-label{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-controls{display:flex;gap:4px;flex-shrink:0}.tw-ctrl{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.tw-ctrl:hover:not(:disabled){background:var(--surface3);color:var(--text)}.tw-ctrl:disabled{opacity:.3;cursor:default}.tw-ctrl-del:hover{color:var(--red)!important}.probe-widget{display:flex;flex-direction:column;height:100%;padding:12px 14px;gap:10px;overflow:hidden}.probe-widget-empty{align-items:center;justify-content:center;text-align:center;gap:8px}.pw-empty-icon{color:var(--text-dim);opacity:.4}.pw-empty-title{font-size:13px;font-weight:600;color:var(--text-muted);margin:0}.pw-empty-desc{font-size:11px;color:var(--text-dim);margin:0;line-height:1.5;max-width:240px}.pw-header{display:flex;align-items:center;gap:8px;flex-shrink:0}.pw-header-icon{color:var(--accent)}.pw-title{font-size:13px;font-weight:700;color:var(--text)}.pw-probes{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.pw-probe{background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:border-color .3s}.pw-probe.ready{border-color:#ff453a66;animation:pw-pulse 1.5s ease-in-out infinite alternate}@keyframes pw-pulse{0%{box-shadow:0 0 #ff453a00}to{box-shadow:0 0 10px 2px #ff453a33}}.pw-probe-left{display:flex;align-items:baseline;justify-content:space-between}.pw-probe-name{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.pw-temp{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;transition:color .5s}.pw-bar-wrap{height:4px;border-radius:999px;background:var(--surface3);overflow:hidden}.pw-bar{height:100%;border-radius:999px;transition:width 1s ease,background .5s}.pw-probe-right{display:flex;justify-content:flex-end}.pw-target-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:none;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.pw-target-btn:hover{background:var(--surface3);color:var(--text)}.pw-target-form{display:flex;align-items:center;gap:6px}.pw-target-input{width:60px;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,159,10,.4);background:var(--surface);color:var(--text);font-size:13px;font-weight:700;outline:none;text-align:center}.pw-target-save{padding:4px 10px;border-radius:8px;border:none;background:var(--accent);color:#000;font-size:11px;font-weight:700;cursor:pointer}.pw-target-cancel{padding:4px 7px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text-muted);font-size:13px;cursor:pointer}.garden-app-widget{width:100%;height:100%;overflow:hidden;border-radius:var(--card-radius-sm)}.garden-app-frame{width:100%;height:100%;border:none;display:block}.rachio-widget{display:flex;flex-direction:column;height:100%;padding:12px 14px;gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch}.rch-header{display:flex;align-items:center;gap:8px;flex-shrink:0}.rch-header-icon{color:#30d158}.rch-title{font-size:13px;font-weight:700;color:var(--text)}.rch-next{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);background:#30d15814;border:1px solid rgba(48,209,88,.2);border-radius:8px;padding:6px 10px}.rch-next svg{color:#30d158;flex-shrink:0}.rch-controller{background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.rch-controller.offline{opacity:.6}.rch-ctrl-header{display:flex;align-items:center;justify-content:space-between}.rch-ctrl-name{font-size:12px;font-weight:700;color:var(--text)}.rch-ctrl-badges{display:flex;gap:5px;align-items:center}.rch-badge{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:700;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.rch-badge-online{background:#30d15826;color:#30d158}.rch-badge-offline{background:var(--surface3);color:var(--text-dim)}.rch-badge-rain{background:#0a84ff26;color:var(--blue)}.rch-ctrl-switches{display:flex;gap:6px}.rch-switch-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.rch-switch-btn.active{background:var(--accent-dim);color:var(--accent);border-color:#ff9f0a59}.rch-switch-btn.active.rain{background:#0a84ff1f;color:var(--blue);border-color:#0a84ff4d}.rch-switch-btn:disabled{opacity:.3;cursor:default}.rch-section-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.rch-zones{display:flex;flex-direction:column;gap:6px}.rch-zones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.rch-zone-btn{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.rch-zone-btn.active{background:#30d1581f;color:#30d158;border-color:#30d1584d}.rch-zone-icon{flex-shrink:0}.rch-zone-running{margin-left:auto;font-size:9px;font-weight:700;color:#30d158;animation:rch-blink 1s ease-in-out infinite alternate}@keyframes rch-blink{0%{opacity:.5}to{opacity:1}}.rch-offline-note{font-size:11px;color:var(--text-dim);text-align:center;padding:8px;font-style:italic}.ai-widget{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:12px 14px;gap:10px}.ai-header{display:flex;align-items:center;gap:8px;flex-shrink:0}.ai-header-icon{color:var(--accent)}.ai-title{font-size:13px;font-weight:700;color:var(--text);flex:1}.ai-status{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;background:var(--surface3);color:var(--text-dim)}.ai-status.ready{background:#30d15826;color:#30d158}.ai-status.not-ready{background:#ff9f0a26;color:var(--accent)}.ai-clear-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s}.ai-clear-btn:hover{color:var(--text);background:var(--surface3)}.ai-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:8px;min-height:0}.ai-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-dim);font-size:12px;padding:16px;text-align:center}.ai-empty-icon{opacity:.3}.ai-msg{display:flex;align-items:flex-start;gap:7px;max-width:92%;animation:ai-fadein .2s ease}@keyframes ai-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ai-msg-user{align-self:flex-end;flex-direction:row-reverse}.ai-msg-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.ai-msg-text{font-size:12px;line-height:1.5;padding:8px 11px;border-radius:12px;white-space:pre-wrap;word-break:break-word}.ai-msg-user .ai-msg-text{background:var(--accent);color:#000;border-bottom-right-radius:3px;font-weight:500}.ai-msg-assistant .ai-msg-text{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:3px}.ai-msg-thinking .ai-msg-text{padding:10px 14px}.ai-thinking-dots{display:flex;align-items:center;gap:4px}.ai-thinking-dots span{width:5px;height:5px;border-radius:50%;background:var(--text-muted);animation:ai-bounce 1.2s ease-in-out infinite}.ai-thinking-dots span:nth-child(2){animation-delay:.2s}.ai-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes ai-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.ai-error{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--red);background:var(--red-dim);border:1px solid rgba(255,69,58,.25);border-radius:8px;padding:7px 10px}.ai-error button{background:none;border:none;color:var(--red);cursor:pointer;display:flex;flex-shrink:0}.ai-suggestions{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.ai-suggestion{padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.ai-suggestion:hover{background:var(--accent-dim);color:var(--accent);border-color:#ff9f0a4d}.ai-input-row{display:flex;gap:8px;flex-shrink:0}.ai-input{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:8px 12px;color:var(--text);font-size:13px;outline:none;transition:border-color .15s}.ai-input:focus{border-color:#ff9f0a66}.ai-input::placeholder{color:var(--text-dim)}.ai-input:disabled{opacity:.5;cursor:not-allowed}.ai-send-btn{width:36px;height:36px;border-radius:10px;border:none;background:var(--accent);color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s,transform .12s var(--spring);-webkit-tap-highlight-color:transparent}.ai-send-btn:hover:not(:disabled){opacity:.85}.ai-send-btn:active:not(:disabled){transform:scale(.92)}.ai-send-btn:disabled{opacity:.3;cursor:default}.ai-msg-body{display:flex;flex-direction:column;gap:6px}.ai-actions{display:flex;flex-wrap:wrap;gap:4px}.ai-action-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.ai-action-chip.ok{background:#30d1581f;color:#30d158}.ai-action-chip.err{background:#ff453a1f;color:var(--red)}.server-widget{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:12px 14px;gap:10px}.sw-header{display:flex;align-items:center;gap:8px;flex-shrink:0}.sw-header-icon{color:var(--accent)}.sw-title{font-size:13px;font-weight:700;color:var(--text);flex:1}.sw-refresh-time{font-size:10px;color:var(--text-dim)}.sw-refresh-btn{width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.sw-refresh-btn:hover{background:var(--surface3);color:var(--text)}.sw-refresh-btn:disabled{opacity:.4;cursor:default}@keyframes sw-spin{to{transform:rotate(360deg)}}.sw-spinning{animation:sw-spin 1s linear infinite}.sw-sections{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:8px}.sw-section{background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:7px}.sw-section-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.sw-subsection-label{font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.sw-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sw-dot.online{background:#30d158;box-shadow:0 0 5px #30d15880}.sw-dot.offline{background:var(--red)}.sw-stat-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sw-stat-label{font-size:11px;color:var(--text-muted);min-width:56px}.sw-stat-right{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.sw-stat-val{font-size:11px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.sw-stat-val.warn{color:var(--accent)}.sw-stat-val.crit{color:var(--red)}.sw-bar-track{flex:1;max-width:80px;height:4px;border-radius:999px;background:var(--surface3);overflow:hidden}.sw-process-row{display:flex;align-items:center;gap:7px}.sw-process-name{font-size:11px;font-weight:600;color:var(--text);flex:1}.sw-process-meta{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.sw-process-restarts{font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-dim);border-radius:999px;padding:1px 5px}.sw-pill-row{display:flex;flex-wrap:wrap;gap:5px}.sw-pill{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px}.sw-pill.online{background:#30d1581f;color:#30d158}.sw-pill.offline{background:#ff453a1f;color:var(--red)}.sw-unavail{font-size:11px;color:var(--text-dim);font-style:italic}.sw-container{border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:var(--surface)}.sw-container.offline{opacity:.45}.sw-container-header{display:flex;align-items:center;gap:6px}.sw-container-name{font-size:11px;font-weight:600;color:var(--text);flex:1}.sw-container-cpu{font-size:10px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.sw-container-cpu.warn{color:var(--accent)}.sw-container-bars{display:flex;flex-direction:column;gap:4px}.sw-bar-row{display:flex;align-items:center;gap:8px}.sw-bar-label{font-size:10px;color:var(--text-muted);min-width:40px}.sw-bar-track{flex:1;height:4px;border-radius:999px;background:var(--surface3);overflow:hidden}.sw-bar-fill{height:100%;border-radius:999px;transition:width .6s ease,background .3s}.sw-bar-val{font-size:10px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:100px;text-align:right;white-space:nowrap}.sw-bar-val.warn{color:var(--accent)}.sw-bar-val.crit{color:var(--red)}.ss-widget{padding:14px 16px;display:flex;flex-direction:column;gap:4px;height:100%;overflow-y:auto}.ss-section-header{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px;margin-top:2px}.ss-alert-dot{width:7px;height:7px;border-radius:50%;background:var(--red, #ff453a);flex-shrink:0}.ss-group-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim, #6b5a48);padding-left:2px;margin-top:4px}.ss-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--surface2);border:none;width:100%;text-align:left;cursor:default}button.ss-lock-btn{cursor:pointer;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}button.ss-lock-btn:hover{background:var(--surface3, #2e2318)}button.ss-lock-btn:active{opacity:.8}button.ss-lock-btn:disabled{opacity:.5;cursor:default}.ss-icon{flex-shrink:0}.ss-icon.open{color:var(--red, #ff453a)}.ss-icon.closed,.ss-icon.locked{color:#30d158}.ss-icon.unlocked{color:var(--red, #ff453a)}.ss-label{flex:1;font-size:13px;font-weight:500;color:var(--text)}.ss-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;flex-shrink:0}.ss-badge.open{background:#ff453a26;color:var(--red, #ff453a)}.ss-badge.closed,.ss-badge.locked{background:#30d15826;color:#30d158}.ss-badge.unlocked{background:#ff453a26;color:var(--red, #ff453a)}.ss-badge.unknown{background:var(--surface3, #2e2318);color:var(--text-muted)}.fm-widget{display:flex;flex-direction:column;height:100%;overflow:hidden}.fm-unconfigured{align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center}.fm-setup-icon{color:var(--text-muted)}.fm-setup-text{font-size:12px;color:var(--text-muted);line-height:1.5}.fm-setup-text code{font-family:monospace;background:var(--surface2);padding:1px 4px;border-radius:4px;font-size:11px;color:var(--accent)}.fm-header{display:flex;align-items:center;gap:6px;padding:10px 14px 6px;flex-shrink:0}.fm-header-icon{color:var(--accent)}.fm-title{flex:1;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.fm-refresh{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.fm-refresh:hover{color:var(--text)}@keyframes fm-spin{to{transform:rotate(360deg)}}.fm-spin{animation:fm-spin 1s linear infinite}.fm-map-wrap{flex:1;min-height:0;position:relative}.fm-map{width:100%;height:100%;border-radius:0}.fm-marker{width:32px;height:32px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #00000080}.fm-marker span{transform:rotate(45deg);font-size:13px;font-weight:700;color:#000}.fm-people{display:flex;flex-wrap:wrap;gap:4px;padding:6px 10px 8px;flex-shrink:0;border-top:1px solid var(--border)}.fm-person{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;background:var(--surface2);cursor:pointer;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.fm-person.selected,.fm-person:hover{background:var(--surface3, #2e2318)}.fm-person-dot{width:8px;height:8px;border-radius:50%;background:var(--dot-color);flex-shrink:0}.fm-person-name{font-size:12px;font-weight:600;color:var(--text)}.fm-battery-icon{color:var(--text-muted)}.fm-battery-val{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.sat-widget{display:flex;align-items:center;gap:14px;padding:16px 18px;height:100%;border-radius:var(--card-radius);transition:background var(--transition-fast)}.sat-widget.offline{opacity:.5}.sat-icon-wrap{position:relative;flex-shrink:0}.sat-icon{color:var(--text-muted);transition:color var(--transition-fast)}.sat-widget.online .sat-icon,.sat-widget.active .sat-icon{color:var(--accent)}.sat-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--accent);animation:sat-pulse 1.2s ease-out infinite;pointer-events:none}@keyframes sat-pulse{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}.sat-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.sat-name{font-size:14px;font-weight:600;color:var(--text)}.sat-state{font-size:12px;color:var(--text-muted)}.sat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sat-dot.online{background:#30d158;box-shadow:0 0 6px #30d158}.sat-dot.offline{background:var(--text-dim, #4a3928)}.ict-widget{display:flex;flex-direction:column;height:100%;overflow:hidden}.ict-unconfigured{align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center}.ict-setup-icon{color:var(--text-muted)}.ict-setup-text{font-size:12px;color:var(--text-muted);line-height:1.5}.ict-setup-text code{font-family:monospace;background:var(--surface2);padding:1px 4px;border-radius:4px;font-size:11px;color:var(--accent)}.ict-tabs{display:flex;align-items:center;gap:4px;padding:10px 12px 0;flex-shrink:0}.ict-tab{flex:1;padding:5px 4px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.ict-tab.active{background:var(--accent-dim);border-color:#ff9f0a4d;color:var(--accent)}.ict-cloud-icon{color:var(--text-dim, #4a3928);flex-shrink:0;margin-left:auto}.ict-list{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:2px;-webkit-overflow-scrolling:touch}.ict-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted);text-align:center;padding:16px}.ict-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .12s;width:100%;-webkit-tap-highlight-color:transparent}.ict-item:hover{background:var(--surface2)}.ict-item:active{background:var(--surface3)}.ict-check-icon{color:var(--text-muted);flex-shrink:0;margin-top:1px}.ict-item-text{font-size:13px;color:var(--text);line-height:1.4}.ict-add-row{display:flex;gap:6px;padding:8px 12px 10px;border-top:1px solid var(--border);flex-shrink:0}.ict-add-input{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:7px 12px;color:var(--text);font-size:13px;outline:none;transition:border-color .15s}.ict-add-input:focus{border-color:#ff9f0a66}.ict-add-input::placeholder{color:var(--text-muted)}.ict-add-btn{width:34px;height:34px;border-radius:10px;background:var(--accent);border:none;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s}.ict-add-btn:disabled{opacity:.4;cursor:default}.light-toggle-widget{width:100%;height:100%}.light-toggle-widget .light-toggle{aspect-ratio:unset;height:100%}.op-widget{display:flex;flex-direction:column;gap:10px;padding:14px 16px;height:100%;overflow:hidden}.op-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.op-title-row{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.op-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.op-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.03em}.op-badge-printing{background:var(--accent-dim);border-color:#f59e0b59;color:var(--accent);animation:op-pulse 2s ease-in-out infinite alternate}.op-badge-paused{background:#f9731626;border-color:#f9731659;color:#f97316}.op-badge-error{background:#ff453a26;border-color:#ff453a59;color:#ff453a}.op-badge-idle{background:#34c7591f;border-color:#34c7594d;color:#34c759}@keyframes op-pulse{0%{opacity:.8}to{opacity:1}}.op-progress-wrap{display:flex;align-items:center;gap:10px;flex-shrink:0}.op-progress-bar{flex:1;height:8px;border-radius:999px;background:var(--surface2);overflow:hidden}.op-progress-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .6s ease}.op-progress-pct{font-size:13px;font-weight:700;color:var(--accent);min-width:42px;text-align:right}.op-time-row{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);flex-shrink:0}.op-remaining{font-weight:600;color:var(--text-secondary, var(--text-muted))}.op-filename{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.op-camera-wrap{flex:1;min-height:0;border-radius:12px;overflow:hidden;background:var(--surface2)}.op-camera{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s}.op-temps{display:flex;gap:8px;flex-shrink:0}.op-temps-dim .op-temp-pill{opacity:.4}.op-temp-pill{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;background:var(--surface2);border:1px solid var(--border)}.op-temp-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.op-temp-vals{font-size:13px;font-weight:600;color:var(--text-primary, var(--accent))}.op-controls{display:flex;gap:8px;flex-shrink:0}.op-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.op-btn:active{transform:scale(.96)}.op-btn-pause{background:var(--accent-dim);border-color:#f59e0b59;color:var(--accent)}.op-btn-resume{background:#34c7591f;border-color:#34c75959;color:#34c759}.op-btn-stop{background:#ff453a1f;border-color:#ff453a4d;color:#ff453a}.dashboard-grid-container{position:relative;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.react-grid-layout{min-height:100%}.dashboard-grid-unknown{display:flex;align-items:center;justify-content:center;height:100%;font-size:11px;color:var(--text-muted);padding:8px;text-align:center}.dashboard-add-btn{position:fixed;bottom:24px;right:24px;z-index:20;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:var(--accent);color:#000;font-size:14px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 20px #ff9f0a73;transition:opacity .15s ease,transform .15s ease;letter-spacing:-.01em}.dashboard-add-btn:hover{opacity:.9}.dashboard-add-btn:active{transform:scale(.96)}.react-resizable-handle{position:absolute;width:18px;height:18px;bottom:4px;right:4px;cursor:se-resize;background:none;border-right:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);border-radius:0 0 4px;opacity:.75;transition:opacity .15s ease;z-index:5}.react-resizable-handle:hover{opacity:1}.react-grid-placeholder{background:#ff9f0a1f!important;border:2px dashed rgba(255,159,10,.4)!important;border-radius:var(--card-radius)!important;opacity:1!important}.settings-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.settings-content{flex:1;overflow-y:auto;padding:8px 24px 32px;display:flex;flex-direction:column;gap:32px}.settings-section-desc{font-size:12px;color:var(--text-muted);margin:-8px 0 4px;line-height:1.5}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--card-radius);cursor:pointer;position:relative;transition:background .15s,border-color .15s,transform .12s var(--spring);-webkit-tap-highlight-color:transparent}.profile-card:active{transform:scale(.97)}.profile-card.active{background:var(--accent-dim);border-color:#ff9f0a73}.profile-icon{color:var(--text-muted);transition:color .15s}.profile-card.active .profile-icon{color:var(--accent)}.profile-label{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.01em}.profile-desc{font-size:10px;color:var(--text-muted);text-align:center;line-height:1.4}.profile-badge{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;background:var(--accent);color:#000;padding:2px 7px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-section-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0}.bg-grid{display:flex;flex-wrap:wrap;gap:14px}.bg-tile{display:flex;flex-direction:column;gap:7px;width:140px}.bg-tile-btn{position:relative;width:140px;height:88px;border-radius:var(--card-radius);border:2px solid transparent;background-color:var(--surface2);background-size:cover;background-position:center;cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast),transform .14s var(--spring),box-shadow var(--transition-fast);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.bg-tile-btn:hover{transform:scale(1.03);box-shadow:var(--shadow)}.bg-tile-btn:active{transform:scale(.97)}.bg-tile.active .bg-tile-btn{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow),var(--shadow)}.bg-tile-none-icon{color:var(--text-dim)}.bg-tile-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#000;display:flex;align-items:center;justify-content:center}.bg-tile-upload{border:2px dashed var(--border);background-color:var(--surface);flex-direction:column;gap:6px}.bg-tile-upload:hover{border-color:#fff3;background-color:var(--surface2)}.bg-tile-upload:disabled{opacity:.5;cursor:not-allowed;transform:none}.bg-tile-upload-icon{color:var(--text-muted)}.bg-tile-upload-label{font-size:12px;font-weight:600;color:var(--text-muted)}.bg-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 2px}.bg-tile-label{font-size:12px;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.bg-tile.active .bg-tile-label{color:var(--accent);font-weight:600}.bg-tile-delete{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:3px;border-radius:4px;display:flex;align-items:center;transition:color var(--transition-fast);flex-shrink:0}.bg-tile-delete:hover{color:var(--red)}.settings-error{font-size:13px;color:var(--red);background:var(--red-dim);border:1px solid rgba(255,69,58,.25);border-radius:var(--card-radius-sm);padding:10px 14px;margin:0}.ef-open-btn{display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:var(--card-radius-sm);border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;width:100%;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.ef-open-btn:hover{background:var(--surface3);border-color:#ff9f0a4d}.ef-open-btn svg{color:var(--text-muted);flex-shrink:0}.ef-open-count{margin-left:auto;font-size:11px;font-weight:700;background:#ff9f0a26;color:var(--accent);border-radius:999px;padding:2px 9px}.ef-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px}.ef-popup{width:100%;max-width:560px;max-height:80vh;background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--card-radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);animation:ef-pop-in .2s var(--spring)}@keyframes ef-pop-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ef-popup-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.ef-popup-title{font-size:16px;font-weight:700;color:var(--text);flex:1}.ef-popup-count{font-size:12px;color:var(--text-muted)}.ef-popup-close{width:30px;height:30px;border-radius:50%;border:none;background:var(--surface2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.ef-popup-close:hover{background:var(--surface3);color:var(--text)}.ef-search-row{display:flex;align-items:center;gap:8px;margin:12px 16px;padding:9px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;flex-shrink:0}.ef-search-icon{color:var(--text-dim);flex-shrink:0}.ef-search{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px}.ef-search::placeholder{color:var(--text-dim)}.ef-search-clear{background:none;border:none;color:var(--text-dim);cursor:pointer;display:flex;padding:0}.ef-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.ef-row{display:flex;align-items:center;gap:14px;padding:11px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s;-webkit-tap-highlight-color:transparent}.ef-row:last-child{border-bottom:none}.ef-row:hover{background:var(--surface2)}.ef-row.hidden{opacity:.5}.ef-row.hidden .ef-row-name{text-decoration:line-through;color:var(--text-muted)}.ef-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ef-row-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ef-row-meta{display:flex;align-items:center;gap:6px}.ef-domain-pill{font-size:9px;font-weight:700;color:var(--text-dim);background:var(--surface3);border-radius:999px;padding:1px 6px;flex-shrink:0;font-family:monospace}.ef-row-id{font-size:10px;color:var(--text-dim);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ef-toggle{width:44px;height:26px;border-radius:999px;padding:3px;cursor:pointer;transition:background .2s;flex-shrink:0;display:flex;align-items:center}.ef-toggle.on{background:var(--accent)}.ef-toggle.off{background:var(--surface3);border:1px solid var(--border)}.ef-toggle-knob{width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s var(--spring);box-shadow:0 1px 4px #00000059}.ef-toggle.on .ef-toggle-knob{transform:translate(18px)}.ef-toggle.off .ef-toggle-knob{transform:translate(0)}.ef-groupby{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;flex-shrink:0}.ef-groupby-btn{padding:5px 11px;border:none;background:none;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.ef-groupby-btn.active{background:var(--accent-dim);color:var(--accent)}.ef-group-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 6px;background:var(--surface2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.ef-group-name{font-size:10px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.ef-group-count{font-size:10px;color:var(--text-dim)}.ef-loading{padding:24px;text-align:center;font-size:13px;color:var(--text-dim);font-style:italic}.ef-group-partial{font-size:10px;font-weight:600;color:var(--accent);background:var(--accent-dim);border-radius:999px;padding:1px 7px}.ef-group-toggle{margin-left:auto}.app-shell{display:flex;flex-direction:column;height:100%;overflow:hidden;background:transparent}.app-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--topnav-height: 64px;--bg: #080810;--surface: rgba(255, 255, 255, .055);--surface2: rgba(255, 255, 255, .09);--surface3: rgba(255, 255, 255, .13);--border: rgba(255, 255, 255, .08);--border-active: rgba(255, 159, 10, .32);--text: #f5f5f7;--text-muted: rgba(245, 245, 247, .5);--text-dim: rgba(245, 245, 247, .28);--accent: #FF9F0A;--accent-hover: #e8910a;--accent-dim: rgba(255, 159, 10, .1);--accent-dim2: rgba(255, 159, 10, .18);--accent-text: #000000;--accent-glow: rgba(255, 159, 10, .22);--on: #FF9F0A;--off: rgba(255, 255, 255, .055);--blue: #0A84FF;--blue-dim: rgba(10, 132, 255, .12);--green: #30D158;--green-dim: rgba(48, 209, 88, .12);--red: #FF453A;--red-dim: rgba(255, 69, 58, .12);--unavailable: #FF453A;--card-radius: 20px;--card-radius-sm: 14px;--blur: blur(24px) saturate(160%);--shadow: 0 4px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .6);--font: -apple-system, "SF Pro Display", "SF Pro Text", BlinkMacSystemFont, "Helvetica Neue", sans-serif;--transition-fast: .15s ease;--transition-med: .25s ease;--spring: cubic-bezier(.34, 1.56, .64, 1)}html,body,#root{height:100%;overflow:hidden}body{background-color:var(--bg);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{touch-action:manipulation}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.card{background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-radius:var(--card-radius);border:1px solid var(--border);box-shadow:var(--shadow)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;flex-shrink:0}.page-title-group{display:flex;align-items:center;gap:12px}.page-title-icon{color:var(--accent)}.page-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.025em}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:1px}.page-actions{display:flex;gap:8px}.action-btn{padding:8px 18px;border-radius:var(--card-radius-sm);font-size:14px;font-weight:600;border:none;transition:background var(--transition-fast),opacity var(--transition-fast)}.action-btn.primary{background:var(--accent);color:var(--accent-text)}.action-btn.primary:hover{background:var(--accent-hover)}.action-btn.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.action-btn.secondary:hover{background:var(--surface3)}.action-btn:disabled{opacity:.35;pointer-events:none}.section-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.add-entity-row-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--card-radius-sm);border:1.5px dashed rgba(255,159,10,.35);background:#ff9f0a0a;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;width:100%;transition:background var(--transition-fast),border-color var(--transition-fast);touch-action:manipulation}.add-entity-row-btn:hover{background:#ff9f0a17;border-color:#ff9f0a8c}