.louder-root.svelte-kmqcod{position:relative;min-height:100dvh;height:var(--viewport-h, 100dvh);max-height:var(--viewport-h, 100dvh);background:var(--bg);color:var(--ink);font-family:Geist,Inter,system-ui,sans-serif;display:flex;flex-direction:column;overflow:hidden}.ambient.svelte-kmqcod{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,var(--glow) 0%,transparent 52%);opacity:.55;z-index:1}.topbar.svelte-kmqcod{position:relative;z-index:2;display:flex;align-items:center;padding:16px 32px;flex-shrink:0;border-bottom:1px solid var(--line)}.wordmark.svelte-kmqcod{--wordmark-size: 26px;display:inline-flex;align-items:center;gap:calc(var(--wordmark-size) * .24);font-weight:600;font-size:var(--wordmark-size);line-height:1;letter-spacing:-.045em;color:var(--ink)}.wordmark-glyph.svelte-kmqcod{width:calc(var(--wordmark-size) * 1.05);height:calc(var(--wordmark-size) * 1.05);display:block}.wordmark-text.svelte-kmqcod{position:relative;display:inline-block}.wordmark-dot.svelte-kmqcod{position:absolute;width:calc(var(--wordmark-size) * .14);height:calc(var(--wordmark-size) * .14);border-radius:50%;background:var(--primary);right:calc(var(--wordmark-size) * -.18);bottom:calc(var(--wordmark-size) * .04)}@media(max-width:720px){.topbar.svelte-kmqcod{padding:14px 20px}}.phone-wrap.svelte-kmqcod{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 20px 20px;position:relative;z-index:2}.phone.svelte-kmqcod{--chrome: 132px;--h: min(760px, calc(var(--viewport-h, 100dvh) - var(--chrome)));position:relative;height:var(--h);width:calc(var(--h) * (9 / 19.5));max-width:100%;border-radius:calc(var(--h) * .07);padding:calc(var(--h) * .012);background:#0a0a09;box-shadow:0 60px 120px -24px #0009,inset 0 0 0 1px #ffffff0d;overflow:hidden}.phone-island.svelte-kmqcod{position:absolute;top:calc(var(--h) * .017);left:50%;transform:translate(-50%);width:calc(var(--h) * .165);height:calc(var(--h) * .048);background:#000;border-radius:calc(var(--h) * .024);z-index:30}.phone-screen.svelte-kmqcod{width:100%;height:100%;border-radius:calc(var(--h) * .055);overflow:hidden;background:#000;position:relative;display:flex;flex-direction:column;font-family:-apple-system,SF Pro,system-ui;color:#fff}.louder-root.keyboard-open.svelte-kmqcod .footer:where(.svelte-kmqcod){display:none}.louder-root.keyboard-open.svelte-kmqcod .topbar:where(.svelte-kmqcod){padding-top:10px;padding-bottom:10px}.louder-root.keyboard-open.svelte-kmqcod .phone:where(.svelte-kmqcod){--chrome: 72px}.ig-header.svelte-kmqcod{padding:44px 12px 10px;display:flex;align-items:center;gap:10px;border-bottom:.5px solid rgba(255,255,255,.08);background:#000;flex-shrink:0;color:#fff}.ig-avatar.svelte-kmqcod{width:28px;height:28px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center}.ig-name.svelte-kmqcod{flex:1;min-width:0}.ig-handle.svelte-kmqcod{font-size:12px;color:#fff;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:4px}.ig-active.svelte-kmqcod{font-size:10px;color:#ffffff80;letter-spacing:-.01em}.ig-glyph.svelte-kmqcod{color:#fff;opacity:.95}.thread.svelte-kmqcod{flex:1;overflow:auto;padding:6px 0 10px;display:flex;flex-direction:column;gap:3px;scroll-behavior:smooth}.day-separator.svelte-kmqcod{text-align:center;padding:4px 0 8px;font-size:10px;color:#fff6;letter-spacing:.02em}.them.svelte-kmqcod,.me.svelte-kmqcod{display:flex;padding:0 10px}.them.svelte-kmqcod{justify-content:flex-start}.me.svelte-kmqcod{justify-content:flex-end}.them.svelte-kmqcod .bubble:where(.svelte-kmqcod),.me.svelte-kmqcod .bubble:where(.svelte-kmqcod){max-width:82%;padding:7px 12px;font-size:13px;letter-spacing:-.01em;line-height:1.4;border-radius:6px;color:#fff}.them.svelte-kmqcod .bubble:where(.svelte-kmqcod){background:#262626;border-top-right-radius:18px;border-bottom-right-radius:18px}.me.svelte-kmqcod .bubble:where(.svelte-kmqcod){background:#3797f0;border-top-left-radius:18px;border-bottom-left-radius:18px}.them.first.svelte-kmqcod .bubble:where(.svelte-kmqcod){border-top-left-radius:18px}.them.last.svelte-kmqcod .bubble:where(.svelte-kmqcod){border-bottom-left-radius:18px}.me.first.svelte-kmqcod .bubble:where(.svelte-kmqcod){border-top-right-radius:18px}.me.last.svelte-kmqcod .bubble:where(.svelte-kmqcod){border-bottom-right-radius:18px}.inline-link.svelte-kmqcod{appearance:none;background:transparent;border:none;padding:0;margin:0;color:#3797f0;font:inherit;letter-spacing:inherit;cursor:pointer}.inline-link.svelte-kmqcod:hover:not(:disabled){color:#6bb4f7}.inline-link.svelte-kmqcod:disabled{opacity:.5;cursor:default}.inline-link.stale.svelte-kmqcod{opacity:.55;cursor:default}.bullets.svelte-kmqcod{letter-spacing:.15em}.spacer-4.svelte-kmqcod{height:4px}.spacer-6.svelte-kmqcod{height:6px}.bubble.typing.svelte-kmqcod{display:inline-flex;gap:4px;align-items:center;padding:10px 14px}.bubble.typing.svelte-kmqcod span:where(.svelte-kmqcod){width:6px;height:6px;border-radius:50%;background:#9a9a9a;animation:svelte-kmqcod-auth-typing 1.2s infinite}.bubble.typing.svelte-kmqcod span:where(.svelte-kmqcod):nth-child(2){animation-delay:.15s}.bubble.typing.svelte-kmqcod span:where(.svelte-kmqcod):nth-child(3){animation-delay:.3s}.broadcast.svelte-kmqcod{display:flex;flex-direction:column;align-items:center;padding:14px 0 10px;gap:10px}.bc-core.svelte-kmqcod{position:relative;width:54px;height:54px;display:flex;align-items:center;justify-content:center}.bc-ring.svelte-kmqcod{position:absolute;width:54px;height:54px;border-radius:50%;border:1.5px solid var(--primary);animation:svelte-kmqcod-auth-broadcast 2s ease-out infinite}.bc-ring.delay.svelte-kmqcod{animation-delay:.6s}.bc-disc.svelte-kmqcod{width:34px;height:34px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;animation:svelte-kmqcod-auth-breathe 2s ease-in-out infinite;box-shadow:0 0 18px var(--glow)}.bc-label.svelte-kmqcod{font-size:11px;color:#ffffff8c;font-family:"Instrument Serif",serif;font-style:italic;letter-spacing:-.005em}.composer.svelte-kmqcod{padding:8px 20px 12px 10px;border-top:.5px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:8px;background:#000;flex-shrink:0}.camera-pill.svelte-kmqcod{width:30px;height:30px;border-radius:50%;background:#3797f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.input-pill.svelte-kmqcod{flex:1;min-width:0;margin:0;height:34px;border-radius:999px;background:#1c1c1e;padding:0 14px;display:flex;align-items:center;border:1px solid transparent;transition:border-color .15s}.input-pill.active.svelte-kmqcod{border-color:#ffffff29}.input-pill.svelte-kmqcod .prefix:where(.svelte-kmqcod){color:#ffffff8c;font-size:13px;margin-right:1px}.input-pill.svelte-kmqcod input:where(.svelte-kmqcod){flex:1;border:none;background:transparent;color:#fff;font-size:13px;outline:none;letter-spacing:-.01em;min-width:0;font-family:inherit}.input-pill.svelte-kmqcod .placeholder:where(.svelte-kmqcod){flex:1;color:#fff6;font-size:13px}.input-pill.svelte-kmqcod input:where(.svelte-kmqcod)::placeholder{color:#fff6}.send-btn.svelte-kmqcod{border:none;background:transparent;color:#3797f0;font-size:13px;font-weight:600;cursor:pointer;padding:0 2px;font-family:inherit;flex-shrink:0;margin-left:6px;margin-right:2px}.heart.svelte-kmqcod{color:#fff6;font-size:14px;flex-shrink:0}.sending-dots.svelte-kmqcod{display:inline-flex;gap:3px;align-items:center;flex-shrink:0;margin-left:6px;margin-right:2px}.sending-dots.svelte-kmqcod span:where(.svelte-kmqcod){width:4px;height:4px;border-radius:50%;background:var(--primary);box-shadow:0 0 6px var(--glow);animation:svelte-kmqcod-auth-typing 1.2s infinite}.sending-dots.svelte-kmqcod span:where(.svelte-kmqcod):nth-child(2){animation-delay:.15s}.sending-dots.svelte-kmqcod span:where(.svelte-kmqcod):nth-child(3){animation-delay:.3s}.footer.svelte-kmqcod{padding:14px 28px 20px;display:flex;align-items:center;gap:14px;font-size:11px;color:var(--mute);letter-spacing:-.01em;position:relative;z-index:2;flex-shrink:0}.footer.svelte-kmqcod a:where(.svelte-kmqcod){color:inherit;text-decoration:underline}@media(prefers-reduced-motion:reduce){.bc-ring.svelte-kmqcod{display:none}.bc-disc.svelte-kmqcod{animation:none}.bubble.typing.svelte-kmqcod span:where(.svelte-kmqcod){animation:none}}@keyframes svelte-kmqcod-auth-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes svelte-kmqcod-auth-broadcast{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.5);opacity:0}}@keyframes svelte-kmqcod-auth-typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.connect-actions.svelte-kmqcod{margin:10px 12px 4px;display:flex;gap:8px;justify-content:flex-end}.cta-primary.svelte-kmqcod{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:var(--primary);color:var(--primaryInk, #0b0b0a);font-size:12px;font-weight:600;text-decoration:none;box-shadow:0 8px 18px -6px var(--glow)}.cta-ghost.svelte-kmqcod{appearance:none;padding:8px 12px;border-radius:999px;background:transparent;color:#ffffffa6;font-size:12px;font-family:inherit;border:1px solid rgba(255,255,255,.18);cursor:pointer}.cta-ghost.svelte-kmqcod:hover{color:#fff;border-color:#ffffff52}@media(max-width:600px){.phone-wrap.svelte-kmqcod{padding:0;align-items:stretch}.phone.svelte-kmqcod{--h: var(--viewport-h, 100dvh);width:100%;max-width:none;height:100%;border-radius:0;padding:0;box-shadow:none}.phone-island.svelte-kmqcod{display:none}.phone-screen.svelte-kmqcod{border-radius:0}.ig-header.svelte-kmqcod{padding-top:12px}.ig-handle.svelte-kmqcod{font-size:14px}.ig-active.svelte-kmqcod{font-size:11px}.them.svelte-kmqcod .bubble:where(.svelte-kmqcod),.me.svelte-kmqcod .bubble:where(.svelte-kmqcod){font-size:15px}.bc-label.svelte-kmqcod{font-size:13px}.input-pill.svelte-kmqcod{height:44px}.input-pill.svelte-kmqcod .prefix:where(.svelte-kmqcod),.input-pill.svelte-kmqcod .placeholder:where(.svelte-kmqcod),.input-pill.svelte-kmqcod input:where(.svelte-kmqcod),.input-pill.svelte-kmqcod input:where(.svelte-kmqcod)::placeholder{font-size:16px}.input-pill.svelte-kmqcod .prefix:where(.svelte-kmqcod){color:#fff9}.input-pill.svelte-kmqcod .placeholder:where(.svelte-kmqcod),.input-pill.svelte-kmqcod input:where(.svelte-kmqcod)::placeholder{color:#fff9}.send-btn.svelte-kmqcod{font-size:16px;padding:6px 4px}.camera-pill.svelte-kmqcod{width:34px;height:34px}}
