.bubble.svelte-1ykiih2{inline-size:var(--bubble-size);aspect-ratio:1;background:#c8e4fa;border:2px solid #4d282f;border-radius:50%;display:block;position:absolute}.bubble.svelte-1ykiih2:after{content:"";background:#fff;border-radius:50%;block-size:32%;inline-size:32%;position:absolute;top:16%;left:18%}.frame.svelte-arfcus{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);block-size:26rem;position:relative}.thread.svelte-arfcus{gap:var(--space-2);block-size:100%;padding:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.play.svelte-arfcus{cursor:pointer;background:0 0;border:none;place-items:center;display:grid;position:absolute;inset:0}.play.svelte-arfcus:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.disc.svelte-arfcus{border-radius:var(--radius-full);background:var(--accent);block-size:4.5rem;inline-size:4.5rem;color:var(--accent-ink);box-shadow:0 0 0 var(--space-2) color-mix(in srgb, var(--accent) 20%, transparent);place-items:center;transition:background-color .12s,box-shadow .12s;display:grid}.play.svelte-arfcus:hover .disc:where(.svelte-arfcus){background:var(--accent-hover);box-shadow:0 0 0 var(--space-3) color-mix(in srgb, var(--accent) 25%, transparent)}.disc.svelte-arfcus svg:where(.svelte-arfcus){block-size:1.5rem;inline-size:1.5rem;margin-inline-start:.25rem}.landing.svelte-1uha8ag{--landing-max:64rem;align-items:center;gap:var(--space-14);padding:var(--space-12) 0 var(--space-14);flex-direction:column;display:flex}.hero.svelte-1uha8ag{grid-template-columns:minmax(0, var(--panel-max));justify-content:center;align-items:center;gap:var(--space-8);inline-size:100%;max-inline-size:var(--landing-max);padding-block:var(--space-8);display:grid}.hero.svelte-1uha8ag .card{gap:var(--space-6)}.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:1.375rem}.create-form.svelte-1uha8ag{gap:var(--space-4)}.language.svelte-1uha8ag{gap:var(--space-2)}.hint.svelte-1uha8ag{color:var(--muted);font-size:.8125rem;line-height:1.5}.create-form.svelte-1uha8ag>button{margin-block-start:var(--space-2)}.mascot-wrap.svelte-1uha8ag{justify-self:center;font-size:clamp(10rem,24vw,13rem);position:relative}.mascot.svelte-1uha8ag{inline-size:1em;display:block}.mascot-wrap.svelte-1uha8ag .bubble-pop.big{top:-.058em;right:.019em}.mascot-wrap.svelte-1uha8ag .bubble-pop.small{top:-.173em;right:.212em}.explain.svelte-1uha8ag{inline-size:100%;max-inline-size:var(--landing-max);gap:var(--space-14)}.explain.svelte-1uha8ag>section:where(.svelte-1uha8ag){gap:var(--space-6)}.explain.svelte-1uha8ag h2:where(.svelte-1uha8ag){letter-spacing:-.02em;font-size:1.375rem}.explain.svelte-1uha8ag p:where(.svelte-1uha8ag){max-inline-size:65ch;color:var(--ink-soft);line-height:1.6}.steps.svelte-1uha8ag{gap:var(--space-6);display:grid}.step.svelte-1uha8ag{gap:var(--space-3)}.step-head.svelte-1uha8ag{align-items:center;gap:var(--space-3);display:flex}.number.svelte-1uha8ag{border-radius:var(--radius-full);background:var(--accent);block-size:2rem;inline-size:2rem;color:var(--accent-ink);flex:none;place-items:center;font-size:.875rem;font-weight:600;display:grid}.step.svelte-1uha8ag h3:where(.svelte-1uha8ag),.faq-item.svelte-1uha8ag h3:where(.svelte-1uha8ag){letter-spacing:normal;font-size:1rem}.step.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--muted);font-size:.9375rem;line-height:1.55}.demo.svelte-1uha8ag{gap:var(--space-6)}.tabs.svelte-1uha8ag{gap:var(--space-2);flex-wrap:wrap;display:flex}.faq-item.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--muted);font-size:.9375rem;line-height:1.55}.tab.svelte-1uha8ag{padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--muted);cursor:pointer;align-items:center;display:inline-flex}.tab.svelte-1uha8ag input:where(.svelte-1uha8ag){opacity:0;position:absolute}.tab.active.svelte-1uha8ag{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.tab.svelte-1uha8ag:has(input:where(.svelte-1uha8ag):focus-visible){outline:2px solid var(--accent);outline-offset:2px}.faq.svelte-1uha8ag{gap:var(--space-8);display:grid}.faq-item.svelte-1uha8ag{gap:var(--space-4)}@media (width>=48rem){.hero.svelte-1uha8ag{grid-template-columns:auto minmax(0, var(--panel-max));gap:var(--space-12)}.steps.svelte-1uha8ag{grid-template-columns:repeat(3,minmax(0,1fr))}.faq.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr))}}
