body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f4f8;color:#1a202c;margin:0;padding:0;line-height:1.5}h2.svelte-1ivyo2s{font-weight:700;margin:0 0 1.5rem;color:#2d3748}.join-container.svelte-1ivyo2s{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.card.svelte-1ivyo2s{background:#fff;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;width:100%;max-width:480px}.input-group.svelte-1ivyo2s{display:flex;gap:1rem}input.svelte-1ivyo2s{flex:1;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s;background:#f8fafc}input.svelte-1ivyo2s:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}.primary-btn.svelte-1ivyo2s{display:flex;align-items:center;gap:.5rem;background:#4f46e5;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s}.primary-btn.svelte-1ivyo2s:hover{background:#4338ca;transform:translateY(-1px)}.primary-btn.svelte-1ivyo2s:disabled{background:#a5b4fc;cursor:not-allowed;transform:none}.primary-btn.svelte-1ivyo2s svg:where(.svelte-1ivyo2s){width:1.25rem;height:1.25rem}.call-container.svelte-1ivyo2s{max-width:1200px;margin:2rem auto;padding:0 1.5rem}header.svelte-1ivyo2s{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.call-status.svelte-1ivyo2s{display:flex;align-items:center;font-weight:500}.status.svelte-1ivyo2s{display:flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem}.status.active.svelte-1ivyo2s{background:#10b9811a;color:#047857}.status.active.svelte-1ivyo2s:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.5rem;background:#10b981;border-radius:50%;animation:svelte-1ivyo2s-pulse 2s infinite}.status.inactive.svelte-1ivyo2s{background:#ef44441a;color:#b91c1c}@keyframes svelte-1ivyo2s-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.video-grid.svelte-1ivyo2s{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:1.5rem}.video-card.svelte-1ivyo2s{border-radius:12px;overflow:hidden;background:#1a202c;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.video-wrapper.svelte-1ivyo2s{position:relative;padding-top:56.25%;background:linear-gradient(135deg,#2d3748,#1a202c)}video.svelte-1ivyo2s{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}video.hidden.svelte-1ivyo2s{display:none}.avatar-container.svelte-1ivyo2s{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.avatar-container.svelte-1ivyo2s img:where(.svelte-1ivyo2s){width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,255,255,.2)}.mic-status.svelte-1ivyo2s{position:absolute;bottom:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#00000080}.mic-status.svelte-1ivyo2s svg:where(.svelte-1ivyo2s){width:1.25rem;height:1.25rem;stroke:#fff}.mic-status.active.svelte-1ivyo2s{background:#10b981cc}.mic-status.muted.svelte-1ivyo2s{background:#ef4444cc}.video-label.svelte-1ivyo2s{position:absolute;bottom:1rem;left:1rem;padding:.25rem .75rem;background:#00000080;color:#fff;border-radius:9999px;font-size:.875rem;font-weight:500}.fullscreen-btn.svelte-1ivyo2s{position:absolute;top:1rem;right:1rem;background:#00000080;border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s}.fullscreen-btn.svelte-1ivyo2s:hover{background:#000000b3}.fullscreen-btn.svelte-1ivyo2s svg:where(.svelte-1ivyo2s){width:1.25rem;height:1.25rem;stroke:#fff}.controls.svelte-1ivyo2s{display:flex;justify-content:center;gap:1rem;padding:.75rem;background:#2d3748}.icon-btn.svelte-1ivyo2s{width:3rem;height:3rem;border-radius:50%;background:#ffffff1a;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s}.icon-btn.svelte-1ivyo2s svg:where(.svelte-1ivyo2s){width:1.5rem;height:1.5rem;stroke:#fff}.icon-btn.svelte-1ivyo2s:hover{background:#fff3}.icon-btn.active.svelte-1ivyo2s{background:#4f46e5}.call-actions.svelte-1ivyo2s{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.action-btn.svelte-1ivyo2s{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.action-btn.svelte-1ivyo2s svg:where(.svelte-1ivyo2s){width:1.25rem;height:1.25rem}.action-btn.start.svelte-1ivyo2s{background:#10b981;color:#fff}.action-btn.start.svelte-1ivyo2s:hover{background:#059669}.action-btn.share.svelte-1ivyo2s,.action-btn.stop-share.svelte-1ivyo2s{background:#6366f1;color:#fff}.action-btn.share.svelte-1ivyo2s:hover,.action-btn.stop-share.svelte-1ivyo2s:hover{background:#4f46e5}.action-btn.hangup.svelte-1ivyo2s{background:#ef4444;color:#fff}.action-btn.hangup.svelte-1ivyo2s:hover{background:#dc2626}.action-btn.svelte-1ivyo2s:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.video-grid.svelte-1ivyo2s{grid-template-columns:1fr}.call-actions.svelte-1ivyo2s{flex-direction:column}.action-btn.svelte-1ivyo2s{width:100%;justify-content:center}}