.connection-status[data-v-b1a75892]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.125rem;transition:all .2s ease;cursor:pointer}.status-local[data-v-b1a75892]{background:#32d74b26;box-shadow:0 0 8px #32d74b4d}.status-remote[data-v-b1a75892]{background:#007aff26;box-shadow:0 0 8px #007aff4d}.status-warning[data-v-b1a75892]{background:#ffd60a26;box-shadow:0 0 8px #ffd60a4d;animation:pulse-b1a75892 1.5s ease-in-out infinite}.status-disconnected[data-v-b1a75892]{background:#ff453a26}@keyframes pulse-b1a75892{0%,to{opacity:1}50%{opacity:.6}}.app-header[data-v-6071e417]{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--glass-bg, rgba(255, 255, 255, .02));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:0 0 32px 32px;border:none;box-shadow:0 8px 32px #0000000a;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top));overflow:hidden}.app-header[data-v-6071e417]:before{content:"";position:absolute;inset:0;background:inherit;background-attachment:fixed;transform:scale(1.08);z-index:0;border-radius:0 0 32px 32px;opacity:.9;pointer-events:none}.app-header[data-v-6071e417]:after{content:"";position:absolute;inset:0;border-radius:0 0 32px 32px;padding:1px;z-index:2;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:linear-gradient(135deg,rgba(255,255,255,.7) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.7) 100%);transition:background .2s ease}[data-theme=dark] .app-header[data-v-6071e417]{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 8px 32px #00000047}[data-theme=dark] .app-header[data-v-6071e417]:after{background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.3) 100%)}.header-content[data-v-6071e417]{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px}.home-name[data-v-6071e417]{font-size:1.375rem;font-weight:700;letter-spacing:-.3px;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.3),0 0 12px rgba(255,255,255,.15);margin:0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;transition:opacity .2s ease}.home-name[data-v-6071e417]:active{opacity:.7}.header-right[data-v-6071e417]{display:flex;align-items:center;gap:8px}.blur-overlay[data-v-6071e417]{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:199;display:none}.blur-overlay.active[data-v-6071e417]{display:block}[data-theme=dark] .blur-overlay[data-v-6071e417]{background:#0009}.menu-overlay[data-v-6071e417]{position:fixed;inset:0;z-index:300;pointer-events:none;visibility:hidden;transition:visibility .3s}.menu-overlay.open[data-v-6071e417]{visibility:visible;pointer-events:auto}.menu-wrapper[data-v-6071e417]{background:var(--glass-bg, rgba(255, 255, 255, .02));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:none;border-radius:32px;box-shadow:0 8px 32px #0000000f;pointer-events:auto;overflow:hidden;position:absolute;left:20px;right:20px;bottom:90px;max-height:calc(100vh - 172px);background-clip:padding-box;transform:translateY(-100vh);transition:transform .4s cubic-bezier(.32,.94,.6,1)}.menu-overlay.open .menu-wrapper[data-v-6071e417]{transform:translateY(0)}.menu-wrapper[data-v-6071e417]:before{content:"";position:absolute;inset:0;background:inherit;background-attachment:fixed;transform:scale(1.08);z-index:0;border-radius:32px;opacity:.9;pointer-events:none}.menu-wrapper[data-v-6071e417]:after{content:"";position:absolute;inset:0;border-radius:0 0 32px 32px;padding:1px;z-index:2;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:linear-gradient(135deg,rgba(255,255,255,.7) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.7) 100%);transition:background .4s}[data-theme=dark] .menu-wrapper[data-v-6071e417]{backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:0 8px 32px #0000004d}[data-theme=dark] .menu-wrapper[data-v-6071e417]:after{background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.3) 100%)}.menu-header[data-v-6071e417],.menu-content[data-v-6071e417],.menu-footer[data-v-6071e417]{position:relative;z-index:3}.menu-header[data-v-6071e417]{padding:20px;border-bottom:.5px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:12px}[data-theme=dark] .menu-header[data-v-6071e417]{border-bottom-color:#ffffff1a}.menu-header-icon[data-v-6071e417]{font-size:1.75rem}.menu-header-title[data-v-6071e417]{font-size:1.25rem;font-weight:600;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.3)}.menu-content[data-v-6071e417]{padding:16px}.menu-section-title[data-v-6071e417]{font-size:.8125rem;font-weight:500;color:#ffffffb3;text-shadow:0 0 2px rgba(0,0,0,.6);margin:12px 0 8px}.menu-section-title[data-v-6071e417]:first-of-type{margin-top:0}.menu-item[data-v-6071e417]{display:flex;align-items:center;gap:14px;padding:12px;border-radius:14px;cursor:pointer;transition:background .2s}.menu-item[data-v-6071e417]:active{background:#ffffff1a}[data-theme=dark] .menu-item[data-v-6071e417]:active{background:#ffffff0d}.menu-item-icon[data-v-6071e417]{font-size:1.5rem;width:32px;text-align:center}.menu-item-info[data-v-6071e417]{flex:1}.menu-item-title[data-v-6071e417]{font-size:1rem;font-weight:500;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8)}.menu-item-subtitle[data-v-6071e417]{font-size:.75rem;color:#fff9;text-shadow:0 0 1px rgba(0,0,0,.5);margin-top:2px}.menu-item-arrow[data-v-6071e417]{font-size:1.25rem;color:#fff9;transition:transform .2s}.menu-item-arrow.rotated[data-v-6071e417]{transform:rotate(90deg)}.menu-item-check[data-v-6071e417]{font-size:1.125rem;color:#34c759;font-weight:600}.home-dropdown[data-v-6071e417]{padding:0 12px 12px;animation:slideDown-6071e417 .2s ease}@keyframes slideDown-6071e417{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.home-dropdown-item[data-v-6071e417]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#ffffff0a;border:.5px solid rgba(255,255,255,.08)}.home-dropdown-item.disabled[data-v-6071e417]{opacity:.6;cursor:default}.home-dropdown-icon[data-v-6071e417]{font-size:1.25rem;width:28px;text-align:center}.home-dropdown-label[data-v-6071e417]{font-size:.9rem;color:#ffffffb3;text-shadow:0 0 1px rgba(0,0,0,.5)}[data-theme=dark] .home-dropdown-item[data-v-6071e417]{background:#ffffff08;border-color:#ffffff0d}[data-theme=dark] .home-dropdown-label[data-v-6071e417]{color:#ffffff80}.connection-row[data-v-6071e417]{display:flex;gap:8px;margin:0 -4px}.connection-chip[data-v-6071e417]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;border-radius:14px;cursor:pointer;transition:all .2s;background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);min-width:0;overflow:hidden}.connection-chip[data-v-6071e417]:active{background:#ffffff1a}.connection-chip.active[data-v-6071e417]{background:#34c75933;border-color:#34c759}[data-theme=dark] .connection-chip[data-v-6071e417]{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .connection-chip[data-v-6071e417]:active{background:#ffffff14}[data-theme=dark] .connection-chip.active[data-v-6071e417]{background:#34c75926;border-color:#34c759}.chip-icon[data-v-6071e417]{font-size:1.25rem;line-height:1}.chip-label[data-v-6071e417]{font-size:.6875rem;font-weight:500;color:#fffc;text-shadow:0 0 1px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.connection-chip.active .chip-label[data-v-6071e417]{color:#34c759}.status-indicators[data-v-6071e417]{display:flex;flex-direction:column;gap:8px;padding:4px 0}.status-row[data-v-6071e417]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:12px;background:#ffffff0a;border:.5px solid rgba(255,255,255,.06)}[data-theme=dark] .status-row[data-v-6071e417]{background:#ffffff08;border-color:#ffffff0a}.status-label[data-v-6071e417]{font-size:.875rem;font-weight:500;color:#fffc;text-shadow:0 0 1px rgba(0,0,0,.5)}.status-badge[data-v-6071e417]{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.2px}.status-badge.badge-online[data-v-6071e417]{background:#34c75926;color:#34c759;border:.5px solid rgba(52,199,89,.3)}.status-badge.badge-offline[data-v-6071e417]{background:#8e8e9326;color:#ffffff80;border:.5px solid rgba(142,142,147,.2)}[data-theme=dark] .status-badge.badge-online[data-v-6071e417]{background:#34c7591f;border-color:#34c75940}[data-theme=dark] .status-badge.badge-offline[data-v-6071e417]{background:#8e8e931a;border-color:#8e8e9326}.status-dot[data-v-6071e417]{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.dot-local[data-v-6071e417]{background:#34c759;box-shadow:0 0 6px #34c75999}.status-dot.dot-remote[data-v-6071e417]{background:#007aff;box-shadow:0 0 6px #007aff99}.status-dot.dot-online[data-v-6071e417]{background:#34c759;box-shadow:0 0 6px #34c75999}.status-dot.dot-offline[data-v-6071e417]{background:#8e8e93;box-shadow:none}.menu-item-toggle[data-v-6071e417]{display:flex;align-items:center}.menu-item-settings-btn[data-v-6071e417]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:background .2s,transform .2s;margin-left:8px;flex-shrink:0}.menu-item-settings-btn[data-v-6071e417]:active{background:#ffffff26;transform:scale(.92)}.toggle-switch[data-v-6071e417]{width:48px;height:28px;background:#fff3;border:.5px solid rgba(255,255,255,.3);border-radius:28px;transition:all .2s ease;position:relative;cursor:pointer}.toggle-switch.active[data-v-6071e417]{background:#34c759;border-color:#34c759}.toggle-knob[data-v-6071e417]{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-knob[data-v-6071e417]{transform:translate(20px)}.menu-divider[data-v-6071e417]{height:.5px;background:#fff3;margin:12px 0}[data-theme=dark] .menu-divider[data-v-6071e417]{background:#ffffff1a}.menu-footer[data-v-6071e417]{padding:16px;border-top:.5px solid rgba(255,255,255,.2)}[data-theme=dark] .menu-footer[data-v-6071e417]{border-top-color:#ffffff1a}.menu-footer-btn[data-v-6071e417]{padding:12px;background:var(--glass-bg, rgba(255, 255, 255, .02));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:28px;font-size:1rem;font-weight:500;color:#fff;cursor:pointer;text-align:center;text-shadow:0 0 2px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.3),0 0 12px rgba(255,255,255,.15);position:relative;overflow:hidden;background-clip:padding-box;transition:background .4s,backdrop-filter .4s,box-shadow .4s,transform .2s}.menu-footer-btn[data-v-6071e417]:before{content:"";position:absolute;inset:0;background:inherit;background-attachment:fixed;transform:scale(1.08);z-index:0;border-radius:inherit;opacity:.9;pointer-events:none}.menu-footer-btn[data-v-6071e417]:after{content:"";position:absolute;inset:0;border-radius:28px;padding:1px;z-index:2;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:linear-gradient(135deg,rgba(255,255,255,.7) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.7) 100%);transition:background .4s}.menu-footer-btn[data-v-6071e417]>*{position:relative;z-index:3}.menu-footer-btn[data-v-6071e417]:active{background:#ffffff1a;transform:scale(.97)}[data-theme=dark] .menu-footer-btn[data-v-6071e417]{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}[data-theme=dark] .menu-footer-btn[data-v-6071e417]:after{background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.3) 100%)}[data-theme=dark] .menu-footer-btn[data-v-6071e417]:active{background:#3c414899}.back-btn[data-v-89acdebf]{--btn-size: 44px;position:fixed;bottom:var(--d42f841c);right:45px;z-index:300;width:var(--btn-size);height:var(--btn-size);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:var(--glass-bg, rgba(255, 255, 255, .12));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 16px #00000026,inset 0 0 0 .5px #fff6;color:#fff;cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s ease,background .4s;transform:scale(1);opacity:1}[data-theme=dark] .back-btn[data-v-89acdebf]{box-shadow:0 4px 16px #00000059,inset 0 0 0 .5px #ffffff26}.back-btn--hidden[data-v-89acdebf]{transform:scale(.7);opacity:0;pointer-events:none}.back-btn[data-v-89acdebf]:active{transform:scale(.88);background:#fff3}[data-theme=dark] .back-btn[data-v-89acdebf]:active{background:#3c4148b3}.back-btn__icon[data-v-89acdebf]{width:22px;height:22px;filter:drop-shadow(0 0 3px rgba(255,255,255,.2));margin-left:-1px}.back-btn-fade-enter-active[data-v-89acdebf],.back-btn-fade-leave-active[data-v-89acdebf]{transition:opacity .2s ease,transform .2s ease}.back-btn-fade-enter-from[data-v-89acdebf],.back-btn-fade-leave-to[data-v-89acdebf]{opacity:0;transform:scale(.7)}.app-footer[data-v-98b794b9]{position:fixed;bottom:0;left:0;right:0;z-index:200;margin:0 5px 16px 4px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;padding:6px 12px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.footer-blur[data-v-98b794b9]{position:fixed;bottom:0;left:0;right:0;height:120px;pointer-events:none;z-index:99;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.15) 30%,rgba(255,255,255,.3) 60%,rgba(255,255,255,.3) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);mask-image:linear-gradient(to bottom,transparent 0%,black 40%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 40%,black 100%)}[data-theme=dark] .footer-blur[data-v-98b794b9]{background:linear-gradient(to bottom,transparent 0%,rgba(40,42,48,.15) 30%,rgba(40,42,48,.3) 60%,rgba(40,42,48,.3) 100%)}.footer-nav[data-v-98b794b9]{position:relative;z-index:101;display:flex;justify-content:space-around;align-items:center;background:var(--glass-bg, rgba(255, 255, 255, .02));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;border:none;box-shadow:0 4px 20px #0000000f;padding:6px 12px;overflow:hidden;background-clip:padding-box;transition:background .4s,backdrop-filter .4s,box-shadow .4s}.footer-nav[data-v-98b794b9]:before{content:"";position:absolute;inset:0;background:inherit;background-attachment:fixed;transform:scale(1.08);z-index:0;border-radius:inherit;opacity:.9;pointer-events:none}.footer-nav[data-v-98b794b9]:after{content:"";position:absolute;inset:0;border-radius:32px;padding:1px;z-index:2;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:linear-gradient(135deg,rgba(255,255,255,.7) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.7) 100%);transition:background .4s}[data-theme=dark] .footer-nav[data-v-98b794b9]{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 4px 20px #0000004d}[data-theme=dark] .footer-nav[data-v-98b794b9]:after{background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.3) 100%)}.nav-item[data-v-98b794b9]{display:flex;flex-direction:column;align-items:center;flex:1;padding:6px 0;text-decoration:none;color:#ffffffb3;border-radius:24px;transition:all .2s ease;cursor:pointer;position:relative;z-index:3}.nav-label[data-v-98b794b9]{font-size:.6875rem;font-weight:500;margin-top:2px;text-shadow:0 0 2px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.3)}.nav-icon[data-v-98b794b9]{font-size:1.125rem;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.glass-icon[data-v-98b794b9],.star-icon[data-v-98b794b9]{width:22px;height:22px;opacity:.5;color:#ffffffe6;filter:drop-shadow(0 0 2px rgba(255,255,255,.15));transition:opacity .3s ease,filter .3s ease,transform .3s ease}.nav-item.active[data-v-98b794b9]{color:#fff;background:transparent;box-shadow:none;position:relative}.nav-item.active .glass-icon[data-v-98b794b9],.nav-item.active .star-icon[data-v-98b794b9]{opacity:1;filter:drop-shadow(0 0 6px rgba(255,255,255,.7)) drop-shadow(0 0 14px rgba(255,255,255,.3));transform:scale(1.08)}.nav-item.active[data-v-98b794b9]:before,.nav-item.active[data-v-98b794b9]:after{content:none!important}.nav-item.active .nav-label[data-v-98b794b9]{text-shadow:0 0 2px rgba(0,0,0,.9),0 2px 10px rgba(0,0,0,.5),0 0 14px rgba(255,255,255,.25)}.nav-item.active .nav-icon[data-v-98b794b9]{transform:translateY(-2px);filter:drop-shadow(0 2px 4px rgba(255,255,255,.3))}.edit-mode-nav[data-v-98b794b9]{justify-content:center}.edit-mode-btn[data-v-98b794b9]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:6px 0;cursor:pointer;border-radius:24px;transition:all .2s ease;background:var(--glass-bg, rgba(255, 255, 255, .02));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;z-index:3}.edit-mode-btn[data-v-98b794b9]:active{transform:scale(.96);background:#ffffff1f}.edit-mode-btn.hidden[data-v-98b794b9]{opacity:.3;pointer-events:none}.edit-mode-icon[data-v-98b794b9]{font-size:1.375rem;font-weight:600;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.3)}.edit-mode-label[data-v-98b794b9]{font-size:.625rem;font-weight:600;margin-top:2px;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .edit-mode-btn[data-v-98b794b9]{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}[data-theme=dark] .edit-mode-btn[data-v-98b794b9]:active{background:#3c414899}@media(hover:hover){.nav-item:hover:not(.active) .glass-icon[data-v-98b794b9],.nav-item:hover:not(.active) .star-icon[data-v-98b794b9]{opacity:.7;filter:drop-shadow(0 0 4px rgba(255,255,255,.35));transform:scale(1.04)}.nav-item[data-v-98b794b9]:hover:not(.active){background:transparent}}.controller-missing[data-v-46659209]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-primary)}.controller-missing__content[data-v-46659209]{text-align:center;max-width:300px}.controller-missing__icon[data-v-46659209]{font-size:64px;margin-bottom:20px}.controller-missing__title[data-v-46659209]{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.controller-missing__desc[data-v-46659209]{font-size:16px;color:var(--text-secondary);margin-bottom:8px}.controller-missing__info[data-v-46659209]{font-size:14px;color:var(--text-tertiary);margin-bottom:24px}.controller-missing__btn[data-v-46659209]{padding:12px 24px;background:var(--hk-blue);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer}.controller-integration[data-v-eb32d1f0]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-primary)}.controller-integration__content[data-v-eb32d1f0]{text-align:center;max-width:300px}.controller-integration__icon[data-v-eb32d1f0]{font-size:64px;margin-bottom:20px}.controller-integration__title[data-v-eb32d1f0]{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.controller-integration__desc[data-v-eb32d1f0]{font-size:16px;color:var(--text-secondary);margin-bottom:8px}.controller-integration__info[data-v-eb32d1f0]{font-size:14px;color:var(--text-tertiary);margin-bottom:24px}.controller-integration__btn[data-v-eb32d1f0]{padding:12px 24px;background:var(--hk-blue);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer}#app{min-height:100vh;position:relative;background:transparent}.app-main{padding-top:82px;padding-bottom:calc(80px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;height:100vh;min-height:100vh;scroll-behavior:smooth;box-sizing:border-box;position:relative}.app-main:only-child{margin-top:0;margin-bottom:0;height:100vh;min-height:100vh}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--hk-gray4);border-top-color:var(--hk-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.exit-toast{position:fixed;bottom:calc(140px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:1000;padding:12px 24px;border-radius:12px;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:14px;font-weight:500;text-align:center;white-space:nowrap;box-shadow:0 4px 20px #0000004d;pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=dark] .exit-toast{background:#282a30d9}.toast-fade-enter-active{transition:opacity .25s ease,transform .25s ease}.toast-fade-leave-active{transition:opacity .15s ease,transform .15s ease}.toast-fade-enter-from{opacity:0;transform:translate(-50%) translateY(12px)}.toast-fade-leave-to{opacity:0;transform:translate(-50%) translateY(8px)}:root,[data-theme=light]{--hk-blue: #007AFF;--hk-green: #32D74B;--hk-red: #FF453A;--hk-orange: #FF9F0A;--hk-yellow: #FFD60A;--hk-purple: #BF5AF2;--hk-pink: #FF375F;--hk-gray1: #8E8E93;--hk-gray2: #AEAEB2;--hk-gray3: #C7C7CC;--hk-gray4: #D1D1D6;--hk-gray5: #E5E5EA;--hk-gray6: #F2F2F7;--text-primary: #000000;--text-secondary: #3C3C43;--text-tertiary: #8E8E93;--bg-primary: #FFFFFF;--bg-secondary: #F2F2F7;--bg-tertiary: #E5E5EA;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--glass-bg: rgba(255, 255, 255, .02);--glass-blur: 20px;--glass-border: transparent;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .04);--glass-edge-gradient: linear-gradient( 135deg, rgba(255, 255, 255, .7) 0%, transparent 40%, transparent 60%, rgba(255, 255, 255, .7) 100% );--text-shadow-glass: 0 0 2px rgba(0, 0, 0, .8), 0 2px 8px rgba(0, 0, 0, .3), 0 0 12px rgba(255, 255, 255, .15);--glass-lens-scale: 1.08;--glass-lens-opacity: .9;--device-card-bg: rgba(255, 255, 255, .4);--device-card-blur: 20px;--device-card-border: .5px solid rgba(255, 255, 255, .5);--device-card-shadow: 0 8px 25px rgba(0, 0, 0, .06), inset 0 .5px 0 rgba(255, 255, 255, .7);--device-on-bg: rgba(50, 215, 75, .2);--device-on-border: rgba(50, 215, 75, .3);--device-on-shadow: 0 8px 25px rgba(50, 215, 75, .15), inset 0 .5px 0 rgba(255, 255, 255, .7);--device-active-bg: rgba(255, 255, 255, .15);--device-active-shadow: 0 4px 16px rgba(0, 0, 0, .1)}[data-theme=dark]{--text-primary: #FFFFFF;--text-secondary: #EBEBF5;--text-tertiary: #8E8E93;--bg-primary: #000000;--bg-secondary: #1C1C1E;--bg-tertiary: #2C2C2E;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--glass-bg: rgba(40, 42, 48, .35);--glass-blur: 22px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .28);--glass-edge-gradient: linear-gradient( 135deg, rgba(255, 255, 255, .3) 0%, transparent 40%, transparent 60%, rgba(255, 255, 255, .3) 100% );--device-card-bg: rgba(255, 255, 255, .04);--device-card-blur: 20px;--device-card-border: .5px solid rgba(255, 255, 255, .06);--device-card-shadow: 0 4px 15px rgba(0, 0, 0, .15);--device-on-bg: rgba(50, 215, 75, .12);--device-on-border: rgba(50, 215, 75, .15);--device-on-shadow: 0 4px 15px rgba(50, 215, 75, .1);--device-active-bg: rgba(60, 65, 72, .6);--device-active-shadow: 0 4px 20px rgba(0, 0, 0, .5), inset 0 0 12px rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}*{touch-action:manipulation}html{font-size:var(--font-size-root, 16px)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);overflow-x:hidden;min-height:100vh;background:url(/my_bg.jpg) center/cover fixed}[data-theme=dark] body{background:linear-gradient(135deg,#141928,#1e1428,#0f192d) fixed}#app{min-height:100vh;max-width:100vw;overflow-x:hidden;background:transparent!important}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{line-height:1.5}a{color:var(--hk-blue);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;border:none;background:none;cursor:pointer;outline:none}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-primary);border:2px solid var(--hk-gray4);border-radius:var(--radius-md);padding:12px 16px;transition:all .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--hk-blue);box-shadow:0 0 0 4px #007aff1a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hk-gray4);border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background:var(--hk-gray3)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s ease,opacity .3s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(1.25rem);opacity:0}.devices-grid,.home-view__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.25rem,auto));justify-content:center;gap:1rem;padding:1rem;content-visibility:auto;contain-intrinsic-size:1px 500px}.app-header{padding-top:env(safe-area-inset-top)}.glass-panel{position:relative;overflow:hidden;background-clip:padding-box;backdrop-filter:blur(var(--glass-blur, 20px));-webkit-backdrop-filter:blur(var(--glass-blur, 20px));background:var(--glass-bg, rgba(255, 255, 255, .02));border-radius:var(--radius-xl, 20px);border:none;box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .04));transition:background .2s ease,box-shadow .2s ease;will-change:transform;contain:content style layout paint}.glass-panel:before{content:"";position:absolute;inset:0;background:inherit;transform:scale(var(--glass-lens-scale, 1.08));z-index:0;border-radius:inherit;opacity:var(--glass-lens-opacity, .9);pointer-events:none}.glass-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:2;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:var(--glass-edge-gradient);transition:background .2s ease}.glass-panel h1,.glass-panel h2,.glass-panel h3,.glass-panel h4,.glass-panel h5,.glass-panel h6,.glass-panel p,.glass-panel span:not(.no-glass-text),.glass-panel a,.glass-panel label,.glass-panel li,.glass-panel .text-content{position:relative;z-index:3;text-shadow:var(--text-shadow-glass)}@media(max-width:480px){.devices-grid,.home-view__grid{grid-template-columns:repeat(auto-fill,6.25rem);gap:.75rem;justify-content:center}}@media(min-width:768px){.devices-grid,.home-view__grid{gap:1.25rem}}