@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.home[data-v-220bd821]{background:var(--bg);justify-content:center;align-items:center;min-height:100svh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.blob[data-v-220bd821]{filter:blur(80px);opacity:.12;pointer-events:none;border-radius:50%;position:absolute}.blob-1[data-v-220bd821]{background:var(--accent);width:400px;height:400px;top:-100px;left:-100px}.blob-2[data-v-220bd821]{background:#a73cdd;width:300px;height:300px;bottom:-80px;right:-80px}.home-inner[data-v-220bd821]{z-index:1;flex-direction:column;gap:2rem;width:100%;max-width:720px;display:flex;position:relative}.home-header[data-v-220bd821]{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.logo[data-v-220bd821]{font-size:3.5rem;line-height:1}.home-header p[data-v-220bd821]{color:var(--text-muted);max-width:340px}.role-cards[data-v-220bd821]{grid-template-columns:1fr auto 1fr;align-items:start;gap:1rem;display:grid}@media (width<=600px){.role-cards[data-v-220bd821]{grid-template-rows:auto auto auto;grid-template-columns:1fr}}.role-card[data-v-220bd821]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;padding:1.75rem 1.5rem;transition:border-color .2s,box-shadow .2s;display:flex}.role-card[data-v-220bd821]:hover{border-color:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-dim), var(--shadow)}.role-icon[data-v-220bd821]{font-size:2rem}.role-content[data-v-220bd821]{flex:1}.role-content h2[data-v-220bd821]{margin-bottom:.4rem}.feature-list[data-v-220bd821]{flex-direction:column;gap:.3rem;margin-top:.75rem;list-style:none;display:flex}.feature-list li[data-v-220bd821]{color:var(--text-muted);font-size:.85rem}.divider[data-v-220bd821]{justify-content:center;align-items:center;padding:0 .5rem;display:flex}.divider span[data-v-220bd821]{color:var(--text-dim);background:var(--bg);border-radius:var(--radius-pill);border:1px solid var(--border);padding:.25rem .5rem;font-size:.85rem;font-weight:500}.monitor-input-card[data-v-220bd821]{flex-direction:column;gap:1.25rem;display:flex}.input-group[data-v-220bd821]{gap:.75rem;display:flex}.url-input[data-v-220bd821]{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);outline:none;flex:1;padding:.875rem 1rem;font-size:.9rem;transition:border-color .2s}.url-input[data-v-220bd821]:focus{border-color:var(--accent)}.url-input[data-v-220bd821]::placeholder{color:var(--text-dim)}.error-text[data-v-220bd821]{color:var(--danger);font-size:.85rem}.back-btn[data-v-220bd821]{align-self:flex-start}.home-footer p[data-v-220bd821]{text-align:center;color:var(--text-dim);font-size:.8rem}.badge[data-v-5ce8175f]{border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.dot[data-v-5ce8175f]{border-radius:50%;flex-shrink:0;width:8px;height:8px}.badge--live[data-v-5ce8175f]{color:var(--live);background:#0c3120;border:1px solid #19573a}.badge--live .dot[data-v-5ce8175f]{background:var(--live);animation:2s infinite pulse-live}.badge--connecting[data-v-5ce8175f]{color:var(--warn);background:#31230c;border:1px solid #574019}.badge--connecting .dot[data-v-5ce8175f]{background:var(--warn);animation:1s infinite breathe}.badge--offline[data-v-5ce8175f]{color:var(--danger);background:#2b1212;border:1px solid #4c2424}.badge--offline .dot[data-v-5ce8175f]{background:var(--danger)}.badge--reconnecting[data-v-5ce8175f]{color:var(--warn);background:#31230c;border:1px solid #574019}.badge--reconnecting .dot[data-v-5ce8175f]{background:var(--warn);border-radius:2px;animation:1s linear infinite spin}.meter-wrap[data-v-918fb960]{justify-content:center;align-items:center;display:flex}.meter-canvas[data-v-918fb960]{border-radius:var(--radius-sm);background:#0c0e13;width:100%;max-width:200px;height:48px}.modal-overlay[data-v-0607fd8c]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;background:#0f172abf;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.modal-card[data-v-0607fd8c]{background:var(--bg-deep);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:400px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-header[data-v-0607fd8c]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2[data-v-0607fd8c]{margin:0;font-size:1.25rem;font-weight:600}.tabs[data-v-0607fd8c]{border-bottom:1px solid var(--border);background:#0003;display:flex}.tab-btn[data-v-0607fd8c]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.75rem;font-size:.9rem;font-weight:500;transition:all .2s}.tab-btn.active[data-v-0607fd8c]{color:var(--accent);border-bottom-color:var(--accent);background:#38bdf80d}.modal-content[data-v-0607fd8c]{flex:1;min-height:250px;padding:1.5rem;overflow-y:auto}.logs-container[data-v-0607fd8c]{flex-direction:column;gap:1rem;display:flex}.log-list[data-v-0607fd8c]{flex-direction:column;gap:.5rem;display:flex}.log-item[data-v-0607fd8c]{background:#0003;border-radius:6px;gap:.75rem;padding:.5rem;font-size:.85rem;display:flex}.log-time[data-v-0607fd8c]{color:var(--text-muted);font-family:monospace}.log-msg[data-v-0607fd8c]{flex:1}.log-error[data-v-0607fd8c]{border-left:3px solid #ef4444}.log-warning[data-v-0607fd8c]{border-left:3px solid #f59e0b}.log-success[data-v-0607fd8c]{border-left:3px solid #10b981}.log-info[data-v-0607fd8c]{border-left:3px solid var(--accent)}.clear-btn[data-v-0607fd8c]{align-self:flex-end;padding:.4rem .8rem;font-size:.8rem}.stats-container[data-v-0607fd8c]{flex-direction:column;gap:.75rem;display:flex}.stat-box[data-v-0607fd8c]{border:1px solid var(--border);background:#0003;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.stat-label[data-v-0607fd8c]{color:var(--text-muted);font-size:.9rem}.stat-val[data-v-0607fd8c]{font-size:1.1rem;font-weight:600}.stat-val.excellent[data-v-0607fd8c]{color:#10b981}.stat-val.good[data-v-0607fd8c]{color:#f59e0b}.stat-val.poor[data-v-0607fd8c]{color:#ef4444}.btn-icon[data-v-0607fd8c]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.25rem}.btn-icon[data-v-0607fd8c]:hover{color:var(--text)}.camera-mode[data-v-543fa932]{background:var(--bg-deep);width:100%;height:100svh;position:relative;overflow:hidden}.camera-video[data-v-543fa932]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.interactive-setup[data-v-543fa932]{z-index:50;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.interactive-setup .top-bar[data-v-543fa932]{position:absolute;top:0;left:0;right:0}.monitor-overlay[data-v-543fa932]{padding:env(safe-area-inset-top,1rem) 1rem env(safe-area-inset-bottom,1rem);pointer-events:none;background:linear-gradient(#0a0c10a6 0%,#0000 25% 75%,#0a0c10cc 100%);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.top-bar[data-v-543fa932],.bottom-bar[data-v-543fa932]{pointer-events:auto;justify-content:space-between;align-items:center;width:100%;display:flex}.top-bar[data-v-543fa932]{padding:.75rem 1rem}.status-group[data-v-543fa932]{align-items:center;gap:.75rem;display:flex}.badge[data-v-543fa932]{color:var(--text);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:.3rem .8rem;font-size:.85rem;font-weight:600}.btn-icon.log-btn[data-v-543fa932]{cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem;transition:background .2s}.btn-icon.log-btn[data-v-543fa932]:hover{background:#0009}.viewer-count[data-v-543fa932]{color:var(--accent);background:#083b45;border-radius:20px;padding:.2rem .6rem;font-size:.85rem;font-weight:600}.center-status[data-v-543fa932]{flex-direction:column;align-items:center;width:100%;padding:2rem;display:flex}.setup-container[data-v-543fa932]{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.setup-form[data-v-543fa932]{text-align:center;border-radius:24px;flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:2rem;display:flex;box-shadow:0 10px 30px #00000080}.input-dark[data-v-543fa932]{border:2px solid var(--border);width:100%;color:var(--text);text-align:center;letter-spacing:1px;background:#0006;border-radius:12px;outline:none;padding:1rem;font-size:1.1rem;transition:all .2s}.input-dark[data-v-543fa932]:focus{border-color:var(--accent);background:#0009}.spinner[data-v-543fa932]{border:5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:60px;height:60px;margin:0 auto;animation:1s linear infinite spin}.controls[data-v-543fa932]{gap:.5rem;display:flex}.btn.inactive[data-v-543fa932]{color:var(--danger);background:#2b1212;border-color:#732626}.hud[data-v-ce43b70d]{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);background:#101319cc;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.hud-stats[data-v-ce43b70d]{align-items:center;gap:.75rem;display:flex}.stat[data-v-ce43b70d]{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem}.stat small[data-v-ce43b70d]{margin-left:1px;font-size:.65rem}.signal[data-v-ce43b70d]{align-items:flex-end;gap:2px;display:inline-flex}.signal-dot[data-v-ce43b70d]{background:var(--border);border-radius:1px;width:4px;transition:background .3s}.signal-dot[data-v-ce43b70d]:first-child{height:8px}.signal-dot[data-v-ce43b70d]:nth-child(2){height:12px}.signal-dot[data-v-ce43b70d]:nth-child(3){height:16px}.signal-dot.active[data-v-ce43b70d]{background:var(--accent)}.hud-controls[data-v-ce43b70d]{gap:.5rem;display:flex}.btn.inactive[data-v-ce43b70d]{color:var(--danger);background:#2b1212;border-color:#732626}.monitor-mode[data-v-0eaac623]{background:var(--bg-deep);width:100%;height:100svh;position:relative;overflow:hidden}.monitor-video[data-v-0eaac623]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.interactive-setup[data-v-0eaac623]{z-index:50;pointer-events:auto;background:var(--bg-deep);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.interactive-setup .top-bar[data-v-0eaac623]{position:absolute;top:0;left:0;right:0}.monitor-overlay[data-v-0eaac623]{padding:env(safe-area-inset-top,1rem) 1rem env(safe-area-inset-bottom,1rem);pointer-events:none;background:linear-gradient(#0a0c10a6 0%,#0000 25% 75%,#0a0c10cc 100%);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.top-bar[data-v-0eaac623],.bottom-bar[data-v-0eaac623]{pointer-events:auto;justify-content:space-between;align-items:center;width:100%;display:flex}.top-bar[data-v-0eaac623]{padding:.75rem 1rem}.status-group[data-v-0eaac623]{align-items:center;gap:.75rem;display:flex}.stats[data-v-0eaac623]{align-items:center;gap:1rem;display:flex}.btn-icon.log-btn[data-v-0eaac623]{cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem;transition:background .2s}.btn-icon.log-btn[data-v-0eaac623]:hover{background:#0009}.viewer-count[data-v-0eaac623]{color:var(--accent);background:#083b45;border-radius:20px;padding:.2rem .6rem;font-size:.85rem;font-weight:600}.center-status[data-v-0eaac623]{flex-direction:column;align-items:center;width:100%;padding:2rem;display:flex}.setup-form[data-v-0eaac623]{flex-direction:column;gap:1rem;width:90%;max-width:320px;margin:0 auto;padding:2rem;display:flex}.setup-form h3[data-v-0eaac623]{margin:0;font-size:1.25rem}.input-dark[data-v-0eaac623]{background:var(--bg-deep);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:.75rem;transition:border-color .2s}.input-dark[data-v-0eaac623]:focus{border-color:var(--accent)}.input-dark.error-border[data-v-0eaac623]{border-color:#ef4444}.spinner[data-v-0eaac623]{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;margin:0 auto 1rem;animation:1s linear infinite spin}.error-text[data-v-0eaac623]{color:var(--danger);font-size:.9rem}.room-view[data-v-b0643c5b]{width:100%;height:100svh;position:relative}.loading-screen[data-v-b0643c5b]{background:var(--bg);justify-content:center;align-items:center;height:100svh;display:flex}.spinner[data-v-b0643c5b]{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.share-banner[data-v-b0643c5b]{bottom:env(safe-area-inset-bottom,1rem);z-index:100;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex;position:fixed;left:1rem;right:1rem}.share-content[data-v-b0643c5b]{flex-direction:column;flex:1;gap:.5rem;display:flex}.share-title[data-v-b0643c5b]{color:var(--text);font-size:.85rem;font-weight:600}.share-row[data-v-b0643c5b]{gap:.5rem;display:flex}.share-input[data-v-b0643c5b]{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);outline:none;flex:1;min-width:0;padding:.5rem .75rem;font-family:monospace;font-size:.75rem}.dismiss-btn[data-v-b0643c5b]{flex-shrink:0;padding:.4rem .75rem;font-size:.8rem}.slide-up-enter-active[data-v-b0643c5b],.slide-up-leave-active[data-v-b0643c5b]{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.slide-up-enter-from[data-v-b0643c5b],.slide-up-leave-to[data-v-b0643c5b]{opacity:0;transform:translateY(100%)}:root{--bg:#0e1016;--bg-deep:#08090d;--surface:#171a21;--surface-2:#20242c;--border:#2b303b;--accent:#2bbdee;--accent-dim:#1f637a;--accent-glow:#2bbdee40;--live:#20df86;--live-glow:#20df8640;--warn:#fab338;--warn-glow:#fab33833;--danger:#e44444;--text:#e7eaef;--text-muted:#7e8a9a;--text-dim:#575f6b;--radius-sm:8px;--radius:16px;--radius-lg:24px;--radius-pill:999px;--font:"Inter", system-ui, -apple-system, sans-serif;--shadow:0 4px 24px #05070a99;--shadow-lg:0 8px 48px #05070acc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%}body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}#app{flex-direction:column;height:100%;display:flex}h1{letter-spacing:-.02em;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;line-height:1.2}h2{font-size:clamp(1.2rem,4vw,1.6rem);font-weight:600;line-height:1.3}h3{font-size:1.1rem;font-weight:600}p{color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem}.glass{-webkit-backdrop-filter:blur(20px)saturate(1.4);border-radius:var(--radius-lg);background:#12151cb3;border:1px solid #e7eaef14}.btn{border-radius:var(--radius-pill);font-family:var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#0b0e13;box-shadow:0 0 20px var(--accent-glow)}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-primary:active{filter:brightness(.95);transform:translateY(1px)}.btn-surface{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-surface:hover{background:var(--border)}.btn-surface:active{transform:scale(.98)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--accent-dim)}.btn-ghost:active{transform:scale(.97)}.btn-danger{color:var(--danger);background:#541212;border:1px solid #8a2828}.btn-danger:hover{background:#691616}.btn-danger:active{transform:scale(.97)}.btn-icon{border-radius:50%;width:48px;height:48px;padding:0;font-size:1.25rem}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@keyframes pulse-live{0%,to{box-shadow:0 0 0 0 var(--live-glow)}50%{box-shadow:0 0 0 8px #0000}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.35s both fade-in}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}video{object-fit:cover;background:var(--bg-deep);width:100%;height:100%;display:block}.fullscreen-layer{z-index:10;position:fixed;inset:0}