@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-dark:#07080d;--bg-card:#12141db3;--bg-card-hover:#1c1f2ed9;--bg-glass:#ffffff08;--border-glass:#ffffff14;--border-glass-glow:#8b5cf666;--accent-primary:#8b5cf6;--accent-primary-hover:#7c3aed;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);--accent-glow:0 0 25px #8b5cf659;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--status-connected:#10b981;--status-connecting:#f59e0b;--status-failed:#ef4444;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}code,pre,.font-mono{font-family:JetBrains Mono,monospace}.bg-ambient{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ambient-blob-1{filter:blur(60px);background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);border-radius:50%;width:550px;height:550px;animation:12s ease-in-out infinite alternate pulse-glow;position:absolute;top:-15%;left:15%}.ambient-blob-2{filter:blur(80px);background:radial-gradient(circle,#06b6d41f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:16s ease-in-out infinite alternate-reverse pulse-glow;position:absolute;bottom:-10%;right:10%}@keyframes pulse-glow{0%{transform:scale(1)translate(0)}to{transform:scale(1.15)translate(30px,-20px)}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:all var(--transition-normal);box-shadow:0 16px 40px #00000080}.glass-card:hover{border-color:#ffffff24}.glass-panel{-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#0f111aa6}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 35px #8b5cf68c}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);background:#ffffff12}.btn-secondary:hover{background:#ffffff21;border-color:#fff3}.btn-icon{border-radius:var(--radius-sm);width:42px;height:42px;color:var(--text-primary);border:1px solid var(--border-glass);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{color:#fff;background:#ffffff1f;transform:scale(1.05)}.btn-icon.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 0 15px #8b5cf666}.input-field{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#00000059;outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem}.input-field:focus{border-color:var(--accent-primary);background:#00000080;box-shadow:0 0 0 3px #8b5cf640}.input-field::placeholder{color:var(--text-muted)}.badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border-glass);background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-host{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.badge-live{color:#f87171;background:#ef444426;border-color:#ef44444d}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.connected{background-color:var(--status-connected);box-shadow:0 0 10px var(--status-connected)}.status-dot.connecting{background-color:var(--status-connecting);box-shadow:0 0 8px var(--status-connecting);animation:1.2s ease-in-out infinite blink}.status-dot.failed{background-color:var(--status-failed)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.theater-main{flex:1;grid-template-columns:1fr 340px;gap:16px;max-height:calc(100vh - 76px);padding:14px 16px;display:grid;overflow:hidden}.sidebar-aside{flex-direction:column;gap:12px;height:100%;display:flex;overflow:hidden}.mobile-tab-bar{gap:8px;margin-bottom:6px;display:none}.tab-content-watchers,.tab-content-chat{flex-direction:column;display:flex}@media (width<=1024px){.theater-main{flex-direction:column;gap:12px;max-height:none;padding:10px 12px;display:flex;overflow-y:auto}.sidebar-aside{height:auto;overflow:visible}.mobile-tab-bar{display:flex}.hidden-mobile{display:none!important}.active-mobile{display:flex!important}}