:root{--bg-color:#070913;--panel-bg:#0f172ab8;--panel-border:#ffffff14;--panel-border-hover:#6366f14d;--text-main:#f8fafc;--text-muted:#94a3b8;--text-sub:#64748b;--accent:#6366f1;--accent-hover:#4f46e5;--accent-glow:#6366f159;--purple-glow:#a855f74d;--danger:#ef4444;--danger-hover:#dc2626;--success:#10b981;--warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:9999px;--transition:all .22s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 10% 15%,#6366f126 0,#0000 48%),radial-gradient(at 90% 10%,#a855f724 0,#0000 45%),radial-gradient(at 50% 95%,#ec48991a 0,#0000 45%),radial-gradient(at 80% 85%,#3b82f61a 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Vazirmatn,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.55}.ambient-aurora-container{pointer-events:none;z-index:0;opacity:.85;will-change:transform;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.aurora-orb{-webkit-filter:blur(120px);mix-blend-mode:screen;pointer-events:none;opacity:.18;will-change:transform;border-radius:50%;position:absolute}.aurora-orb.aurora-blue{background:radial-gradient(circle,#3b82f680 0%,#2563eb26 55%,#0000 75%);width:500px;height:500px;animation:28s cubic-bezier(.45,0,.55,1) infinite alternate floatAurora1;top:-40px;left:10%}.aurora-orb.aurora-crimson{background:radial-gradient(circle,#ef44446b 0%,#dc26261f 55%,#0000 75%);width:460px;height:460px;animation:34s cubic-bezier(.45,0,.55,1) infinite alternate floatAurora2;top:35%;right:6%}.aurora-orb.aurora-purple{background:radial-gradient(circle,#a855f773 0%,#9333ea24 55%,#0000 75%);width:530px;height:530px;animation:40s cubic-bezier(.45,0,.55,1) infinite alternate floatAurora3;bottom:-30px;left:22%}.aurora-orb.aurora-cyan{background:radial-gradient(circle,#06b6d461 0%,#0ea5e91f 55%,#0000 75%);width:420px;height:420px;animation:32s cubic-bezier(.45,0,.55,1) infinite alternate floatAurora4;top:18%;right:30%}@keyframes floatAurora1{0%{transform:translate(0)scale(1)}50%{transform:translate(110px,70px)scale(1.1)}to{transform:translate(-60px,120px)scale(.92)}}@keyframes floatAurora2{0%{transform:translate(0)scale(1.05)}50%{transform:translate(-90px,80px)scale(.92)}to{transform:translate(-140px,-60px)scale(1.14)}}@keyframes floatAurora3{0%{transform:translate(0)scale(.95)}50%{transform:translate(120px,-90px)scale(1.15)}to{transform:translate(60px,-40px)scale(1.02)}}@keyframes floatAurora4{0%{transform:translate(0)scale(1)}50%{transform:translate(-80px,-60px)scale(1.12)}to{transform:translate(100px,80px)scale(.88)}}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--panel-border);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:0 10px 30px -5px #00000073,0 0 0 1px #ffffff0a}.glass-panel:hover{border-color:#ffffff1f}button{cursor:pointer;border-radius:var(--radius-md);transition:var(--transition);-webkit-user-select:none;user-select:none;color:var(--text-main);background:#ffffff12;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex}button:hover{background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1.5px)}button:active{transform:translateY(.5px)scale(.98)}button.primary{color:#fff;box-shadow:0 4px 14px 0 var(--accent-glow);background:linear-gradient(135deg,#6366f1 0%,#7c3aed 100%);border:1px solid #fff3}button.primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#6d28d9 100%);border-color:#ffffff4d;box-shadow:0 6px 20px #6366f18c}button.danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:1px solid #ffffff26;box-shadow:0 4px 14px #ef444459}button.danger:hover{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);box-shadow:0 6px 20px #ef444480}button.icon-btn{color:var(--text-main);background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;padding:8px}button.icon-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff40}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}input[type=text],input[type=password],input[type=url]{border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-main);transition:var(--transition);background:#0a0f1db3;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem}input[type=text]:focus,input[type=password]:focus,input[type=url]:focus{border-color:var(--accent);background:#0f172ad9;box-shadow:0 0 0 3px #6366f140}input::placeholder{color:var(--text-sub)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.cursor-pointer{cursor:pointer}.app-container{z-index:1;flex-direction:column;gap:20px;max-width:1500px;height:100vh;min-height:100vh;margin:0 auto;padding:20px 24px;display:flex;position:relative;overflow-y:auto}.header-panel{border-radius:var(--radius-xl);background:#0f172ac7;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex}.header-brand-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.header-brand-row h1{letter-spacing:-.5px;text-shadow:0 0 25px #a855f766}.header-quick-actions{align-items:center;gap:8px;display:flex}.header-action-btn{background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.header-action-btn:hover{background:#ffffff29;transform:scale(1.05)}.header-action-btn.lang-btn{border-radius:var(--radius-pill);gap:4px;width:auto;padding:0 10px}.header-action-btn .lang-text{font-size:.76rem;font-weight:700}.header-action-btn.btn-logout:hover{background:#ef444433;border-color:#ef444466}.header-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.header-peer-id-badge{border-radius:var(--radius-md);background:#00000040;border:1px solid #ffffff14;padding:6px 12px}.peer-id-text{letter-spacing:.5px;color:#e0e7ff;font-size:.88rem;font-weight:700}.copy-btn{width:26px;height:26px;padding:0}.header-join-form{flex:1;min-width:180px}.header-peers-counter{border-radius:var(--radius-md);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;padding:6px 12px}.user-profile-chip{border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid #ffffff1a;padding:6px 14px}.avatar-chip{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.role-chip-admin{color:#fde047;border-radius:var(--radius-pill);background:#f59e0b33;border:1px solid #f59e0b59;padding:2px 7px;font-size:.7rem;font-weight:700}.invite-toast{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--accent);color:#fff;border-radius:var(--radius-pill);z-index:1000;text-align:center;word-break:break-word;background:#0f172af2;align-items:center;gap:10px;max-width:90vw;padding:10px 20px;font-size:.9rem;font-weight:500;animation:.35s cubic-bezier(.16,1,.3,1) toastSlideDown;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #6366f166}.invite-toast.toast-success{border-color:#10b981b3;box-shadow:0 10px 30px #10b9814d}.invite-toast.toast-error{border-color:#ef4444b3;box-shadow:0 10px 30px #ef44444d}.invite-toast.toast-warning{border-color:#f59e0bb3;box-shadow:0 10px 30px #f59e0b4d}.invite-toast.toast-info{border-color:#6366f1b3;box-shadow:0 10px 30px #6366f14d}.text-success{color:#10b981!important}.text-danger{color:#ef4444!important}.text-warning{color:#f59e0b!important}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.main-content{flex-wrap:wrap;flex:1;gap:20px;min-height:500px;display:flex;overflow:visible}.video-column{flex-direction:column;flex:2.2;gap:20px;min-width:320px;min-height:0;display:flex}.chat-column{flex-direction:column;flex:1;gap:16px;min-width:300px;min-height:450px;display:flex}@media (width>=960px){.chat-column{height:100%;min-height:0}}@media (width<=960px){.app-container{gap:16px;height:auto;min-height:100vh;padding:14px}.main-content{flex-direction:column}.video-column{flex:none;width:100%}.chat-column{flex:none;width:100%;height:520px}.header-panel{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px}.header-brand-row{justify-content:space-between;align-items:center;width:100%;display:flex}.header-controls{flex-flow:wrap;align-items:center;gap:8px;width:100%;display:flex}.header-join-form{order:10;width:100%;min-width:100%}.header-peer-id-badge{flex:1;justify-content:space-between;min-width:140px}}.custom-player-container{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-lg);background:#000;overflow:hidden;box-shadow:0 20px 50px -10px #000000b3,0 0 0 1px #ffffff1a}.custom-player-container.controls-hidden{cursor:none}.custom-video-element{background:#000;width:100%;display:block}.custom-control-bar{-webkit-backdrop-filter:blur(18px)saturate(180%);border-radius:var(--radius-lg);z-index:30;opacity:0;pointer-events:none;background:#0a0f1de0;border:1px solid #ffffff1f;flex-direction:column;gap:10px;padding:14px 16px;transition:opacity .25s,transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(8px);box-shadow:0 10px 30px #00000080}.custom-control-bar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.custom-player-container.controls-hidden .custom-control-bar{opacity:0!important;pointer-events:none!important;transform:translateY(12px)!important}.seekbar-wrapper{border-radius:var(--radius-pill);cursor:pointer;background:#ffffff26;width:100%;height:6px;transition:height .18s;position:relative;direction:ltr!important}.seekbar-wrapper:hover{height:9px}.seekbar-buffer{border-radius:var(--radius-pill);pointer-events:none;background:#ffffff4d;height:100%;position:absolute;top:0;direction:ltr!important;left:0!important;right:auto!important}.seekbar-played{border-radius:var(--radius-pill);pointer-events:none;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);height:100%;position:absolute;top:0;box-shadow:0 0 12px #a855f799;direction:ltr!important;left:0!important;right:auto!important}.seekbar-slider{opacity:0;cursor:pointer;z-index:5;width:100%;height:100%;margin:0;position:absolute;top:0;direction:ltr!important;left:0!important;right:auto!important}.ctrl-btn{color:#e2e8f0;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:6px 10px;display:flex}.ctrl-btn:hover{color:#fff;background:#ffffff26;transform:scale(1.08)}.ctrl-btn.active-ctrl-btn{color:#a78bfa;background:#6366f140;border:1px solid #a855f766;box-shadow:0 0 14px #6366f159}.custom-player-container.player-compact{max-width:90%;margin:0 auto;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 12px 40px #000000b3}.fullscreen-floating-exit-btn{z-index:50;-webkit-backdrop-filter:blur(16px);color:#f8fafc;border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);background:#0f172ad9;border:1px solid #fff3;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;animation:.3s ease-out floatingBtnFadeIn;display:flex;position:absolute;top:24px;right:24px;box-shadow:0 8px 30px #0009}[dir=rtl] .fullscreen-floating-exit-btn{left:24px;right:auto}.fullscreen-floating-exit-btn:hover{background:#6366f1e6;border-color:#fff6;transform:translateY(-2px)scale(1.03);box-shadow:0 12px 35px #6366f173}@keyframes floatingBtnFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ctrl-btn-mobile-label{display:none}.btn-shrink-compact{color:#c084fc}.btn-shrink-compact:hover{color:#fff;background:#a855f733}.btn-fullscreen-main{color:#a5b4fc}.btn-fullscreen-main:hover{color:#fff;background:#6366f133}.custom-player-container.fullscreen-active{border-radius:0!important;width:100vw!important;height:100vh!important;max-height:100vh!important}.custom-player-container.fullscreen-active .custom-video-element{object-fit:contain!important;width:100vw!important;height:100vh!important;max-height:100vh!important}.custom-player-container.fullscreen-active .custom-control-bar{border-radius:var(--radius-lg)!important;width:auto!important;position:absolute!important;bottom:16px!important;left:16px!important;right:16px!important}@media (width<=768px){.custom-player-container:not(.fullscreen-active){border-radius:14px!important;flex-direction:column!important;display:flex!important;overflow:visible!important}.custom-player-container:not(.fullscreen-active) .custom-video-element{border-radius:14px 14px 0 0!important;width:100%!important;max-height:48vh!important}.custom-player-container:not(.fullscreen-active).player-compact .custom-video-element{max-height:30vh!important}.custom-player-container:not(.fullscreen-active) .custom-control-bar{background:#0c1122fa!important;border:1px solid #ffffff1f!important;border-top-color:#ffffff0d!important;border-radius:0 0 14px 14px!important;gap:10px!important;width:100%!important;padding:12px 14px!important;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .25s,padding .3s!important;position:relative!important;inset:auto!important;overflow:hidden!important;box-shadow:0 10px 25px #0006!important}.custom-player-container:not(.fullscreen-active) .custom-control-bar.visible{opacity:1!important;pointer-events:auto!important;max-height:250px!important;transform:none!important}.custom-player-container:not(.fullscreen-active) .custom-control-bar:not(.visible),.custom-player-container:not(.fullscreen-active).controls-hidden .custom-control-bar{opacity:0!important;pointer-events:none!important;border:none!important;max-height:0!important;margin:0!important;padding-top:0!important;padding-bottom:0!important}.custom-player-container:not(.fullscreen-active).controls-hidden .custom-video-element{border-radius:14px!important}.custom-player-container:not(.fullscreen-active) .reaction-bar{z-index:28!important;opacity:1!important;pointer-events:auto!important;bottom:14px!important;right:12px!important}.fullscreen-floating-exit-btn{padding:8px 14px!important;font-size:.8rem!important;top:14px!important;right:14px!important}[dir=rtl] .fullscreen-floating-exit-btn{left:14px!important;right:auto!important}.controls-row{flex-wrap:wrap!important;gap:10px!important}.controls-left{align-items:center!important;gap:8px!important;display:flex!important}.controls-right{align-items:center!important;gap:8px!important;margin-left:auto!important;display:flex!important}[dir=rtl] .controls-right{margin-left:0!important;margin-right:auto!important}.volume-slider{display:none!important}.btn-shrink-compact{color:#f3e8ff!important;border-radius:var(--radius-sm)!important;background:#a855f738!important;border:1px solid #a855f780!important;flex-shrink:0!important;align-items:center!important;gap:5px!important;padding:7px 11px!important;font-weight:600!important;display:inline-flex!important;box-shadow:0 2px 8px #a855f740!important}.btn-shrink-compact:active{background:#a855f766!important;transform:scale(.96)!important}.btn-fullscreen-main{color:#fff!important;border-radius:var(--radius-sm)!important;background:linear-gradient(135deg,#6366f1 0%,#7c3aed 100%)!important;border:1px solid #ffffff40!important;flex-shrink:0!important;align-items:center!important;gap:5px!important;padding:7px 13px!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 3px 12px #6366f173!important}.btn-fullscreen-main:active{background:linear-gradient(135deg,#4f46e5 0%,#6d28d9 100%)!important;transform:scale(.96)!important}.ctrl-btn-mobile-label{white-space:nowrap!important;font-size:.76rem!important;font-weight:700!important;display:inline!important}.ctrl-btn{padding:7px 9px!important}.ctrl-btn-play{background:#ffffff1a!important;border-radius:50%!important;width:36px!important;height:36px!important}}@media (width<=540px){.controls-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important;display:flex!important}.controls-left{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.controls-right{border-top:1px solid #ffffff14!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin:0!important;padding-top:8px!important;display:flex!important}.time-display{margin-left:auto!important;font-size:.75rem!important}[dir=rtl] .time-display{margin-left:0!important;margin-right:auto!important}.btn-shrink-compact,.btn-fullscreen-main{padding:6px 10px!important}}.volume-control-group{position:relative;direction:ltr!important}.volume-slider{width:70px;height:4px;accent-color:var(--accent);cursor:pointer;transition:width .2s;direction:ltr!important}.volume-slider:hover{width:85px}.time-display{color:#cbd5e1;padding:0 4px;font-family:Plus Jakarta Sans,monospace;font-size:.8rem;font-weight:500}.time-display .current-time{color:#fff;font-weight:700}.speed-popup-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-md);z-index:35;background:#0f172af2;border:1px solid #ffffff26;flex-direction:column;gap:3px;padding:6px;display:flex;position:absolute;bottom:42px;right:0;box-shadow:0 8px 25px #00000080}.speed-option-item{border-radius:var(--radius-sm);color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:.8rem}.speed-option-item:hover{color:#fff;background:#ffffff1f}.speed-option-item.active{background:var(--accent);color:#fff;font-weight:700}.player-buffering-overlay{pointer-events:none;z-index:25;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-spinner{border:4px solid #ffffff26;border-top-color:var(--accent);width:54px;height:54px;box-shadow:0 0 25px var(--accent);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.player-center-ripple{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;pointer-events:none;z-index:28;background:#0a0f1dbf;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.55s cubic-bezier(.18,.89,.32,1.28) forwards ripplePop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #6366f166}@keyframes ripplePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}.reactions-float-container{pointer-events:none;z-index:20;position:absolute;inset:0 0 60px;overflow:hidden}.floating-reaction-bubble{pointer-events:none;flex-direction:column;align-items:center;gap:2px;animation:2.2s cubic-bezier(.22,1,.36,1) forwards floatEmoji;display:flex;position:absolute;bottom:20px}@keyframes floatEmoji{0%{opacity:0;transform:translateY(0)scale(.5)}15%{opacity:1;transform:translateY(-40px)scale(1.2)}75%{opacity:.9}to{opacity:0;transform:translateY(-280px)scale(1)}}.reaction-emoji-text{filter:drop-shadow(0 4px 10px #00000080);font-size:2.2rem}.reaction-sender-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f1f5f9;border-radius:var(--radius-pill);background:#0f172ad9;border:1px solid #ffffff26;padding:2px 8px;font-size:.72rem;font-weight:700}.reaction-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-pill);z-index:28;pointer-events:auto;background:#0a0f1dbf;border:1px solid #ffffff1a;padding:4px 8px;transition:bottom .25s cubic-bezier(.16,1,.3,1),transform .2s;position:absolute;bottom:84px;right:18px;box-shadow:0 8px 25px #0006}.custom-player-container.controls-hidden .reaction-bar{bottom:18px}.reaction-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px 6px;font-size:1.35rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.reaction-btn:hover{background:#ffffff1a;transform:scale(1.35)translateY(-3px)}.btn-mic-active{color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:1px solid #10b98199!important;font-weight:600!important;transition:all .25s!important;box-shadow:0 0 18px #10b98173!important}.btn-mic-active:hover{transform:translateY(-1.5px);background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;box-shadow:0 0 25px #10b981b3!important}.mic-live-beacon{background-color:#fff;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite alternate micPulse;display:inline-block;box-shadow:0 0 8px #fff}@keyframes micPulse{0%{opacity:.7;transform:scale(.85)}to{opacity:1;transform:scale(1.3);box-shadow:0 0 12px #a7f3d0}}.audio-vu-meter{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.audio-vu-track{border-radius:var(--radius-pill);background:#0000008c;border:1px solid #ffffff38;flex-direction:column;justify-content:flex-end;width:7px;height:24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.audio-vu-fill{border-radius:var(--radius-pill);width:100%;transition:height 60ms cubic-bezier(.1,.9,.2,1),background .1s;box-shadow:0 0 6px #10b981d9}.btn-mic-active .audio-vu-meter{margin-inline:4px 2px}.btn-mic-active .audio-vu-track{background:#0006;border:1px solid #fff6;width:6px;height:20px}.audio-vu-meter.remote-meter .audio-vu-track{background:#0f172a99;border-color:#6366f166}.audio-vu-meter.remote-meter .audio-vu-fill{box-shadow:0 0 6px #6366f1d9}.badge-online{color:#6ee7b7;border-radius:var(--radius-pill);background:#10b98133;align-items:center;gap:5px;padding:2px 8px;font-weight:700;display:inline-flex}.badge-online:before{content:"";background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseBeacon;box-shadow:0 0 8px #10b981}@keyframes pulseBeacon{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.95)}}.chat-column .glass-panel{flex-direction:column;display:flex}.archive-search{border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:#0f172a99;flex-direction:column;gap:14px;padding:16px;display:flex}.search-header{align-items:center;gap:12px;display:flex}.search-input-wrapper{border:1px solid var(--panel-border);border-radius:var(--radius-md);background:#0a0f1db3;padding:6px 12px}.search-input-wrapper input{background:0 0;border:none;padding:6px}.search-input-wrapper input:focus{box-shadow:none}.filter-buttons{gap:6px;display:flex}.filter-btn{border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid #ffffff14;padding:6px 14px;font-size:.8rem}.filter-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow);border-color:#fff3}.search-results{flex-direction:column;gap:10px;max-height:420px;display:flex;overflow-y:auto}.result-item{border-radius:var(--radius-md);transition:var(--transition);background:#ffffff08;border:1px solid #ffffff0f;padding:12px 14px}.result-item:hover{background:#ffffff0f;border-color:#6366f14d;transform:translateY(-1px)}.result-title{color:#f1f5f9;font-size:.95rem;font-weight:700}.result-meta{gap:6px;margin-top:4px;display:flex}.badge{border-radius:var(--radius-pill);color:#cbd5e1;background:#ffffff14;padding:2px 8px;font-size:.72rem}.badge.imdb{color:#facc15;background:#eab30833;border:1px solid #eab3084d;font-weight:700}.result-links{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.link-button{border-radius:var(--radius-sm);color:#c7d2fe;background:#6366f126;border:1px solid #6366f14d;padding:5px 12px;font-size:.78rem}.link-button:hover{background:var(--accent);color:#fff}.folder-contents{border-radius:var(--radius-sm);background:#0000004d;margin-top:8px;padding:10px}.episode-list{flex-direction:column;gap:4px;display:flex}.episode-button{background:#ffffff0a;justify-content:flex-start;padding:6px 10px;font-size:.78rem}.episode-button:hover{background:#6366f133}.login-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-lang-switch{position:absolute;top:24px;right:24px}[dir=rtl] .login-lang-switch{left:24px;right:auto}.login-card{border-radius:var(--radius-xl);width:100%;max-width:440px;padding:36px 32px;box-shadow:0 20px 60px -10px #000000a6,0 0 0 1px #ffffff1a}.login-header{text-align:center;margin-bottom:24px}.login-badge-icon{background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex;box-shadow:0 0 25px #6366f159}.login-title{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.65rem;font-weight:800}.login-subtitle{color:var(--text-muted);margin-top:6px;font-size:.88rem}.login-alert{border-radius:var(--radius-md);margin-bottom:18px;padding:10px 14px;font-size:.85rem}.login-alert.error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.login-alert.success{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#cbd5e1;font-size:.82rem;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:var(--text-sub);pointer-events:none;position:absolute;left:14px}[dir=rtl] .input-with-icon .input-icon{left:auto;right:14px}.input-with-icon input{width:100%;padding:12px 42px;font-size:.95rem}.password-toggle-btn{color:var(--text-muted);background:0 0;border:none;padding:6px;position:absolute;right:8px}[dir=rtl] .password-toggle-btn{left:8px;right:auto}.login-submit-btn{margin-top:8px;padding:12px;font-size:.95rem}.fill-admin-hint-btn{color:#fbbf24;border-radius:var(--radius-md);background:#f59e0b1a;border:1px dashed #f59e0b59;width:100%;margin-top:14px;padding:8px 12px;font-size:.8rem}.fill-admin-hint-btn:hover{color:#fde68a;background:#f59e0b33}.modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:500;background:#070913cc;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:600px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 25px 70px -10px #000c,0 0 0 1px #ffffff1f}@keyframes modalPop{0%{transform:scale(.96)translateY(10px)}to{transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.modal-tabs{border-bottom:1px solid var(--panel-border);background:#0003;gap:6px;padding:6px 14px;display:flex}.tab-btn{border-radius:var(--radius-md);color:var(--text-muted);background:0 0;border:none;flex:1;padding:8px 12px;font-size:.82rem}.tab-btn.active{color:#fff;background:#ffffff1a;border:1px solid #ffffff26}.tab-body{padding:20px;overflow-y:auto}.invite-modal{max-width:520px}.user-card-item{border-radius:var(--radius-md);transition:var(--transition);background:#ffffff08;border:1px solid #ffffff0f;margin-bottom:8px;padding:12px 16px}.user-card-item:hover{background:#ffffff0f;border-color:#6366f14d}.user-avatar-circle{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:700;display:flex}.role-badge{border-radius:var(--radius-pill);padding:2px 8px;font-size:.72rem;font-weight:700}.role-badge.admin{color:#fde047;background:#f59e0b33;border:1px solid #f59e0b4d}.role-badge.user{color:#c7d2fe;background:#6366f133;border:1px solid #6366f14d}.status-badge{border-radius:var(--radius-pill);padding:2px 8px;font-size:.72rem}.status-badge.active{color:#6ee7b7;background:#10b98133}.status-badge.inactive{color:#fca5a5;background:#ef444433}.grid-2-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=600px){.grid-2-col{grid-template-columns:1fr}}.role-selector{gap:10px;display:flex}.role-card{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:#ffffff0a;border:1px solid #ffffff14;flex:1;align-items:center;gap:10px;padding:10px 14px;display:flex}.role-card.active{border-color:var(--accent);background:#6366f126}.created-invite-card{border-radius:var(--radius-md);background:#10b9811a;border:1px solid #10b9814d;padding:14px}