.conn-bar[data-v-ca6c7d3b]{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-lg)}.conn-bar__row[data-v-ca6c7d3b]{display:flex;align-items:center;gap:var(--space-md)}.conn-bar__field[data-v-ca6c7d3b]{flex:1;max-width:260px}.conn-bar__input[data-v-ca6c7d3b]{font-family:var(--font-mono);font-size:1rem;letter-spacing:.2em;text-align:center}.conn-bar__status[data-v-ca6c7d3b]{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);font-size:.85rem}.dial-wrapper[data-v-18e9e7da]{display:flex;flex-direction:column;align-items:center;gap:6px;-webkit-user-select:none;user-select:none;width:150px;max-width:100%}.dial-svg[data-v-18e9e7da]{width:100%;height:auto;display:block;cursor:grab;border-radius:50%;transition:box-shadow .2s}@media(max-width:600px){.dial-wrapper[data-v-18e9e7da]{width:min(44vw,200px)}}.dial-svg[data-v-18e9e7da]:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary);border-radius:50%}.dial-svg[data-v-18e9e7da]:active{cursor:grabbing}.dial-svg--disabled[data-v-18e9e7da]{cursor:not-allowed;opacity:.4}.dial-value-track[data-v-18e9e7da]{transition:stroke-dasharray .1s}.dial-label[data-v-18e9e7da]{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.control-panel[data-v-f543ffc5]{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.control-panel__dials[data-v-f543ffc5]{display:flex;gap:var(--space-xl);justify-content:center;flex-wrap:wrap}.control-panel__power[data-v-f543ffc5]{display:flex;align-items:center;gap:var(--space-md)}.power-label[data-v-f543ffc5]{font-size:.9rem;font-weight:600;min-width:2rem;text-align:center}.power-toggle[data-v-f543ffc5]{position:relative;width:56px;height:28px;border-radius:14px;border:2px solid var(--color-border);background:var(--color-surface-2);cursor:pointer;padding:0;transition:background .25s,border-color .25s}.power-toggle--on[data-v-f543ffc5]{background:var(--color-success);border-color:var(--color-success)}.power-toggle--disabled[data-v-f543ffc5]{opacity:.4;cursor:not-allowed}.power-toggle[data-v-f543ffc5]:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary)}.power-toggle__thumb[data-v-f543ffc5]{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--color-text);transition:transform .25s}.power-toggle--on .power-toggle__thumb[data-v-f543ffc5]{transform:translate(28px)}@media(max-width:600px){.control-panel__dials[data-v-f543ffc5]{width:100%;justify-content:space-around;gap:var(--space-sm)}}.stats-panel[data-v-c3da98ed]{min-width:200px}.stats-panel__title[data-v-c3da98ed]{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.stats-list[data-v-c3da98ed]{display:flex;flex-direction:column;gap:10px}.stats-row[data-v-c3da98ed]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);font-size:.85rem}.stats-row dt[data-v-c3da98ed]{color:var(--color-text-muted);flex-shrink:0}.stats-row dd[data-v-c3da98ed]{display:flex;align-items:center;gap:6px;text-align:right}.stats-row--footer[data-v-c3da98ed]{padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.font-mono[data-v-c3da98ed]{font-family:var(--font-mono);letter-spacing:.1em}.text-sm[data-v-c3da98ed]{font-size:.78rem}.battery-bar-wrap[data-v-c3da98ed]{width:64px;height:8px;background:var(--color-surface-2);border-radius:4px;overflow:hidden;flex-shrink:0}.battery-bar[data-v-c3da98ed]{height:100%;border-radius:4px;transition:width .4s}.battery-bar.text-success[data-v-c3da98ed]{background:var(--color-success)}.battery-bar.text-warning[data-v-c3da98ed]{background:var(--color-warning)}.battery-bar.text-danger[data-v-c3da98ed]{background:var(--color-danger)}.battery-bar.text-muted[data-v-c3da98ed]{background:var(--color-text-muted)}.viz[data-v-969d24a7]{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.viz__track[data-v-969d24a7]{position:relative;width:100%;height:80px;overflow:hidden;border-radius:40px;background:var(--color-surface-2);border:1px solid var(--color-border)}.viz__ball[data-v-969d24a7]{position:absolute;top:50%;left:0;width:64px;height:64px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 24px var(--color-primary);transform:translate(-50%,-50%);animation:slide-969d24a7 5s ease-in-out infinite;will-change:left;transition:opacity .3s}.viz__ball--paused[data-v-969d24a7]{opacity:.35}@keyframes slide-969d24a7{0%{left:0%}50%{left:100%}to{left:0%}}.viz__hint[data-v-969d24a7]{font-size:.75rem;text-align:center}.media[data-v-220b7830]{width:100%;display:flex;flex-direction:column;gap:var(--space-lg)}.media__heading[data-v-220b7830]{font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text)}.media__heading i[data-v-220b7830]{color:var(--color-primary)}.media__scroll[data-v-220b7830]{display:flex;gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-sm);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.media__scroll[data-v-220b7830]::-webkit-scrollbar{height:4px}.media__scroll[data-v-220b7830]::-webkit-scrollbar-track{background:var(--color-surface-2);border-radius:2px}.media__scroll[data-v-220b7830]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.media__card[data-v-220b7830]{flex-shrink:0;width:180px;scroll-snap-align:start;display:flex;flex-direction:column;gap:var(--space-xs);background:var(--color-surface-2);border:2px solid var(--color-border);border-radius:12px;padding:var(--space-sm);cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s}.media__card[data-v-220b7830]:hover{border-color:var(--color-primary)}.media__card--active[data-v-220b7830]{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.media__thumb-wrap[data-v-220b7830]{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1}.media__thumb[data-v-220b7830]{width:100%;height:100%;object-fit:cover;display:block}.media__play-overlay[data-v-220b7830]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;opacity:0;transition:opacity .2s;font-size:2.5rem;color:#fff}.media__card:hover .media__play-overlay[data-v-220b7830],.media__card--active .media__play-overlay[data-v-220b7830]{opacity:1}.media__title[data-v-220b7830]{font-size:.85rem;font-weight:600;color:var(--color-text);line-height:1.3}.media__desc[data-v-220b7830]{font-size:.72rem;color:var(--color-text-muted);line-height:1.4;white-space:normal}.media__player[data-v-220b7830]{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:10px;padding:var(--space-md)}.media__player-inner[data-v-220b7830]{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.media__ctrl-btn[data-v-220b7830]{flex-shrink:0;background:var(--color-primary);border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.media__ctrl-btn[data-v-220b7830]:hover{background:var(--color-primary-dim)}.media__now-playing[data-v-220b7830]{font-size:.9rem;font-weight:600;color:var(--color-text);flex-shrink:0}.media__scrubber[data-v-220b7830]{flex:1;display:flex;align-items:center;gap:var(--space-sm);min-width:160px}.media__time[data-v-220b7830]{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0;width:2.8ch}.media__range[data-v-220b7830]{flex:1;accent-color:var(--color-primary);height:4px;cursor:pointer}.home[data-v-19304795]{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.home__connection[data-v-19304795]{width:100%;max-width:480px}.home__tabs[data-v-19304795]{display:flex;gap:var(--space-sm);width:100%;max-width:720px}.home__tab[data-v-19304795]{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.home__tab[data-v-19304795]:hover{border-color:var(--color-primary);color:var(--color-text)}.home__tab--active[data-v-19304795]{background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.home__content[data-v-19304795]{width:100%;max-width:720px;display:flex;gap:var(--space-lg);align-items:flex-start}.home__controls[data-v-19304795]{flex:1}.home__stats[data-v-19304795]{flex-shrink:0;width:220px}.home__viz-full[data-v-19304795]{width:100%;align-self:stretch}.home__viz[data-v-19304795]{width:100%}.home__viz-section[data-v-19304795]{width:100%;max-width:720px}.home__media[data-v-19304795]{width:100%}.home__hint[data-v-19304795]{font-size:.85rem;text-align:center}@media(max-width:600px){.home__content[data-v-19304795]{flex-direction:column}.home__stats[data-v-19304795]{width:100%}}.help[data-v-493c1cda]{width:100%;max-width:760px}.help__title[data-v-493c1cda]{font-size:1.8rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-lg)}.help__video[data-v-493c1cda]{position:relative;width:100%;padding-bottom:56.25%;border-radius:12px;overflow:hidden;margin-bottom:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border)}.help__video iframe[data-v-493c1cda]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.help__sections[data-v-493c1cda]{display:flex;flex-direction:column;gap:var(--space-lg)}.help__card h2[data-v-493c1cda]{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--color-text)}.help__card h2 i[data-v-493c1cda]{color:var(--color-primary);font-size:1.15rem}.help__card ol[data-v-493c1cda],.help__card ul[data-v-493c1cda]:not(.status-list){padding-left:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.help__card li[data-v-493c1cda]{line-height:1.6;color:var(--color-text)}.status-list[data-v-493c1cda]{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.status-list li[data-v-493c1cda]{display:flex;align-items:center;gap:var(--space-sm)}.help__contact p[data-v-493c1cda]{margin-bottom:var(--space-md);color:var(--color-text-muted)}.status-dot--updating[data-v-493c1cda]{background:#e24a4a;animation:flash-rg-493c1cda .6s step-start infinite}@keyframes flash-rg-493c1cda{0%,49%{background:#e24a4a;box-shadow:0 0 6px #e24a4a}50%,to{background:#22c55e;box-shadow:0 0 6px #22c55e}}.navbar[data-v-dc4ad13f]{display:flex;align-items:center;gap:var(--space-lg);padding:0 var(--space-lg);height:60px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;transition:background .25s,border-color .25s}.navbar__brand[data-v-dc4ad13f]{flex-shrink:0;display:flex;align-items:center;text-decoration:none}.navbar__logo[data-v-dc4ad13f]{height:38px;width:auto;display:block;filter:brightness(0) invert(1)}.light .navbar__logo[data-v-dc4ad13f],.light{filter:none}.navbar__links[data-v-dc4ad13f]{display:flex;align-items:center;gap:var(--space-lg);list-style:none;margin:0;padding:0;flex:1}.navbar__link[data-v-dc4ad13f]{font-size:.9rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;padding:4px 2px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.navbar__link[data-v-dc4ad13f]:hover,.navbar__link.router-link-active[data-v-dc4ad13f]{color:var(--color-text);border-bottom-color:var(--color-primary)}.navbar__theme-btn[data-v-dc4ad13f]{flex-shrink:0;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);font-size:1rem;line-height:1;padding:6px 10px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.navbar__theme-btn[data-v-dc4ad13f]:hover{color:var(--color-primary);border-color:var(--color-primary)}@media(max-width:500px){.navbar__links[data-v-dc4ad13f]{display:none}.navbar[data-v-dc4ad13f]{justify-content:space-between}}.app-shell[data-v-11bd2872]{min-height:100dvh;display:flex;flex-direction:column}.app-main[data-v-11bd2872]{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-lg);gap:var(--space-lg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-2: #22263a;--color-border: #2e3450;--color-primary: #6c63ff;--color-primary-dim: #4a44b0;--color-danger: #e24a4a;--color-success: #3ecf8e;--color-warning: #f0b429;--color-text: #e8eaf0;--color-text-muted: #7b82a0;--color-dial: #6c63ff;--color-dial-track: #2e3450;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition: .2s ease}.light{--color-bg: #f5f6fa;--color-surface: #ffffff;--color-surface-2: #eef0f8;--color-border: #d0d5e8;--color-primary: #4f46e5;--color-primary-dim: #3730a3;--color-text: #1a1d27;--color-text-muted: #6b7280;--color-dial: #4f46e5;--color-dial-track: #d0d5e8}html{transition:background-color .25s ease,color .25s ease}html,body{height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:8px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background var(--transition),opacity var(--transition);white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-dim)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(.88)}.btn--ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-2)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-lg)}.input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.95rem;padding:8px 14px;width:100%;transition:border-color var(--transition);text-transform:uppercase;letter-spacing:.1em}.input:focus{outline:none;border-color:var(--color-primary)}.input:disabled{opacity:.5;cursor:not-allowed}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--connected{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-dot--connecting{background:var(--color-warning);animation:pulse 1s ease-in-out infinite}.status-dot--reconnecting{background:var(--color-warning);animation:pulse .6s ease-in-out infinite}.status-dot--failed{background:var(--color-danger)}.status-dot--disconnected{background:var(--color-text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}