.home.svelte-et6md{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.bg-gradient.svelte-et6md{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(124,140,255,.18) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(193,120,255,.18) 0%,transparent 45%),#0b0e1a;z-index:0}.card.svelte-et6md{position:relative;z-index:1;background:#11142ad9;border:1px solid #1c2040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:2.5rem;width:100%;max-width:440px;box-shadow:0 30px 80px #00000073}.brand.svelte-et6md{background:linear-gradient(90deg,#7c8cff,#c178ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:.06em;font-size:.85rem;margin-bottom:1rem}h1.svelte-et6md{color:#d8dcf2;font-size:1.85rem;line-height:1.2;margin:0 0 .6rem;font-weight:700}.subtitle.svelte-et6md{color:#9aa3c7;margin:0 0 1.75rem;font-size:.95rem}.form.svelte-et6md{display:flex;flex-direction:column;gap:.75rem}input.svelte-et6md{padding:.85rem 1rem;border-radius:12px;border:1px solid #2a3060;background:#1a1f3d;color:#d8dcf2;font-size:.95rem;outline:none;transition:border-color .15s ease}input.svelte-et6md::placeholder{color:#5a6088}input.svelte-et6md:focus{border-color:#7c8cff}.primary.svelte-et6md{padding:.85rem;border-radius:12px;border:none;background:linear-gradient(135deg,#7c8cff,#c178ff);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease;box-shadow:0 6px 22px #7c8cff59;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.primary.svelte-et6md:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #7c8cff73}.primary.svelte-et6md:disabled{opacity:.65;cursor:not-allowed}.spinner.svelte-et6md{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:svelte-et6md-spin .7s linear infinite}@keyframes svelte-et6md-spin{to{transform:rotate(360deg)}}.error.svelte-et6md{color:#ff6b80;font-size:.82rem;margin:.4rem 0 0}.hint.svelte-et6md{margin:1.5rem 0 0;color:#5a6088;font-size:.78rem;text-align:center}.lobby.svelte-7sbbw8{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at 20% 0%,#1c1f4a,#0b0e1a 60%)}.card.svelte-7sbbw8{display:flex;background:#11142a;border:1px solid #1c2040;border-radius:20px;overflow:hidden;max-width:880px;width:100%;box-shadow:0 30px 80px #00000080}.preview-wrap.svelte-7sbbw8{flex:1;display:flex;flex-direction:column;background:#000;position:relative;min-height:320px}.preview.svelte-7sbbw8{flex:1;background:#000;position:relative;overflow:hidden}.preview.svelte-7sbbw8 video:where(.svelte-7sbbw8){width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.no-video.svelte-7sbbw8,.off-overlay.svelte-7sbbw8{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#5a6088;background:#000}.off-overlay.svelte-7sbbw8{background:#000000d9;color:#9aa3c7}.preview-controls.svelte-7sbbw8{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.6rem}.preview-controls.svelte-7sbbw8 .round:where(.svelte-7sbbw8){width:44px;height:44px;border-radius:50%;border:1px solid #2a3060;background:#141832d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;font-size:1.1rem}.preview-controls.svelte-7sbbw8 .round.off:where(.svelte-7sbbw8){background:#5b1a1a;border-color:#8b2020}.form.svelte-7sbbw8{flex:0 0 360px;padding:2.25rem 1.85rem;display:flex;flex-direction:column;gap:.85rem;background:linear-gradient(180deg,#11142a,#0d1023)}.brand.svelte-7sbbw8{background:linear-gradient(90deg,#7c8cff,#c178ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:.05em;font-size:.9rem}h2.svelte-7sbbw8{margin:0;color:#d8dcf2;font-size:1.45rem;font-weight:600}.room-id.svelte-7sbbw8{color:#9aa3c7;font-size:.8rem;margin:0 0 .5rem}.room-id.svelte-7sbbw8 code:where(.svelte-7sbbw8){font-family:ui-monospace,monospace;background:#1a1f3d;padding:.15rem .45rem;border-radius:6px;border:1px solid #2a3060;color:#d8dcf2;font-size:.8rem}input.svelte-7sbbw8{padding:.75rem 1rem;border-radius:10px;border:1px solid #2a3060;background:#1a1f3d;color:#d8dcf2;font-size:.9rem;outline:none;transition:border-color .15s ease}input.svelte-7sbbw8::placeholder{color:#5a6088}input.svelte-7sbbw8:focus{border-color:#7c8cff}.primary.svelte-7sbbw8{margin-top:.4rem;padding:.85rem;border-radius:10px;border:none;background:linear-gradient(135deg,#7c8cff,#c178ff);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease;box-shadow:0 6px 20px #7c8cff4d}.primary.svelte-7sbbw8:hover{transform:translateY(-1px);box-shadow:0 10px 28px #7c8cff66}.error.svelte-7sbbw8{color:#ff6b80;font-size:.82rem;margin:0}@media(max-width:720px){.card.svelte-7sbbw8{flex-direction:column;max-width:420px}.preview-wrap.svelte-7sbbw8{min-height:240px}.form.svelte-7sbbw8{flex:1}}.grid-container.svelte-e1i1xn{display:flex;flex-direction:column;width:100%;height:100%;padding:.75rem;gap:.75rem;box-sizing:border-box}.grid-container.has-screen.svelte-e1i1xn{flex-direction:row}.screen-stage.svelte-e1i1xn{flex:1;min-width:0;min-height:0;display:flex}.screen-tile.svelte-e1i1xn{flex:1;background:#000;border-radius:14px;overflow:hidden;position:relative;border:1px solid #1c2040;box-shadow:0 8px 32px #0006}.screen-tile.svelte-e1i1xn video:where(.svelte-e1i1xn){width:100%;height:100%;object-fit:contain;background:#000}.screen-label.svelte-e1i1xn{position:absolute;top:.75rem;left:.75rem;padding:.3rem .7rem;background:#141832d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d8dcf2;font-size:.75rem;border-radius:999px;border:1px solid #2a3060}.tiles.svelte-e1i1xn{flex:1;display:grid;gap:.6rem;min-height:0;align-content:stretch;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tiles.cols-1.svelte-e1i1xn{grid-template-columns:minmax(280px,720px);justify-content:center}.tiles.cols-2.svelte-e1i1xn{grid-template-columns:repeat(2,1fr)}.tiles.cols-3.svelte-e1i1xn{grid-template-columns:repeat(3,1fr)}.tiles.cols-4.svelte-e1i1xn{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.tiles.sidebar.svelte-e1i1xn{flex:0 0 220px;grid-template-columns:1fr;overflow-y:auto;align-content:start}.tile.svelte-e1i1xn{position:relative;background:#000;border-radius:14px;overflow:hidden;border:1px solid #1c2040;aspect-ratio:16 / 9;box-shadow:0 6px 24px #0000004d;transition:transform .15s ease,border-color .15s ease}.tile.svelte-e1i1xn:hover{border-color:#3a4280}.tile.svelte-e1i1xn video:where(.svelte-e1i1xn){width:100%;height:100%;object-fit:cover}.tile.local.svelte-e1i1xn video:where(.svelte-e1i1xn){transform:scaleX(-1)}.badge.svelte-e1i1xn{position:absolute;bottom:.6rem;left:.6rem;padding:.25rem .6rem;background:#141832d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d8dcf2;font-size:.7rem;border-radius:999px;border:1px solid rgba(58,66,128,.5);font-weight:500}.bar.svelte-1y71c66{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;background:linear-gradient(180deg,#0d1023,#11142a);border-top:1px solid #1c2040}.group.svelte-1y71c66{display:flex;align-items:center;gap:.6rem}.btn.svelte-1y71c66{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid #2a3060;background:#1a1f3d;color:#d8dcf2;cursor:pointer;transition:transform .1s ease,background .15s ease,border-color .15s ease,color .15s ease;font-size:.85rem;font-weight:500;position:relative}.btn.svelte-1y71c66:hover{background:#232a52;transform:translateY(-1px)}.btn.svelte-1y71c66:active{transform:translateY(0)}.btn.round.svelte-1y71c66{width:44px;height:44px;border-radius:50%;padding:0}.btn.round.svelte-1y71c66 svg:where(.svelte-1y71c66){width:20px;height:20px}.btn.pill.svelte-1y71c66{height:44px;border-radius:999px;padding:0 1.1rem}.btn.pill.svelte-1y71c66 svg:where(.svelte-1y71c66){width:18px;height:18px}.btn.off.svelte-1y71c66{background:#5b1a1a;border-color:#8b2020;color:#ffd0d0}.btn.off.svelte-1y71c66:hover{background:#6e2222}.btn.active.svelte-1y71c66{background:#163d2a;border-color:#2a8b54;color:#b6f5d0}.btn.active.svelte-1y71c66:hover{background:#1c5036}.btn.recording.svelte-1y71c66{background:#e7334b2e;border-color:#e7334b80;color:#ff6b80;animation:svelte-1y71c66-pulse 1.4s infinite}@keyframes svelte-1y71c66-pulse{0%,to{box-shadow:0 0 #e7334b66}50%{box-shadow:0 0 0 6px #e7334b00}}.btn.leave.svelte-1y71c66{background:#e7334b;border-color:#e7334b;color:#fff}.btn.leave.svelte-1y71c66:hover{background:#c92842;border-color:#c92842}.btn.chat.svelte-1y71c66 .dot:where(.svelte-1y71c66){position:absolute;top:-2px;right:-2px;background:#e7334b;color:#fff;border-radius:999px;font-size:.65rem;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;padding:0 4px;border:2px solid #11142a}.chat-panel.svelte-16k8mkw{width:320px;background:#0d1023;border-left:1px solid #1c2040;display:flex;flex-direction:column;height:100%;flex-shrink:0}.header.svelte-16k8mkw{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #1c2040;background:#11142a}.header.svelte-16k8mkw h3:where(.svelte-16k8mkw){margin:0;font-size:.95rem;color:#d8dcf2;font-weight:600}.close.svelte-16k8mkw{background:transparent;border:none;color:#9aa3c7;cursor:pointer;padding:.25rem;border-radius:6px;display:flex}.close.svelte-16k8mkw svg:where(.svelte-16k8mkw){width:18px;height:18px}.close.svelte-16k8mkw:hover{background:#1a1f3d;color:#d8dcf2}.messages.svelte-16k8mkw{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.65rem}.empty.svelte-16k8mkw{color:#5a6088;text-align:center;font-size:.85rem;padding:2rem 1rem;font-style:italic}.message.svelte-16k8mkw{display:flex;flex-direction:column;gap:.2rem;max-width:85%}.message.self.svelte-16k8mkw{align-self:flex-end;align-items:flex-end}.message.system.svelte-16k8mkw{align-self:center;max-width:100%}.meta.svelte-16k8mkw{display:flex;gap:.45rem;align-items:baseline;font-size:.7rem}.from.svelte-16k8mkw{color:#c178ff;font-weight:600}.self.svelte-16k8mkw .from:where(.svelte-16k8mkw){color:#7c8cff}.time.svelte-16k8mkw{color:#5a6088}.bubble.svelte-16k8mkw{padding:.55rem .85rem;background:#1a1f3d;border-radius:14px 14px 14px 4px;color:#d8dcf2;font-size:.86rem;line-height:1.4;word-break:break-word}.self.svelte-16k8mkw .bubble:where(.svelte-16k8mkw){background:linear-gradient(135deg,#7c8cff,#c178ff);color:#fff;border-radius:14px 14px 4px}.system.svelte-16k8mkw .bubble:where(.svelte-16k8mkw){background:transparent;color:#9aa3c7;font-size:.78rem;padding:.3rem .7rem;border:1px dashed #2a3060;border-radius:999px}.system.svelte-16k8mkw .bubble:where(.svelte-16k8mkw) a:where(.svelte-16k8mkw){color:#7c8cff;text-decoration:underline}.input-area.svelte-16k8mkw{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid #1c2040;background:#11142a}.input-area.svelte-16k8mkw input:where(.svelte-16k8mkw){flex:1;padding:.6rem .85rem;border-radius:999px;border:1px solid #2a3060;background:#1a1f3d;color:#d8dcf2;font-size:.85rem;outline:none;transition:border-color .15s ease}.input-area.svelte-16k8mkw input:where(.svelte-16k8mkw):focus{border-color:#7c8cff}.input-area.svelte-16k8mkw button:where(.svelte-16k8mkw){width:38px;height:38px;padding:0;border-radius:50%;border:none;background:linear-gradient(135deg,#7c8cff,#c178ff);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s ease}.input-area.svelte-16k8mkw button:where(.svelte-16k8mkw):disabled{opacity:.4;cursor:not-allowed}.input-area.svelte-16k8mkw button:where(.svelte-16k8mkw) svg:where(.svelte-16k8mkw){width:16px;height:16px}.room.svelte-vrg389{height:100vh;display:flex;flex-direction:column;background:#0b0e1a}.topbar.svelte-vrg389{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.25rem;background:linear-gradient(180deg,#11142a,#0d1023);border-bottom:1px solid #1c2040;color:#d8dcf2}.left.svelte-vrg389,.right.svelte-vrg389{display:flex;align-items:center;gap:.75rem}.logo.svelte-vrg389{font-weight:700;letter-spacing:.04em;background:linear-gradient(90deg,#7c8cff,#c178ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.05rem}.room-pill.svelte-vrg389{font-size:.75rem;color:#9aa3c7;padding:.2rem .55rem;border:1px solid #2a3060;border-radius:999px;font-family:ui-monospace,monospace}.rec-pill.svelte-vrg389{display:inline-flex;align-items:center;gap:.4rem;background:#e7334b1f;color:#ff6b80;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:700;border:1px solid rgba(231,51,75,.4)}.rec-dot.svelte-vrg389{width:7px;height:7px;border-radius:50%;background:#f35;animation:svelte-vrg389-blink 1.2s infinite}@keyframes svelte-vrg389-blink{0%,to{opacity:1}50%{opacity:.3}}.count.svelte-vrg389{color:#9aa3c7;font-size:.8rem}.ghost-btn.svelte-vrg389{background:transparent;border:1px solid #2a3060;color:#d8dcf2;padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-size:.8rem;transition:all .15s ease}.ghost-btn.svelte-vrg389:hover{background:#1a1f3d;border-color:#3a4280}.call-layout.svelte-vrg389{flex:1;display:flex;overflow:hidden;min-height:0}.main-area.svelte-vrg389{flex:1;display:flex;min-width:0}