@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.home[data-v-f4f6a69a]{background:var(--bg);justify-content:center;align-items:center;min-height:100svh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.blob[data-v-f4f6a69a]{filter:blur(80px);opacity:.12;pointer-events:none;border-radius:50%;position:absolute}.blob-1[data-v-f4f6a69a]{background:var(--accent);width:400px;height:400px;top:-100px;left:-100px}.blob-2[data-v-f4f6a69a]{background:#a73cdd;width:300px;height:300px;bottom:-80px;right:-80px}.home-inner[data-v-f4f6a69a]{z-index:1;flex-direction:column;gap:2rem;width:100%;max-width:720px;display:flex;position:relative}.home-header[data-v-f4f6a69a]{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.logo[data-v-f4f6a69a]{font-size:3.5rem;line-height:1}.home-header p[data-v-f4f6a69a]{color:var(--text-muted);max-width:340px}.role-cards[data-v-f4f6a69a]{grid-template-columns:1fr auto 1fr;align-items:start;gap:1rem;display:grid}@media (width<=600px){.role-cards[data-v-f4f6a69a]{grid-template-rows:auto auto auto;grid-template-columns:1fr}}.role-card[data-v-f4f6a69a]{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-f4f6a69a]:hover{border-color:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-dim), var(--shadow)}.role-icon[data-v-f4f6a69a]{font-size:2rem}.role-content[data-v-f4f6a69a]{flex:1}.role-content h2[data-v-f4f6a69a]{margin-bottom:.4rem}.feature-list[data-v-f4f6a69a]{flex-direction:column;gap:.3rem;margin-top:.75rem;list-style:none;display:flex}.feature-list li[data-v-f4f6a69a]{color:var(--text-muted);font-size:.85rem}.divider[data-v-f4f6a69a]{justify-content:center;align-items:center;padding:0 .5rem;display:flex}.divider span[data-v-f4f6a69a]{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-f4f6a69a]{flex-direction:column;gap:1.25rem;display:flex}.input-group[data-v-f4f6a69a]{gap:.75rem;display:flex}.url-input[data-v-f4f6a69a]{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-f4f6a69a]:focus{border-color:var(--accent)}.url-input[data-v-f4f6a69a]::placeholder{color:var(--text-dim)}.error-text[data-v-f4f6a69a]{color:var(--danger);font-size:.85rem}.back-btn[data-v-f4f6a69a]{align-self:flex-start}.home-footer p[data-v-f4f6a69a]{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-b7034d05]{-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-b7034d05]{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-b7034d05]{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-b7034d05]{margin:0;font-size:1.25rem;font-weight:600}.tabs[data-v-b7034d05]{border-bottom:1px solid var(--border);background:#0003;display:flex}.tab-btn[data-v-b7034d05]{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-b7034d05]{color:var(--accent);border-bottom-color:var(--accent);background:#38bdf80d}.modal-content[data-v-b7034d05]{flex:1;min-height:250px;padding:1.5rem;overflow-y:auto}.logs-container[data-v-b7034d05]{flex-direction:column;gap:1rem;display:flex}.log-list[data-v-b7034d05]{flex-direction:column;gap:.5rem;display:flex}.log-item[data-v-b7034d05]{background:#0003;border-radius:6px;gap:.75rem;padding:.5rem;font-size:.85rem;display:flex}.log-time[data-v-b7034d05]{color:var(--text-muted);font-family:monospace}.log-msg[data-v-b7034d05]{flex:1}.log-error[data-v-b7034d05]{border-left:3px solid #ef4444}.log-warning[data-v-b7034d05]{border-left:3px solid #f59e0b}.log-success[data-v-b7034d05]{border-left:3px solid #10b981}.log-info[data-v-b7034d05]{border-left:3px solid var(--accent)}.clear-btn[data-v-b7034d05]{align-self:flex-end;padding:.4rem .8rem;font-size:.8rem}.stats-container[data-v-b7034d05]{flex-direction:column;gap:.75rem;display:flex}.stat-box[data-v-b7034d05]{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-b7034d05]{color:var(--text-muted);font-size:.9rem}.stat-val[data-v-b7034d05]{font-size:1.1rem;font-weight:600}.stat-val.excellent[data-v-b7034d05]{color:#10b981}.stat-val.good[data-v-b7034d05]{color:#f59e0b}.stat-val.poor[data-v-b7034d05]{color:#ef4444}.btn-icon[data-v-b7034d05]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.25rem}.btn-icon[data-v-b7034d05]:hover{color:var(--text)}.camera-mode[data-v-0bbbd3c3]{background:var(--bg-deep);width:100%;height:100svh;position:relative;overflow:hidden}.camera-video[data-v-0bbbd3c3]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.interactive-setup[data-v-0bbbd3c3]{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-0bbbd3c3]{position:absolute;top:0;left:0;right:0}.monitor-overlay[data-v-0bbbd3c3]{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-0bbbd3c3],.bottom-bar[data-v-0bbbd3c3]{pointer-events:auto;justify-content:space-between;align-items:center;width:100%;display:flex}.top-bar[data-v-0bbbd3c3]{padding:.75rem 1rem}.status-group[data-v-0bbbd3c3]{align-items:center;gap:.75rem;display:flex}.badge[data-v-0bbbd3c3]{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-0bbbd3c3]{cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem;transition:background .2s}.btn-icon.log-btn[data-v-0bbbd3c3]:hover{background:#0009}.viewer-count[data-v-0bbbd3c3]{color:var(--accent);background:#083b45;border-radius:20px;padding:.2rem .6rem;font-size:.85rem;font-weight:600}.center-status[data-v-0bbbd3c3]{flex-direction:column;align-items:center;width:100%;padding:2rem;display:flex}.setup-container[data-v-0bbbd3c3]{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.setup-form[data-v-0bbbd3c3]{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-0bbbd3c3]{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-0bbbd3c3]:focus{border-color:var(--accent);background:#0009}.spinner[data-v-0bbbd3c3]{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-0bbbd3c3]{gap:.5rem;display:flex}.btn.inactive[data-v-0bbbd3c3]{color:var(--danger);background:#2b1212;border-color:#732626}.soft-night-light[data-v-0bbbd3c3]{z-index:10;mix-blend-mode:overlay;pointer-events:none;background:#ff1e0066;width:100vw;height:100svh;position:absolute;inset:0}.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-096e1db7]{background:var(--bg-deep);width:100%;height:100svh;position:relative;overflow:hidden}.monitor-video[data-v-096e1db7]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.interactive-setup[data-v-096e1db7]{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-096e1db7]{position:absolute;top:0;left:0;right:0}.monitor-overlay[data-v-096e1db7]{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-096e1db7],.bottom-bar[data-v-096e1db7]{pointer-events:auto;justify-content:space-between;align-items:center;width:100%;display:flex}.top-bar[data-v-096e1db7]{padding:.75rem 1rem}.status-group[data-v-096e1db7]{align-items:center;gap:.75rem;display:flex}.stats[data-v-096e1db7]{align-items:center;gap:1rem;display:flex}.btn-icon.log-btn[data-v-096e1db7]{cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem;transition:background .2s}.btn-icon.log-btn[data-v-096e1db7]:hover{background:#0009}.btn-icon.log-btn.active[data-v-096e1db7]{background:var(--accent);color:#fff;border-color:var(--accent)}.viewer-count[data-v-096e1db7]{color:var(--accent);background:#083b45;border-radius:20px;padding:.2rem .6rem;font-size:.85rem;font-weight:600}.center-status[data-v-096e1db7]{flex-direction:column;align-items:center;width:100%;padding:2rem;display:flex}.setup-form[data-v-096e1db7]{flex-direction:column;gap:1rem;width:90%;max-width:320px;margin:0 auto;padding:2rem;display:flex}.setup-form h3[data-v-096e1db7]{margin:0;font-size:1.25rem}.input-dark[data-v-096e1db7]{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-096e1db7]:focus{border-color:var(--accent)}.input-dark.error-border[data-v-096e1db7]{border-color:#ef4444}.spinner[data-v-096e1db7]{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-096e1db7]{color:var(--danger);font-size:.9rem}.night-vision-filter[data-v-096e1db7]{filter:brightness(2.5)contrast(1.3)grayscale(.8)sepia()hue-rotate(80deg)saturate(2)}.room-view[data-v-58cfcf6e]{width:100%;height:100svh;position:relative}.loading-screen[data-v-58cfcf6e]{background:var(--bg);justify-content:center;align-items:center;height:100svh;display:flex}.spinner[data-v-58cfcf6e]{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}: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}