.cards.svelte-12wwvf{grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.slot.svelte-12wwvf{perspective:1000px;position:relative}.card.svelte-12wwvf{aspect-ratio:5/6;inline-size:100%;font:inherit;color:var(--ink);border-radius:var(--radius);cursor:pointer;transform-style:preserve-3d;background:0 0;border:0;padding:0;transition:transform .45s cubic-bezier(.3,1.4,.5,1);display:block;position:relative}.flipped.svelte-12wwvf .card:where(.svelte-12wwvf){transform:rotateY(180deg)}.card.svelte-12wwvf:focus-visible{outline:4px solid var(--blue);outline-offset:4px}.face.svelte-12wwvf{border:3px solid var(--ink);border-radius:var(--radius);box-shadow:5px 5px 0 var(--ink);backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:flex;position:absolute;inset:0}.front.svelte-12wwvf{background:var(--blue-soft)}.back.svelte-12wwvf{background:var(--yellow-soft);transform:rotateY(180deg)}.english-first.svelte-12wwvf .front:where(.svelte-12wwvf){background:var(--yellow-soft)}.english-first.svelte-12wwvf .back:where(.svelte-12wwvf){background:var(--blue-soft)}.card.svelte-12wwvf:hover .face:where(.svelte-12wwvf){box-shadow:7px 7px 0 var(--ink)}.card.svelte-12wwvf:active .face:where(.svelte-12wwvf){box-shadow:2px 2px 0 var(--ink)}.emoji.svelte-12wwvf{font-size:clamp(2.6rem,8vw,3.6rem);line-height:1}.word.svelte-12wwvf{text-align:center;overflow-wrap:anywhere;font-size:clamp(1.15rem,3.2vw,1.5rem);font-weight:900;line-height:1.15}.speak.svelte-12wwvf{border:3px solid var(--ink);block-size:3rem;inline-size:3rem;box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:1.3rem;display:grid;position:absolute;inset-block-start:-.6rem;inset-inline-end:-.6rem}.speak.svelte-12wwvf:hover{background:var(--yellow)}.speak.svelte-12wwvf:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.ipa.svelte-12wwvf{color:var(--ink-soft);overflow-wrap:anywhere;font-family:Charis SIL,Doulos SIL,Gentium Plus,Segoe UI,Noto Sans,sans-serif;font-size:.95rem;font-weight:500}.play.svelte-xfhvjg{margin-block-end:3rem}.toolbar.svelte-xfhvjg{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-block-end:1.25rem;display:flex}.hint.svelte-xfhvjg{color:var(--ink-soft);font-weight:600}.switch.svelte-xfhvjg{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;min-block-size:3rem;font-weight:800;display:inline-flex}.switch.svelte-xfhvjg input:where(.svelte-xfhvjg){opacity:0;block-size:1px;inline-size:1px;position:absolute}.track.svelte-xfhvjg{border:3px solid var(--ink);background:#fff;border-radius:999px;block-size:2rem;inline-size:3.4rem;transition:background .15s;position:relative}.knob.svelte-xfhvjg{background:var(--ink);border-radius:50%;block-size:1.3rem;inline-size:1.3rem;transition:transform .15s;position:absolute;inset-block-start:.15rem;inset-inline-start:.15rem}.switch.svelte-xfhvjg input:where(.svelte-xfhvjg):checked+.track:where(.svelte-xfhvjg){background:var(--yellow)}.switch.svelte-xfhvjg input:where(.svelte-xfhvjg):checked+.track:where(.svelte-xfhvjg) .knob:where(.svelte-xfhvjg){transform:translate(1.4rem)}.switch.svelte-xfhvjg input:where(.svelte-xfhvjg):focus-visible+.track:where(.svelte-xfhvjg){outline:4px solid var(--blue);outline-offset:3px}