.overlay[data-v-ac927b66]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#080812f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal[data-v-ac927b66]{position:relative;width:420px;max-width:calc(100vw - 32px);background:#0f0f1e;border:1px solid #2e2e5f;border-radius:12px;padding:40px 36px;overflow:hidden}.modal-glow[data-v-ac927b66]{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:300px;height:200px;background:radial-gradient(ellipse,rgba(157,78,221,.25) 0%,transparent 70%);pointer-events:none}.modal-header[data-v-ac927b66]{text-align:center;margin-bottom:28px}.modal-logo[data-v-ac927b66]{font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;letter-spacing:4px;color:#e8e8ff;text-shadow:0 0 30px rgba(157,78,221,.5);margin-bottom:6px}.accent[data-v-ac927b66]{color:#9d4edd;text-shadow:0 0 15px #9d4edd,0 0 40px rgba(157,78,221,.5)}.modal-sub[data-v-ac927b66]{font-family:Orbitron,sans-serif;font-size:9px;font-weight:400;letter-spacing:3px;color:#7070a0}.avatar-preview-wrap[data-v-ac927b66]{display:flex;justify-content:center;margin-bottom:24px}.avatar-ring[data-v-ac927b66]{width:80px;height:80px;border-radius:50%;border:2px solid #1e1e3f;display:flex;align-items:center;justify-content:center;transition:border-color .3s,box-shadow .3s;overflow:hidden;background:#12122a}.avatar-ring.has-avatar[data-v-ac927b66]{border-color:#9d4edd;box-shadow:0 0 12px #9d4edd80,0 0 30px #9d4edd33}.avatar-img[data-v-ac927b66]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-ac927b66]{color:#2e2e5f}.modal-form[data-v-ac927b66]{display:flex;flex-direction:column;gap:18px}.field[data-v-ac927b66]{display:flex;flex-direction:column;gap:6px}.field-label[data-v-ac927b66]{font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;color:#7070a0}.optional[data-v-ac927b66]{font-family:Rajdhani,sans-serif;font-size:11px;letter-spacing:0;text-transform:none;color:#4040606}.field-input[data-v-ac927b66]{background:#080812;border:1px solid #1e1e3f;border-radius:6px;padding:10px 14px;color:#c8c8e8;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s}.field-input[data-v-ac927b66]::placeholder{color:#3a3a5a}.field-input[data-v-ac927b66]:focus{border-color:#9d4edd;box-shadow:0 0 0 2px #9d4edd26,0 0 12px #9d4edd1a}.form-error[data-v-ac927b66]{background:#ff29571a;border:1px solid #ff2957;border-radius:6px;padding:8px 12px;color:#ff2957;font-size:13px}.join-btn[data-v-ac927b66]{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;background:linear-gradient(135deg,#6b2fa0,#9d4edd);border:1px solid #9d4edd;border-radius:6px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.join-btn[data-v-ac927b66]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);opacity:0;transition:opacity .2s}.join-btn[data-v-ac927b66]:hover:not(:disabled):before{opacity:1}.join-btn[data-v-ac927b66]:hover:not(:disabled){box-shadow:0 0 20px #9d4edd80,0 0 40px #9d4edd33;transform:translateY(-1px)}.join-btn[data-v-ac927b66]:disabled{opacity:.4;cursor:not-allowed}.btn-text[data-v-ac927b66]{font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;color:#fff}.btn-arrow[data-v-ac927b66]{color:#ffffffb3;font-size:12px;transition:transform .2s}.join-btn:hover:not(:disabled) .btn-arrow[data-v-ac927b66]{transform:translate(3px)}.card[data-v-b4e2a391]{position:relative;width:130px;background:#12122a;border:1px solid #1e1e3f;border-radius:10px;padding:16px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .2s,box-shadow .2s,transform .2s;cursor:default}.card[data-v-b4e2a391]:hover{border-color:#2e2e5f;transform:translateY(-2px)}.card.local[data-v-b4e2a391]{border-color:#2e2e5f;background:#14142e}.card.speaking[data-v-b4e2a391]{border-color:#9d4edd;box-shadow:0 0 12px #9d4edd4d,0 0 30px #9d4edd1a}.avatar-wrap[data-v-b4e2a391]{position:relative}.avatar-ring[data-v-b4e2a391]{width:64px;height:64px;border-radius:50%;border:2px solid #1e1e3f;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0a0a1a;transition:border-color .2s,box-shadow .3s}.avatar-ring.speaking[data-v-b4e2a391]{border-color:#9d4edd;box-shadow:0 0 0 3px #9d4edd40,0 0 16px #9d4edd80,0 0 40px #9d4edd33;animation:pulse-speaking-b4e2a391 1.2s ease-in-out infinite}@keyframes pulse-speaking-b4e2a391{0%,to{box-shadow:0 0 0 3px #9d4edd40,0 0 16px #9d4edd80,0 0 40px #9d4edd33}50%{box-shadow:0 0 0 5px #9d4edd26,0 0 24px #9d4eddb3,0 0 60px #9d4edd4d}}.avatar-img[data-v-b4e2a391]{width:100%;height:100%;object-fit:cover}.avatar-fallback[data-v-b4e2a391]{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;color:#9d4edd;text-shadow:0 0 10px rgba(157,78,221,.5)}.mic-badge[data-v-b4e2a391],.share-badge[data-v-b4e2a391]{position:absolute;bottom:-2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid #080812}.mic-badge[data-v-b4e2a391]{right:-2px}.share-badge[data-v-b4e2a391]{left:-2px}.mic-badge.active[data-v-b4e2a391]{background:#39ff14;color:#080812;box-shadow:0 0 6px #39ff1499}.mic-badge.muted[data-v-b4e2a391]{background:#ff2957;color:#fff;box-shadow:0 0 6px #ff295799}.share-badge[data-v-b4e2a391]{background:#00f5ff;color:#080812;box-shadow:0 0 6px #00f5ff99}.name-wrap[data-v-b4e2a391]{display:flex;align-items:center;gap:5px;max-width:100%}.name[data-v-b4e2a391]{font-weight:600;font-size:13px;color:#c8c8e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.you-tag[data-v-b4e2a391]{font-family:Orbitron,sans-serif;font-size:8px;font-weight:700;letter-spacing:1px;color:#9d4edd;border:1px solid #9d4edd;border-radius:3px;padding:1px 4px;flex-shrink:0}.wave-wrap[data-v-b4e2a391]{display:flex;align-items:flex-end;gap:2px;height:14px;opacity:0;transition:opacity .2s}.wave-wrap.visible[data-v-b4e2a391]{opacity:1}.wave-bar[data-v-b4e2a391]{display:block;width:3px;height:4px;border-radius:2px;background:#9d4edd;box-shadow:0 0 4px #9d4edd;animation:wave-b4e2a391 .6s ease-in-out infinite alternate}@keyframes wave-b4e2a391{0%{height:3px}to{height:12px}}.volume-panel[data-v-b4e2a391]{display:flex;align-items:center;gap:6px;width:100%;opacity:0;transition:opacity .2s;padding-top:4px;border-top:1px solid #1e1e3f}.card:hover .volume-panel[data-v-b4e2a391]{opacity:1}.vol-icon[data-v-b4e2a391]{color:#7070a0;flex-shrink:0}.vol-slider[data-v-b4e2a391]{flex:1;-webkit-appearance:none;height:3px;border-radius:2px;background:#1e1e3f;outline:none;cursor:pointer}.vol-slider[data-v-b4e2a391]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#9d4edd;box-shadow:0 0 4px #9d4edd99;cursor:pointer}.vol-slider[data-v-b4e2a391]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#9d4edd;border:none;cursor:pointer}.vol-value[data-v-b4e2a391]{font-family:Orbitron,sans-serif;font-size:9px;color:#7070a0;width:28px;text-align:right;flex-shrink:0}.control-bar[data-v-bbb6b532]{position:relative;z-index:10;height:var(--bar-h);min-height:var(--bar-h);background:#080812f2;border-top:1px solid #1e1e3f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.bar-inner[data-v-bbb6b532]{display:flex;align-items:center;gap:10px}.ctrl-btn[data-v-bbb6b532]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 18px;border-radius:8px;border:1px solid;cursor:pointer;transition:all .2s;min-width:88px}.ctrl-btn[data-v-bbb6b532]:hover{transform:translateY(-2px)}.btn-icon[data-v-bbb6b532]{display:flex;align-items:center;justify-content:center}.btn-label[data-v-bbb6b532]{font-family:Orbitron,sans-serif;font-size:8px;font-weight:700;letter-spacing:1.5px;white-space:nowrap}.btn-active[data-v-bbb6b532]{background:#39ff141a;border-color:#39ff14;color:#39ff14}.btn-active[data-v-bbb6b532]:hover{background:#39ff142e;box-shadow:0 0 16px #39ff144d,0 0 30px #39ff1426}.btn-danger[data-v-bbb6b532]{background:#ff29571f;border-color:#ff2957;color:#ff2957}.btn-danger[data-v-bbb6b532]:hover{background:#ff295733;box-shadow:0 0 16px #ff29574d,0 0 30px #ff295726}.btn-default[data-v-bbb6b532]{background:#1e1e3f80;border-color:#2e2e5f;color:#7070a0}.btn-default[data-v-bbb6b532]:hover{border-color:#00f5ff;color:#00f5ff;background:#00f5ff12}.btn-cyan-active[data-v-bbb6b532]{background:#00f5ff1a;border-color:#00f5ff;color:#00f5ff;animation:share-pulse-bbb6b532 2s ease-in-out infinite}.btn-cyan-active[data-v-bbb6b532]:hover{box-shadow:0 0 16px #00f5ff4d,0 0 30px #00f5ff26}@keyframes share-pulse-bbb6b532{0%,to{box-shadow:0 0 6px #00f5ff33}50%{box-shadow:0 0 14px #00f5ff66,0 0 28px #00f5ff26}}.btn-leave[data-v-bbb6b532]{background:#ff295714;border-color:#ff2957;color:#ff2957}.btn-leave[data-v-bbb6b532]:hover{background:#ff295733;box-shadow:0 0 16px #ff295759,0 0 30px #ff295726}.divider[data-v-bbb6b532]{width:1px;height:36px;background:#1e1e3f;margin:0 6px}.screen-view[data-v-5388125e]{border:1px solid #1e1e3f;border-radius:10px;overflow:hidden;background:#0a0a1a;flex-shrink:0;max-height:60vh;display:flex;flex-direction:column;box-shadow:0 0 20px #00f5ff0f,inset 0 0 40px #0000004d}.screen-header[data-v-5388125e]{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#00f5ff0a;border-bottom:1px solid #1e1e3f;flex-shrink:0}.screen-title[data-v-5388125e]{display:flex;align-items:center;gap:7px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;color:#00f5ff;text-shadow:0 0 8px rgba(0,245,255,.4);white-space:nowrap}.sharer-tabs[data-v-5388125e]{display:flex;gap:6px;overflow-x:auto;flex:1}.sharer-tabs[data-v-5388125e]::-webkit-scrollbar{height:3px}.sharer-tabs[data-v-5388125e]::-webkit-scrollbar-thumb{background:#1e1e3f;border-radius:2px}.sharer-tab[data-v-5388125e]{display:flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:1px solid #1e1e3f;border-radius:4px;cursor:pointer;color:#7070a0;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;white-space:nowrap;transition:all .2s}.sharer-tab[data-v-5388125e]:hover{border-color:#00f5ff;color:#00f5ff}.sharer-tab.active[data-v-5388125e]{border-color:#00f5ff;color:#00f5ff;background:#00f5ff14;box-shadow:0 0 8px #00f5ff33}.tab-avatar[data-v-5388125e]{width:18px;height:18px;border-radius:50%;object-fit:cover}.active-sharer-name[data-v-5388125e]{font-weight:600;font-size:14px;color:#c8c8e8;flex:1}.screen-vol[data-v-5388125e]{display:flex;align-items:center;gap:6px;margin-left:auto;color:#7070a0;flex-shrink:0}.vol-slider[data-v-5388125e]{width:80px;-webkit-appearance:none;height:3px;border-radius:2px;background:#1e1e3f;outline:none;cursor:pointer}.vol-slider[data-v-5388125e]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#00f5ff;box-shadow:0 0 4px #00f5ff99;cursor:pointer}.vol-slider[data-v-5388125e]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#00f5ff;border:none;cursor:pointer}.vol-pct[data-v-5388125e]{font-family:Orbitron,sans-serif;font-size:9px;color:#7070a0;width:30px;text-align:right}.video-wrap[data-v-5388125e]{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;background:#050510}.screen-video[data-v-5388125e]{width:100%;height:100%;object-fit:contain;display:block}.no-stream[data-v-5388125e]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#7070a0;font-size:14px;font-weight:500}:root{--bg: #080812;--surface: #0f0f1e;--card: #12122a;--card-hover: #17173a;--border: #1e1e3f;--border-bright: #2e2e5f;--purple: #9d4edd;--purple-dim: #6b2fa0;--cyan: #00f5ff;--cyan-dim: #0090b8;--green: #39ff14;--green-dim: #1a9900;--red: #ff2957;--red-dim: #99001a;--text: #c8c8e8;--text-dim: #7070a0;--text-bright: #e8e8ff;--header-h: 56px;--bar-h: 72px}.app{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,245,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 20% 10%,rgba(157,78,221,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 30% at 80% 90%,rgba(0,245,255,.06) 0%,transparent 60%);pointer-events:none;z-index:0}.room-header{position:relative;z-index:10;height:var(--header-h);min-height:var(--header-h);display:flex;align-items:center;gap:16px;padding:0 20px;background:#080812e6;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo{font-family:Orbitron,sans-serif;font-size:22px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--text-bright);text-shadow:0 0 20px rgba(157,78,221,.5)}.logo-accent{color:var(--purple);text-shadow:0 0 10px var(--purple),0 0 30px rgba(157,78,221,.5)}.room-info{margin-left:auto;display:flex;align-items:center;gap:12px}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px;border:1px solid}.status-badge.online{color:var(--green);border-color:var(--green);background:#39ff1414}.status-badge.offline{color:var(--text-dim);border-color:var(--border);background:transparent}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.online .status-dot{box-shadow:0 0 6px currentColor;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.participant-count{display:flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--border);border-radius:4px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;color:var(--cyan);background:#00f5ff0d}.error-banner{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);background:#ff295726;border:1px solid var(--red);color:var(--red);padding:6px 16px;border-radius:4px;font-size:13px;white-space:nowrap;z-index:20}.room-main{position:relative;z-index:5;flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.room-main::-webkit-scrollbar{width:6px}.room-main::-webkit-scrollbar-track{background:transparent}.room-main::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.participants-section{flex-shrink:0}.participants-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}