:root{--bg-0:#17253f;--bg-1:#2b4066;--text:#eef2f8;--muted:#98a4b8;--primary:#5b9cff;--primary-600:#4585f0;--on:#3ee08a;--off:#5a6472;--danger:#ff6272;--surface:#1219288c;--surface-2:#ffffff0f;--border:#ffffff1a;--glass-blur:18px;--glass-hi:#ffffff24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:var(--bg-0);color:var(--text);overflow-x:hidden}body:before{content:"";z-index:-2;filter:saturate(1.2);background:radial-gradient(46% 46% at 12% 10%,#78afff99,#0000 60%),radial-gradient(42% 42% at 90% 4%,#b49bff8c,#0000 62%),radial-gradient(52% 52% at 90% 90%,#5ae6d273,#0000 62%),radial-gradient(46% 46% at 6% 92%,#60cdff80,#0000 62%),radial-gradient(52% 46% at 50% 44%,#c8dcff6b,#0000 66%),linear-gradient(160deg,#3a527e 0%,#24365a 55%,#17253f 100%);animation:22s ease-in-out infinite alternate auroraDrift;position:fixed;inset:-25vmax}@keyframes auroraDrift{0%{transform:translate(-2.5%,-1.5%)scale(1)}to{transform:translate(2.5%,2.5%)scale(1.1)}}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(130% 120% at 50% 8%,#0000 72%,#0000002e);position:fixed;inset:0}button{font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.splash{min-height:100vh;color:var(--muted);place-items:center;display:grid}.topbar{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border-bottom:1px solid var(--border);z-index:10;background:#0c122099;align-items:center;gap:24px;padding:14px 24px;display:flex;position:sticky;top:0}.content{width:100%;max-width:1100px;margin:0 auto;padding:24px}.page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-head h2{margin:0}.brand{letter-spacing:-.02em;font-size:2rem;font-weight:800}.brand span{color:var(--primary)}.brand--sm{font-size:1.25rem}.tabs{gap:4px;margin-right:auto;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:.95rem}.tab:hover,.tab--active{color:var(--text);background:var(--surface-2)}.btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:9px;padding:9px 16px;font-size:.9rem;transition:filter .15s}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-600)}.btn--ghost{background:0 0}.btn--block{width:100%;margin-top:4px}.btn--link{color:var(--muted);background:0 0;border:none;width:100%;margin-top:10px}.select{color:var(--text);border:1px solid var(--border);background:#141e34d9;border-radius:9px;padding:9px 12px;font-size:.9rem}.select option{color:#eef2f8;background:#16203a}.select option:disabled{color:#8a94a3}.notif{position:relative}.notif__bell{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:9px;padding:7px 11px;font-size:1rem;position:relative}.notif__bell:hover{background:var(--surface-2)}.notif__badge{background:var(--danger);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.notif__panel{width:320px;max-height:420px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border:1px solid var(--border);z-index:50;background:#0e1422bf;border-radius:14px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 20px 50px #0000008c}.notif__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;font-weight:600;display:flex}.notif__clear{width:auto;margin:0}.notif__empty{text-align:center;color:var(--muted);padding:24px;font-size:.88rem}.notif__list{margin:0;padding:0;list-style:none}.notif__item{border-bottom:1px solid var(--border);border-left:3px solid var(--muted);padding:10px 14px}.notif__item--danger{border-left-color:var(--danger)}.notif__item--warn{border-left-color:#ffb84d}.notif__item--info{border-left-color:var(--primary)}.notif__title{font-size:.9rem;font-weight:600}.notif__body{color:var(--muted);margin-top:2px;font-size:.82rem}.notif__time{color:var(--muted);margin-top:4px;font-size:.72rem}.notif__bell--active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 20%, transparent)}.voice{position:relative}.voice--live{animation:1s ease-in-out infinite voicePulse;border-color:var(--danger)!important;background:color-mix(in srgb, var(--danger) 25%, transparent)!important}@keyframes voicePulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--danger) 30%, transparent)}}.voice__hint{white-space:nowrap;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);z-index:60;background:#0e1422d9;border-radius:10px;padding:8px 12px;font-size:.82rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #00000080}.settings-card{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);border:1px solid var(--border);max-width:560px;box-shadow:inset 0 1px 0 var(--glass-hi);border-radius:16px;padding:20px}.settings-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.settings-row__title{font-size:1rem;font-weight:700}.settings-row__desc{color:var(--muted);max-width:360px;margin-top:3px;font-size:.84rem}.vsw-create{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:14px;max-width:620px;margin-bottom:18px;padding:16px}.vsw-icons{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.vsw-ico{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;width:38px;height:38px;font-size:1.1rem}.vsw-ico--on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 25%, transparent)}.vsw-create__row{gap:8px;display:flex}.field-input{border:1px solid var(--border);color:var(--text);background:#141e34b3;border-radius:9px;flex:1;padding:10px 13px;font-size:.92rem}.field-input:focus{border-color:var(--primary);outline:none}.vsw-bind{flex-direction:column;gap:8px;margin-top:12px;display:flex}.vsw-bind label{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:.78rem;display:flex}.vsw-bind select{max-width:60%;font-size:.8rem}.toast-stack{z-index:100;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:74px;right:20px}.toast-pop{min-width:260px;max-width:340px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border:1px solid var(--border);border-left:4px solid var(--muted);background:#0e1422cc;border-radius:12px;padding:12px 14px;animation:.25s toastIn;box-shadow:0 14px 40px #0000008c}.toast-pop--danger{border-left-color:var(--danger)}.toast-pop--warn{border-left-color:#ffb84d}.toast-pop--info{border-left-color:var(--primary)}.toast-pop__title{font-size:.92rem;font-weight:700}.toast-pop__body{color:var(--muted);margin-top:2px;font-size:.82rem}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}}.muted{color:var(--muted);font-size:.9rem}.live{color:var(--muted)}.live--on{color:var(--on)}.alert{border:1px solid var(--danger);color:#ffb3ba;word-break:break-word;background:#ff5b6a1f;border-radius:9px;margin-bottom:16px;padding:10px 14px;font-size:.9rem}.info{border:1px solid var(--primary);color:#bcd6ff;background:#3d8bff1f;border-radius:9px;margin:12px 0;padding:10px 14px;font-size:.9rem}.toast{border:1px solid var(--on);color:#bff5d4;background:#37d67a1f;border-radius:9px;margin-bottom:16px;padding:10px 14px;font-size:.9rem}.device-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px;display:grid}.device-card{--accent:var(--primary);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, var(--surface)) 0%, var(--surface) 62%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--glass-hi), 0 8px 24px #00000040;border-radius:18px;flex-direction:column;padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.device-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 72%);height:3px;position:absolute;inset:0 0 auto}.device-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:0 12px 32px #0006, 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(-2px)}.device-card.offline{opacity:.55}.device-card.alarm{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger), 0 0 20px #ff5b6a66;animation:1.2s ease-in-out infinite alarmPulse}@keyframes alarmPulse{50%{box-shadow:0 0 0 1px var(--danger), 0 0 28px #ff5b6aa6}}.dc-top{align-items:center;gap:12px;display:flex}.dc-icon{background:color-mix(in srgb, var(--accent) 18%, transparent);border:1px solid color-mix(in srgb, var(--accent) 38%, transparent);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:1.35rem;display:grid}.dc-titles{flex:1;min-width:0}.dc-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.02rem;font-weight:700;overflow:hidden}.dc-kind{color:color-mix(in srgb, var(--accent) 65%, var(--muted));font-size:.74rem;font-weight:600}.dc-online{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:.7rem;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot--on{background:var(--on);box-shadow:0 0 8px var(--on)}.dot--off{background:var(--off)}.device-card__note{color:var(--muted);margin-top:12px;font-size:.76rem;font-style:italic}.readings{flex-direction:column;gap:7px;margin-top:14px;display:flex}.reading{background:color-mix(in srgb, var(--accent) 8%, var(--surface-2));border:1px solid color-mix(in srgb, var(--accent) 15%, transparent);border-radius:10px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:.86rem;display:flex}.reading__label{color:var(--muted);align-items:center;gap:7px;display:inline-flex}.reading__icon{font-size:1rem}.reading__value{font-variant-numeric:tabular-nums;color:var(--text);font-weight:800}.reading--danger{border-color:var(--danger);background:#ff5b6a29}.reading--danger .reading__value{color:var(--danger)}.slider{margin-top:14px}.slider__row{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:.8rem;display:flex}.slider__label{font-weight:600}.slider__val{color:var(--text);font-variant-numeric:tabular-nums;font-weight:800}.slider input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.slider input[type=range]:disabled{opacity:.5;cursor:default}.dimmer{justify-content:center;margin-top:14px;display:flex}.dimmer--off{opacity:.5}.dimmer__svg{touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;width:130px;height:130px}.dimmer__track{stroke:var(--surface-2);stroke-width:8px;stroke-linecap:round}.dimmer__fill{stroke:var(--accent);stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--accent) 60%, transparent))}.dimmer__knob{fill:#fff;stroke:var(--accent);stroke-width:3px}.dimmer__value{fill:var(--text);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.dimmer__pct{fill:var(--muted);font-size:11px}.dimmer__label{fill:var(--muted);font-size:10px}.toggle{cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;gap:10px;margin-top:14px;padding:0;display:flex}.toggle:disabled{cursor:default;opacity:.6}.toggle__track{background:var(--off);border-radius:999px;flex-shrink:0;width:48px;height:27px;transition:background .2s;position:relative}.toggle--on .toggle__track{background:var(--accent);box-shadow:0 0 12px color-mix(in srgb, var(--accent) 55%, transparent)}.toggle__thumb{background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle--on .toggle__thumb{transform:translate(21px)}.toggle__label{color:var(--muted);font-size:.85rem;font-weight:600}.history-toggle{color:color-mix(in srgb, var(--accent) 70%, var(--muted));cursor:pointer;text-align:left;background:0 0;border:none;margin-top:12px;padding:4px 0;font-size:.76rem;font-weight:600}.history-toggle:hover{color:var(--accent)}.timeline{margin-top:8px}.timeline__bar{background:var(--surface-2);border-radius:6px;height:22px;display:flex;overflow:hidden}.timeline__seg{height:100%}.timeline__seg--on{background:var(--accent)}.timeline__seg--off{background:color-mix(in srgb, var(--off) 40%, transparent)}.timeline__axis{color:var(--muted);justify-content:space-between;align-items:center;margin-top:5px;font-size:.68rem;display:flex}.timeline__legend{align-items:center;gap:4px;display:inline-flex}.timeline__dot{border-radius:2px;width:8px;height:8px;margin-left:6px;display:inline-block}.timeline__dot--on{background:var(--accent)}.timeline__dot--off{background:color-mix(in srgb, var(--off) 40%, transparent)}.timeline__msg{color:var(--muted);margin-top:8px;font-size:.76rem}.dchart{margin-top:8px}.dchart__tabs{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.dchart__tab{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;padding:4px 9px;font-size:.72rem}.dchart__tab--active{background:color-mix(in srgb, var(--accent) 30%, transparent);border-color:var(--accent);color:var(--text)}.dchart__stats{color:var(--muted);gap:12px;margin-bottom:6px;font-size:.72rem;display:flex}.dchart__stats b{color:var(--text);font-variant-numeric:tabular-nums}.scene-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.scene-card{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--glass-hi);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.scene-card__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.scene-card__actions{flex-shrink:0;gap:6px;display:flex}.scene-card__del{padding:9px 11px}.scene-creator{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--glass-hi);border-radius:16px;margin-bottom:20px;padding:18px}.creator__add{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.creator__steps{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.creator__step{background:var(--surface-2);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.creator__step-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.creator__remove{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:.9rem}.creator__remove:hover{color:var(--danger)}.chart-controls{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.seg{border:1px solid var(--border);border-radius:9px;display:inline-flex;overflow:hidden}.seg__btn{background:var(--surface-2);color:var(--muted);cursor:pointer;border:none;padding:9px 16px;font-size:.9rem}.seg__btn--active{background:var(--primary);color:#fff}.stat-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--glass-hi);border-radius:14px;padding:14px 16px}.stat--big{border-color:var(--primary)}.stat__label{color:var(--muted);font-size:.78rem}.stat__value{font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.5rem;font-weight:700}.stat--big .stat__value{color:var(--primary)}.stat__unit{color:var(--muted);margin-left:3px;font-size:.85rem;font-weight:500}.chart-wrap{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--glass-hi);border-radius:16px;padding:16px}.chart{width:100%;height:auto;display:block}.chart__ylabel,.chart__xlabel{fill:var(--muted);font-family:inherit;font-size:11px}.chart-empty{text-align:center;color:var(--muted);padding:60px 20px}.hub-nav{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 150px);display:flex;position:relative}.hub-hint{text-align:center;margin-top:10px}.hub-rail{z-index:6;flex-direction:column;gap:12px;animation:.4s railIn;display:flex;position:absolute;top:46%;left:0;transform:translateY(-50%)}@keyframes railIn{0%{opacity:0;transform:translate(-24px,-50%)}}.hub-rail__item{cursor:pointer;width:74px;color:var(--text);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--glass-hi);background:#ffffff0f;border-radius:16px;flex-direction:column;align-items:center;gap:1px;padding:10px 6px;transition:transform .14s,border-color .14s;display:flex}.hub-rail__item:hover{border-color:var(--primary);transform:translate(3px)}.hub-rail__icon{font-size:1.4rem}.hub-rail__label{color:var(--muted);font-size:.66rem}.hub-rail__up{color:var(--primary);font-size:.7rem}.hub-stage{justify-content:center;width:100%;display:flex}.hub-stage--fwd{animation:.4s cubic-bezier(.2,.7,.2,1) stageInR}.hub-stage--back{animation:.4s cubic-bezier(.2,.7,.2,1) stageInL}@keyframes stageInR{0%{opacity:0;transform:translate(48px)scale(.95)}}@keyframes stageInL{0%{opacity:0;transform:translate(-48px)scale(.95)}}.radial{flex-direction:column;align-items:center;width:100%;display:flex}.hub-device{flex-direction:column;align-items:center;width:100%;padding-top:6px;display:flex}.hub-device__card{width:100%;max-width:340px}.hub-back{-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:12px;align-self:flex-start;margin-bottom:16px;padding:9px 15px;font-size:.86rem;font-weight:600}.hub-back:hover{border-color:var(--primary)}.harc{--anchor-x:clamp(96px, 26%, 300px);--hr:clamp(150px, 40vh, 300px);width:100%;height:calc(var(--hr) * 2 + 90px);position:relative}.harc__spoke{left:var(--anchor-x);width:var(--hr);transform-origin:0;height:2px;transform:rotate(calc(var(--deg) * 1deg));background-image:repeating-linear-gradient(90deg, color-mix(in srgb, var(--cat) 55%, transparent) 0 6px, transparent 6px 12px);opacity:.55;pointer-events:none;z-index:1;animation:.5s backwards spokeGrow,2.4s linear infinite spokeFlow2;animation-delay:calc(var(--i) * 60ms), 0s;background-size:12px 2px;position:absolute;top:50%}@keyframes spokeGrow{0%{opacity:0;width:0}}@keyframes spokeFlow2{to{background-position:12px 0}}.harc__arc{left:var(--anchor-x);width:calc(var(--hr) * 2);height:calc(var(--hr) * 2);clip-path:inset(0 0 0 50%);pointer-events:none;border:1.5px dashed #ffffff29;border-radius:50%;animation:.5s backwards arcRingIn;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes arcRingIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}}.harc__center{left:var(--anchor-x);cursor:pointer;width:clamp(120px,26vw,188px);height:clamp(120px,26vw,188px);color:var(--text);background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--cat) 40%, var(--surface)), var(--surface) 78%);-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 6px)) saturate(1.4);border:1.5px solid color-mix(in srgb, var(--cat) 55%, var(--glass-hi));box-shadow:inset 0 1px 0 var(--glass-hi), 0 0 44px color-mix(in srgb, var(--cat) 32%, transparent);z-index:2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;animation:2.6s ease-in-out infinite hubPulse;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.harc__back{color:var(--primary);margin-top:4px;font-size:.68rem;font-weight:700}.harc__node{left:var(--anchor-x);width:clamp(62px,13vw,96px);height:clamp(62px,13vw,96px);transform:translate(-50%, -50%) translate(calc(var(--nx) * var(--hr)), calc(var(--ny) * var(--hr))) scale(1);background:linear-gradient(180deg, color-mix(in srgb, var(--cat) 26%, var(--surface)), var(--surface) 82%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border:1px solid color-mix(in srgb, var(--cat) 48%, var(--glass-hi));box-shadow:inset 0 1px 0 var(--glass-hi), 0 8px 22px #0000004d;cursor:pointer;color:var(--text);z-index:3;animation:.5s cubic-bezier(.2,.7,.2,1) backwards arcOpen;animation-delay:calc(var(--i) * 60ms);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:box-shadow .15s,border-color .15s;display:flex;position:absolute;top:50%}.harc__node:hover{border-color:var(--cat);box-shadow:0 10px 26px #0006, 0 0 20px color-mix(in srgb, var(--cat) 45%, transparent);scale:1.08}@keyframes arcOpen{0%{opacity:0;transform:translate(-50%,-50%)translate(0)scale(.3)}}.harc__hint{white-space:nowrap;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.hub{--hub-size:clamp(300px, 82vw, 600px);--hub-r:calc(var(--hub-size) * .38);width:var(--hub-size);height:var(--hub-size);position:relative}.hub__spokes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hub__spoke{stroke-dasharray:2 3;animation:3s linear infinite spokeFlow}@keyframes spokeFlow{to{stroke-dashoffset:-20px}}.hub__ring{width:calc(var(--hub-size) * .44);height:calc(var(--hub-size) * .44);background:conic-gradient(from 0deg, transparent, color-mix(in srgb, var(--primary) 45%, transparent), transparent 55%);opacity:.45;pointer-events:none;border-radius:50%;animation:9s linear infinite hubSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hubSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.hub__center{width:calc(var(--hub-size) * .3);height:calc(var(--hub-size) * .3);background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--primary) 38%, var(--surface)), var(--surface) 78%);-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 6px)) saturate(1.4);border:1.5px solid color-mix(in srgb, var(--primary) 55%, var(--glass-hi));color:var(--text);z-index:2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;animation:2.6s ease-in-out infinite hubPulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hubPulse{0%,to{box-shadow:0 0 28px color-mix(in srgb, var(--primary) 35%, transparent)}50%{box-shadow:0 0 56px color-mix(in srgb, var(--primary) 62%, transparent)}}.hub__home{font-size:clamp(1.6rem,6vw,2.6rem);line-height:1}.hub__total{margin-top:4px;font-size:clamp(1.3rem,5vw,2rem);font-weight:800;line-height:1}.hub__sub{color:var(--muted);margin-top:3px;font-size:.68rem}.hub__node{translate:calc(-50% + var(--nx) * var(--hub-r)) calc(-50% + var(--ny) * var(--hub-r));background:linear-gradient(180deg, color-mix(in srgb, var(--cat) 26%, var(--surface)), var(--surface) 82%);width:clamp(64px,17vw,98px);height:clamp(64px,17vw,98px);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border:1px solid color-mix(in srgb, var(--cat) 48%, var(--glass-hi));box-shadow:inset 0 1px 0 var(--glass-hi), 0 8px 22px #0000004d;cursor:pointer;color:var(--text);z-index:3;animation:4.5s ease-in-out infinite nodeFloat;animation-delay:calc(var(--i) * .35s);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:box-shadow .16s,border-color .16s;display:flex;position:absolute;top:50%;left:50%}@keyframes nodeFloat{50%{transform:translateY(-6px)}}.hub__node:hover{border-color:var(--cat);box-shadow:0 10px 26px #0006, 0 0 20px color-mix(in srgb, var(--cat) 45%, transparent);scale:1.08}.hub__node-icon{font-size:clamp(1.3rem,4.5vw,1.9rem);line-height:1}.hub__node-name{color:var(--muted);font-size:.68rem;font-weight:600}.hub__node-count{align-items:center;gap:4px;font-size:1rem;font-weight:800;display:inline-flex}.hub__node-dot{background:var(--off);border-radius:50%;width:6px;height:6px}.hub__node-dot--on{background:var(--on);box-shadow:0 0 6px var(--on)}.page-head__left{align-items:center;gap:12px;display:flex}.back-btn{flex-shrink:0}@media (width<=720px){.topbar{flex-wrap:wrap;gap:10px;padding:12px 14px}.tabs{-webkit-overflow-scrolling:touch;order:3;width:100%;margin-right:0;overflow-x:auto}.tab{white-space:nowrap}.content{padding:16px 12px}.device-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}.hub{--hub-size:min(90vw, 380px)}.hub__node{border-radius:15px;width:clamp(52px,20vw,78px);height:clamp(52px,20vw,78px)}.hub__node-name{font-size:.6rem}.hub__node-icon{font-size:1.15rem}.harc{--anchor-x:clamp(58px, 18%, 300px);--hr:clamp(140px, 32vh, 270px)}.harc__node{width:clamp(54px,15vw,96px);height:clamp(54px,15vw,96px)}.harc__node .hub__node-name{font-size:.58rem}.hub-nav{min-height:auto}.hub-rail{flex-flow:wrap;justify-content:center;margin-bottom:8px;animation:.4s railInTop;position:static;transform:none}.hub-rail__item{flex-direction:row;gap:6px;width:auto;padding:7px 12px}.hub-rail__up{order:-1}}@keyframes railInTop{0%{opacity:0;transform:translateY(-14px)}}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login__card{background:var(--surface);-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 6px)) saturate(1.4);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:inset 0 1px 0 var(--glass-hi), 0 20px 60px #00000080;border-radius:20px;padding:32px}.login__card .brand{margin:0}.field{margin:18px 0 12px;display:block}.field span{color:var(--muted);margin-bottom:6px;font-size:.82rem;display:block}.field input{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:9px;padding:11px 13px;font-size:.95rem}.field input:focus{border-color:var(--primary);outline:none}