*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0a0a1a;color:#fff;min-height:100vh}#varicall-app{min-height:100vh}.home[data-v-737862c0]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.hero[data-v-737862c0]{text-align:center;margin-bottom:3rem}.logo[data-v-737862c0]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.logo h1[data-v-737862c0]{font-size:2.5rem;font-weight:700;color:#fff}.subtitle[data-v-737862c0]{color:#88a;font-size:1.1rem}.cards[data-v-737862c0]{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.card[data-v-737862c0]{background:#111128;border:1px solid #1e1e3a;border-radius:16px;padding:2rem;width:340px}.card-title[data-v-737862c0]{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}.card-title h2[data-v-737862c0]{font-size:1.2rem;color:#fff}form[data-v-737862c0]{display:flex;flex-direction:column;gap:.8rem}input[data-v-737862c0]{background:#0a0a1a;border:1px solid #1e1e3a;border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s}input[data-v-737862c0]:focus{border-color:#2449de}input[data-v-737862c0]::placeholder{color:#557}button[data-v-737862c0]{background:#2449de;color:#fff;border:none;border-radius:8px;padding:.75rem;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s}button[data-v-737862c0]:hover{background:#1a38b0}button[data-v-737862c0]:disabled{opacity:.6;cursor:not-allowed}.join-btn[data-v-737862c0]{background:#2449de}.join-btn[data-v-737862c0]:hover{background:#1a38b0}.error[data-v-737862c0]{color:#e74c3c;margin-top:1.5rem;text-align:center}@media (max-width: 768px){.home[data-v-737862c0]{padding:1.5rem 1rem}.logo h1[data-v-737862c0]{font-size:2rem}.subtitle[data-v-737862c0]{font-size:.95rem;padding:0 .5rem}.cards[data-v-737862c0]{flex-direction:column;gap:1.2rem;width:100%;align-items:center}.card[data-v-737862c0]{width:100%;max-width:400px;padding:1.5rem}}@media (max-width: 480px){.hero[data-v-737862c0]{margin-bottom:2rem}.logo h1[data-v-737862c0]{font-size:1.7rem}.logo svg[data-v-737862c0]{width:36px;height:36px}.subtitle[data-v-737862c0]{font-size:.85rem}.card[data-v-737862c0]{padding:1.2rem;border-radius:12px}.card-title h2[data-v-737862c0]{font-size:1.05rem}input[data-v-737862c0]{padding:.65rem .8rem;font-size:.9rem}button[data-v-737862c0]{padding:.65rem;font-size:.9rem}}.room[data-v-5e9ee4a2]{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.permission-overlay[data-v-5e9ee4a2]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1af2;display:flex;align-items:center;justify-content:center;z-index:100}.permission-card[data-v-5e9ee4a2]{background:#111128;border:1px solid #1e1e3a;border-radius:16px;padding:2.5rem;text-align:center;max-width:420px}.permission-card h2[data-v-5e9ee4a2]{color:#fff;margin:1rem 0 .5rem;font-size:1.3rem}.permission-card p[data-v-5e9ee4a2]{color:#88a;font-size:.95rem;line-height:1.5}.permission-card .sub[data-v-5e9ee4a2]{font-size:.85rem;color:#557;margin-top:.5rem}.permission-actions[data-v-5e9ee4a2]{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:center}.permission-actions button[data-v-5e9ee4a2]{background:#2449de;color:#fff;border:none;border-radius:8px;padding:.65rem 1.2rem;font-weight:600;cursor:pointer;font-family:inherit;font-size:.9rem;transition:background .2s}.permission-actions button[data-v-5e9ee4a2]:hover{background:#1a38b0}.permission-actions button.secondary[data-v-5e9ee4a2]{background:#1e1e3a}.permission-actions button.secondary[data-v-5e9ee4a2]:hover{background:#2a2a4a}.room-header[data-v-5e9ee4a2]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#111128;border-bottom:1px solid #1e1e3a}.header-left[data-v-5e9ee4a2]{display:flex;align-items:center;gap:.5rem}.brand[data-v-5e9ee4a2]{font-weight:700;font-size:1.1rem;color:#fff}.header-center[data-v-5e9ee4a2]{display:flex;align-items:center;gap:.5rem}.invite-label[data-v-5e9ee4a2]{color:#88a;font-size:.85rem}.invite-code[data-v-5e9ee4a2]{background:#0a0a1a;padding:.3rem .7rem;border-radius:6px;font-size:.8rem;color:#2449de;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn[data-v-5e9ee4a2]{background:#1e1e3a;border:none;cursor:pointer;padding:.4rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s}.copy-btn[data-v-5e9ee4a2]:hover{background:#2a2a4a}.leave-btn[data-v-5e9ee4a2]{background:#dc2626;color:#fff;border:none;border-radius:8px;padding:.5rem 1.2rem;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:.4rem;font-size:.9rem;transition:background .2s}.leave-btn[data-v-5e9ee4a2]:hover{background:#b91c1c}.room-body[data-v-5e9ee4a2]{display:flex;flex:1;overflow:hidden}.video-area[data-v-5e9ee4a2]{flex:1;display:flex;flex-direction:column;background:#0a0a1a}.video-grid[data-v-5e9ee4a2]{flex:1;display:grid;gap:.5rem;padding:.5rem;overflow:auto}.grid-1[data-v-5e9ee4a2]{grid-template-columns:1fr}.grid-2[data-v-5e9ee4a2],.grid-4[data-v-5e9ee4a2]{grid-template-columns:1fr 1fr}.grid-many[data-v-5e9ee4a2]{grid-template-columns:repeat(3,1fr)}.grid-screen[data-v-5e9ee4a2]{grid-template-columns:1fr 280px;grid-template-rows:1fr}.grid-screen .screen-tile[data-v-5e9ee4a2]{grid-row:1 / -1;grid-column:1}.grid-screen .video-tile[data-v-5e9ee4a2]:not(.screen-tile){grid-column:2;min-height:140px}.video-tile[data-v-5e9ee4a2]{position:relative;background:#111128;border-radius:12px;overflow:hidden;min-height:200px;border:2px solid transparent;transition:border-color .2s,box-shadow .2s}.video-tile.speaking[data-v-5e9ee4a2]{border-color:#2449de;box-shadow:0 0 12px #2449de66,0 0 24px #2449de26;animation:pulse-border-5e9ee4a2 1.5s ease-in-out infinite}@keyframes pulse-border-5e9ee4a2{0%,to{box-shadow:0 0 8px #2449de4d,0 0 16px #2449de1a}50%{box-shadow:0 0 16px #2449de99,0 0 32px #2449de40}}.video-tile video[data-v-5e9ee4a2]{width:100%;height:100%;object-fit:cover}.video-tile.screen-tile video[data-v-5e9ee4a2]{object-fit:contain;background:#000}.video-tile.local video[data-v-5e9ee4a2]{transform:scaleX(-1)}.cam-off-placeholder[data-v-5e9ee4a2]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#111128;color:#557;font-size:.9rem}.video-label[data-v-5e9ee4a2]{position:absolute;bottom:8px;left:8px;background:#0a0a1abf;padding:.25rem .6rem;border-radius:6px;font-size:.8rem;color:#fff}.video-label.screen-label[data-v-5e9ee4a2]{display:flex;align-items:center;gap:.35rem;background:#2449decc}.controls[data-v-5e9ee4a2]{display:flex;justify-content:center;gap:1rem;padding:1rem;background:#111128}.ctrl-btn[data-v-5e9ee4a2]{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;background:#1e1e3a;display:flex;align-items:center;justify-content:center;transition:background .2s,box-shadow .2s;position:relative}.ctrl-btn[data-v-5e9ee4a2]:hover{background:#2a2a4a}.ctrl-btn.off[data-v-5e9ee4a2]{background:#dc2626}.ctrl-btn.off[data-v-5e9ee4a2]:hover{background:#b91c1c}.ctrl-btn.hangup[data-v-5e9ee4a2]{background:#dc2626}.ctrl-btn.hangup[data-v-5e9ee4a2]:hover{background:#b91c1c}.ctrl-btn.active[data-v-5e9ee4a2]{background:#2449de}.ctrl-btn.active[data-v-5e9ee4a2]:hover{background:#1a38b0}.ctrl-btn.pulse[data-v-5e9ee4a2]{animation:mic-pulse-5e9ee4a2 1s ease-in-out infinite}@keyframes mic-pulse-5e9ee4a2{0%,to{box-shadow:0 0 #2449de80}50%{box-shadow:0 0 0 10px #2449de00}}.chat-panel[data-v-5e9ee4a2]{width:340px;display:flex;flex-direction:column;background:#111128;border-left:1px solid #1e1e3a}.chat-header[data-v-5e9ee4a2]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #1e1e3a}.chat-header-right[data-v-5e9ee4a2]{display:flex;align-items:center;gap:.75rem}.chat-close-btn[data-v-5e9ee4a2]{display:none;background:#1e1e3a;border:none;border-radius:6px;padding:.3rem;cursor:pointer;align-items:center;justify-content:center;transition:background .2s}.chat-close-btn[data-v-5e9ee4a2]:hover{background:#2a2a4a}.chat-title[data-v-5e9ee4a2]{display:flex;align-items:center;gap:.5rem}.chat-title h3[data-v-5e9ee4a2]{font-size:1rem;color:#fff}.participant-count[data-v-5e9ee4a2]{font-size:.8rem;color:#88a}.chat-messages[data-v-5e9ee4a2]{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.no-messages[data-v-5e9ee4a2]{color:#557;text-align:center;margin-top:2rem;font-size:.9rem}.msg[data-v-5e9ee4a2]{display:flex;flex-direction:column;gap:.15rem}.msg.own .msg-sender[data-v-5e9ee4a2]{color:#2449de}.msg-sender[data-v-5e9ee4a2]{font-size:.75rem;font-weight:600;color:#88a}.msg-text[data-v-5e9ee4a2]{background:#0a0a1a;padding:.5rem .75rem;border-radius:8px;font-size:.9rem;word-break:break-word;color:#fff}.msg.own .msg-text[data-v-5e9ee4a2]{background:#1a2a5a}.chat-input[data-v-5e9ee4a2]{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid #1e1e3a}.chat-input input[data-v-5e9ee4a2]{flex:1;background:#0a0a1a;border:1px solid #1e1e3a;border-radius:8px;padding:.6rem .8rem;color:#fff;font-family:inherit;font-size:.9rem;outline:none}.chat-input input[data-v-5e9ee4a2]::placeholder{color:#557}.chat-input input[data-v-5e9ee4a2]:focus{border-color:#2449de}.chat-input button[data-v-5e9ee4a2]{background:#2449de;border:none;border-radius:8px;padding:.6rem .8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.chat-input button[data-v-5e9ee4a2]:hover{background:#1a38b0}.chat-toggle[data-v-5e9ee4a2],.mobile-share-link[data-v-5e9ee4a2]{display:none}@media (max-width: 768px){.room-header[data-v-5e9ee4a2]{padding:.5rem .75rem;gap:.4rem}.brand[data-v-5e9ee4a2]{font-size:.95rem}.header-center[data-v-5e9ee4a2],.leave-text[data-v-5e9ee4a2]{display:none}.leave-btn[data-v-5e9ee4a2]{padding:.45rem .6rem}.room-body[data-v-5e9ee4a2]{flex-direction:column}.video-grid[data-v-5e9ee4a2]{padding:.25rem;gap:.25rem}.grid-2[data-v-5e9ee4a2],.grid-4[data-v-5e9ee4a2],.grid-many[data-v-5e9ee4a2]{grid-template-columns:1fr 1fr}.grid-screen[data-v-5e9ee4a2]{grid-template-columns:1fr;grid-template-rows:auto}.grid-screen .screen-tile[data-v-5e9ee4a2]{grid-column:1;grid-row:auto}.grid-screen .video-tile[data-v-5e9ee4a2]:not(.screen-tile){grid-column:1;min-height:100px}.video-tile[data-v-5e9ee4a2]{min-height:120px}.controls[data-v-5e9ee4a2]{padding:.6rem;gap:.6rem}.ctrl-btn[data-v-5e9ee4a2]{width:44px;height:44px}.ctrl-btn svg[data-v-5e9ee4a2]{width:18px;height:18px}.chat-toggle[data-v-5e9ee4a2],.mobile-share-link[data-v-5e9ee4a2]{display:flex}.chat-panel[data-v-5e9ee4a2]{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:50;border-left:none;border-radius:0;transform:translateY(100%);transition:transform .3s ease}.chat-panel.open[data-v-5e9ee4a2]{transform:translateY(0)}.chat-close-btn[data-v-5e9ee4a2]{display:flex}.permission-card[data-v-5e9ee4a2]{margin:1rem;padding:1.5rem}.permission-actions[data-v-5e9ee4a2]{flex-direction:column}}@media (max-width: 480px){.header-left svg[data-v-5e9ee4a2]{width:22px;height:22px}.brand[data-v-5e9ee4a2]{font-size:.85rem}.video-tile[data-v-5e9ee4a2]{min-height:90px;border-radius:8px}.ctrl-btn[data-v-5e9ee4a2]{width:40px;height:40px}.ctrl-btn svg[data-v-5e9ee4a2]{width:16px;height:16px}.controls[data-v-5e9ee4a2]{padding:.5rem;gap:.5rem}.chat-messages[data-v-5e9ee4a2]{padding:.6rem}.chat-input[data-v-5e9ee4a2]{padding:.5rem}}.join[data-v-a474cf58]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.join-card[data-v-a474cf58]{background:#111128;border:1px solid #1e1e3a;border-radius:16px;padding:2.5rem;width:380px;text-align:center}.logo[data-v-a474cf58]{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.logo h1[data-v-a474cf58]{font-size:1.8rem;font-weight:700;color:#fff}.info[data-v-a474cf58]{color:#88a;font-size:.95rem;margin-bottom:1rem}.code-display[data-v-a474cf58]{margin-bottom:1.5rem;color:#88a}.code-display code[data-v-a474cf58]{background:#0a0a1a;padding:.3rem .7rem;border-radius:6px;font-size:1.1rem;color:#2449de;letter-spacing:1px}form[data-v-a474cf58]{display:flex;flex-direction:column;gap:.8rem}input[data-v-a474cf58]{background:#0a0a1a;border:1px solid #1e1e3a;border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s}input[data-v-a474cf58]:focus{border-color:#2449de}button[data-v-a474cf58]{background:#2449de;color:#fff;border:none;border-radius:8px;padding:.75rem;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s}button[data-v-a474cf58]:hover{background:#1a38b0}button[data-v-a474cf58]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-a474cf58]{color:#e74c3c;margin-top:1rem;font-size:.9rem}@media (max-width: 480px){.join[data-v-a474cf58]{padding:1rem}.join-card[data-v-a474cf58]{width:100%;max-width:380px;padding:1.5rem}.logo h1[data-v-a474cf58]{font-size:1.5rem}.logo svg[data-v-a474cf58]{width:32px;height:32px}.info[data-v-a474cf58]{font-size:.85rem}input[data-v-a474cf58]{padding:.65rem .8rem;font-size:.9rem}button[data-v-a474cf58]{padding:.65rem;font-size:.9rem}}