.drill.svelte-1g3j7fm{display:flex;flex-direction:column;gap:var(--s-4)}.bar.svelte-1g3j7fm{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;padding:var(--s-3) var(--s-4);border-radius:var(--r-tile);border:.5px solid var(--glass-line);background:var(--glass-fill);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);box-shadow:var(--sh-1);position:sticky;top:calc(var(--header-h) + 8px);z-index:5}.quit.svelte-1g3j7fm{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--r-full);background:var(--bg-sunken);color:var(--wedge-deep);transition:background var(--t-base) var(--ease-ios),transform var(--t-base) var(--ease-ios)}.quit.svelte-1g3j7fm:hover{background:var(--aqua-soft)}.quit.svelte-1g3j7fm:active{transform:scale(.92)}.who.svelte-1g3j7fm{display:flex;flex-direction:column;line-height:1.2}.who.svelte-1g3j7fm strong:where(.svelte-1g3j7fm){font-family:var(--font-display);font-size:var(--fs-lg)}.who.svelte-1g3j7fm .jp:where(.svelte-1g3j7fm){font-size:var(--fs-2xs)}.stats.svelte-1g3j7fm{display:flex;gap:var(--s-3);flex-wrap:wrap}.stat.svelte-1g3j7fm{display:inline-flex;align-items:center;gap:5px;padding:.3em .6em;border-radius:var(--r-tab);background:var(--bg-tint);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-muted)}.stat.hot.svelte-1g3j7fm{color:var(--hanko)}.hint.svelte-1g3j7fm{font-size:var(--fs-sm);max-width:min(70ch,100%);padding-inline:var(--s-2)}.stage.svelte-1g3j7fm{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-5);align-items:end;padding:var(--s-6) var(--s-5) var(--s-5);border-radius:var(--r-xl);background:var(--glass-fill);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);border:.5px solid var(--glass-line);box-shadow:var(--sh-2);transition:box-shadow var(--t-slow) var(--ease-ios),border-color var(--t-base) var(--ease-ios)}.stage.flash-ok.svelte-1g3j7fm{box-shadow:var(--sh-2),0 0 0 3px color-mix(in srgb,var(--ok) 55%,transparent)}.stage.flash-bad.svelte-1g3j7fm{box-shadow:var(--sh-2),0 0 0 3px color-mix(in srgb,var(--bad) 60%,transparent);animation:zk-shake .42s var(--ease-in-out)}.content.svelte-1g3j7fm{min-width:0;position:relative;z-index:1}.stage.svelte-1g3j7fm .stage-deco{position:absolute;left:-14px;bottom:-18px;z-index:0}.buddy.svelte-1g3j7fm{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.say.svelte-1g3j7fm{padding:.4em .9em;border-radius:var(--r-md);background:var(--cello);color:var(--on-accent);font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);animation:zk-pop var(--t-base) var(--ease-ios)}.aside.svelte-1g3j7fm{max-width:190px;font-size:var(--fs-2xs);text-align:center;color:var(--ink-muted);background:var(--bg-sunken);border-radius:var(--r-md);padding:var(--s-2) var(--s-3)}@media (max-width: 860px){.stage.svelte-1g3j7fm{grid-template-columns:1fr}.buddy.svelte-1g3j7fm{flex-direction:row;justify-content:center}}.dials.svelte-1g3j7fm{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;background:var(--bg-sunken);border:0;border-radius:var(--r-sm);color:var(--ink-strong);cursor:pointer;font-size:.85rem}.dials.svelte-1g3j7fm:hover{border-color:var(--aqua-deep)}.dials.svelte-1g3j7fm .inf:where(.svelte-1g3j7fm){color:var(--wedge)}.clock.svelte-1g3j7fm{display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-3) var(--s-2)}.clock.svelte-1g3j7fm .meter:where(.svelte-1g3j7fm){flex:1}.clock.svelte-1g3j7fm span:where(.svelte-1g3j7fm){min-width:3.2rem;text-align:right;font-size:.85rem;font-weight:700;color:var(--ink-soft)}.clock.low.svelte-1g3j7fm i{background:var(--hanko)}.clock.low.svelte-1g3j7fm span:where(.svelte-1g3j7fm){color:var(--hanko)}.pad.svelte-184hgpb{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;max-height:46vh;padding:var(--s-3);background:var(--bg-tint);border:1.5px solid var(--surface-line);border-radius:var(--r-tile)}.pad--sm.svelte-184hgpb{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));max-height:34vh}.pad--lg.svelte-184hgpb{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}.table.svelte-184hgpb{display:flex;flex-direction:column;gap:6px;max-height:46vh;padding:var(--s-3);background:var(--bg-tint);border:1.5px solid var(--surface-line);border-radius:var(--r-tile)}.row.svelte-184hgpb{display:grid;grid-template-columns:2.4rem repeat(5,1fr);gap:6px;align-items:center}.rowlabel.svelte-184hgpb{font-size:.75rem;text-align:right;white-space:nowrap}.gap.svelte-184hgpb{aspect-ratio:1}.key.svelte-184hgpb{aspect-ratio:1;display:grid;place-items:center;font-size:1.5rem;background:var(--bg-raised);border:1.5px solid var(--surface-line);border-radius:var(--r-sm);box-shadow:0 var(--lift-play) 0 var(--surface-line);color:var(--ink-strong);cursor:pointer;transition:transform 90ms var(--ease-out),box-shadow 90ms var(--ease-out),background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.key.wide.svelte-184hgpb{font-size:1.02rem;letter-spacing:-.04em}.key.svelte-184hgpb:hover:not(:disabled){background:var(--aqua-soft);border-color:var(--aqua-deep)}.key.svelte-184hgpb:active:not(:disabled){transform:translateY(var(--lift-play)) scale(.98);box-shadow:0 0 0 var(--surface-line)}.key.svelte-184hgpb:disabled{cursor:default}.key.dim.svelte-184hgpb{opacity:.35}.key.ok.svelte-184hgpb{background:var(--ok-bg);border-color:var(--ok);box-shadow:0 var(--lift-play) 0 var(--ok);animation:zk-pop var(--t-base) var(--ease-ios)}.key.bad.svelte-184hgpb{background:var(--bad-bg);border-color:var(--bad);box-shadow:0 var(--lift-play) 0 var(--bad);animation:zk-shake .36s var(--ease-in-out)}@media (max-width: 720px){.pad.svelte-184hgpb{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));max-height:40vh}.table.svelte-184hgpb{max-height:42vh}.row.svelte-184hgpb{grid-template-columns:2rem repeat(5,1fr);gap:5px}.key.svelte-184hgpb{font-size:1.25rem}.key.wide.svelte-184hgpb{font-size:.85rem}}.prompt.svelte-1gyvarh{display:grid;justify-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.speaker.svelte-1gyvarh{position:relative;display:grid;place-items:center;width:84px;height:84px;border:0;border-radius:var(--r-lg);background:var(--cello);color:var(--mint);cursor:pointer;box-shadow:0 var(--lift-play) 0 var(--cello-ink);transition:transform .1s var(--ease-out),box-shadow .1s var(--ease-out)}.speaker.big.svelte-1gyvarh{width:118px;height:118px}.speaker.svelte-1gyvarh:active{transform:translateY(var(--lift-play)) scale(.98);box-shadow:0 var(--lift-play) 0 var(--cello-ink)}.ripple.svelte-1gyvarh{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:var(--r-xl);border:1.5px solid var(--aqua);opacity:.5;animation:zk-glow-ring 2.4s var(--ease-out) infinite;pointer-events:none}.ripple--2.svelte-1gyvarh{animation-delay:1.2s}.under.svelte-1gyvarh{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;justify-content:center}.again.svelte-1gyvarh{display:inline-flex;align-items:center;gap:5px;padding:.35em .8em;border:1.5px solid var(--surface-line);border-radius:var(--r-tab);background:var(--bg-raised);box-shadow:0 var(--lift-play) 0 var(--surface-line);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;color:var(--wedge-deep);cursor:pointer}.again.svelte-1gyvarh:active{transform:translateY(var(--lift-play)) scale(.98);box-shadow:none}.fallback.svelte-1gyvarh{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:var(--bad-bg);color:var(--bad);font-size:var(--fs-xs);font-weight:600}.fallback.svelte-1gyvarh strong:where(.svelte-1gyvarh){font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.05em}.prompt.svelte-1o8p1da{display:flex;align-items:center;justify-content:center;gap:var(--s-4);margin-bottom:var(--s-5);color:var(--aqua-deep)}.from.svelte-1o8p1da,.to.svelte-1o8p1da{display:grid;place-items:center;width:120px;height:120px;font-family:var(--font-jp);font-size:4rem;border-radius:var(--r-lg);border:1.5px solid var(--surface-line);background:var(--bg-raised);box-shadow:0 var(--lift-play) 0 var(--surface-line-strong);color:var(--ink-strong);animation:zk-pop var(--t-base) var(--ease-spring)}.to.svelte-1o8p1da{background:var(--bg-tint);color:var(--ink-muted);border-style:dashed}@media (max-width: 600px){.from.svelte-1o8p1da,.to.svelte-1o8p1da{width:92px;height:92px;font-size:3rem}}.slots.svelte-kaagp0{display:flex;justify-content:center;gap:var(--s-2);margin-bottom:var(--s-4);flex-wrap:wrap}.nudge.svelte-kaagp0{animation:zk-shake .32s var(--ease-in-out)}.slot.svelte-kaagp0{display:grid;place-items:center;width:64px;height:70px;font-family:var(--font-jp);font-size:2.2rem;border-radius:var(--r-md);border:3px dashed var(--surface-line);background:var(--bg-tint);color:var(--ink-strong)}.slot.filled.svelte-kaagp0{border-style:solid;border-color:var(--wedge);background:var(--bg-raised);box-shadow:0 var(--lift-play) 0 var(--wedge-soft);animation:zk-pop var(--t-base) var(--ease-spring)}.solved.svelte-kaagp0 .slot:where(.svelte-kaagp0){border-color:var(--ok);background:var(--ok-bg);box-shadow:0 var(--lift-play) 0 var(--ok)}.reveal.svelte-kaagp0{display:flex;justify-content:center;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-4);font-size:var(--fs-sm);color:var(--ink-muted)}.reveal.svelte-kaagp0 strong:where(.svelte-kaagp0){font-family:var(--font-jp);font-size:var(--fs-xl);color:var(--ink-strong)}.tools.svelte-kaagp0{display:flex;justify-content:center;gap:var(--s-2);margin-bottom:var(--s-4)}@media (max-width: 620px){.slot.svelte-kaagp0{width:48px;height:54px;font-size:1.6rem}}.prompt.svelte-1ih1ofb{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);margin-bottom:var(--s-4)}.en.svelte-1ih1ofb{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--ink-strong);text-align:center}.kanji.svelte-1ih1ofb{font-family:var(--font-jp);font-size:var(--fs-lg);color:var(--ink-muted)}.slots.svelte-1ih1ofb{display:flex;justify-content:center;gap:var(--s-2);margin-bottom:var(--s-4);flex-wrap:wrap}.nudge.svelte-1ih1ofb{animation:zk-shake .32s var(--ease-in-out)}.slot.svelte-1ih1ofb{display:grid;place-items:center;width:62px;height:68px;font-family:var(--font-jp);font-size:2.1rem;border-radius:var(--r-md);border:3px dashed var(--surface-line);background:var(--bg-tint);color:var(--ink-strong)}.slot.filled.svelte-1ih1ofb{border-style:solid;border-color:var(--wedge);background:var(--bg-raised);box-shadow:0 var(--lift-play) 0 var(--wedge-soft);animation:zk-pop var(--t-base) var(--ease-spring)}.solved.svelte-1ih1ofb .slot:where(.svelte-1ih1ofb){border-color:var(--ok);background:var(--ok-bg);box-shadow:0 var(--lift-play) 0 var(--ok)}.tools.svelte-1ih1ofb{display:flex;justify-content:center;gap:var(--s-2);margin-bottom:var(--s-4)}@media (max-width: 620px){.slot.svelte-1ih1ofb{width:46px;height:52px;font-size:1.6rem}}.wrap.svelte-po4i2s{position:relative;display:flex;align-items:center}.field.svelte-po4i2s{padding-right:3.4rem}.go.svelte-po4i2s{position:absolute;right:8px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--cello);color:var(--mint);cursor:pointer;transition:transform var(--t-fast) var(--ease-spring)}.go.svelte-po4i2s:hover{transform:scale(1.08)}.go.svelte-po4i2s:disabled{opacity:.4}.prompt.svelte-1f382ar{display:grid;justify-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.word.svelte-1f382ar{font-family:var(--font-jp);font-size:clamp(2.8rem,9vw,4.6rem);line-height:1.1;letter-spacing:.06em;color:var(--ink-strong);animation:zk-pop var(--t-base) var(--ease-spring)}.reveal.svelte-1f382ar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);border-radius:var(--r-md);background:var(--bad-bg);font-size:var(--fs-sm)}.reveal.ok.svelte-1f382ar{background:var(--ok-bg)}.reveal.svelte-1f382ar strong:where(.svelte-1f382ar){font-family:var(--font-display);font-size:var(--fs-md)}.hear.svelte-1f382ar{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--wedge-deep);font-weight:700;font-size:var(--fs-xs);cursor:pointer}.prompt.svelte-ih7n0o{display:grid;justify-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.family.svelte-ih7n0o{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:center}.fg.svelte-ih7n0o{display:grid;place-items:center;width:58px;height:58px;font-family:var(--font-jp);font-size:1.9rem;border-radius:var(--r-sm);background:var(--bg-tint);border:1.5px solid var(--surface-line);color:var(--ink-muted)}.note.svelte-ih7n0o{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--ink-muted)}.ask.svelte-ih7n0o{display:flex;align-items:center;gap:var(--s-4);color:var(--aqua-deep)}.from.svelte-ih7n0o,.to.svelte-ih7n0o{display:grid;place-items:center;width:108px;height:108px;font-family:var(--font-jp);font-size:3.6rem;border-radius:var(--r-lg);border:1.5px solid var(--surface-line);background:var(--bg-raised);box-shadow:0 var(--lift-play) 0 var(--surface-line-strong);color:var(--ink-strong)}.to.svelte-ih7n0o{background:var(--bg-tint);color:var(--ink-muted);border-style:dashed}blockquote.svelte-1b7t1oe{display:flex;gap:var(--s-3);align-items:flex-start;margin:0 auto var(--s-5);max-width:min(48ch,100%);padding:var(--s-4) var(--s-5);background:var(--bg-tint);border:1.5px solid var(--surface-line);border-left:8px solid var(--aqua);border-radius:var(--r-md);color:var(--ink)}blockquote.svelte-1b7t1oe strong:where(.svelte-1b7t1oe){font-family:var(--font-display);font-size:var(--fs-2xl);line-height:1.15}blockquote.svelte-1b7t1oe p:where(.svelte-1b7t1oe){font-size:var(--fs-sm);color:var(--ink-muted)}.empty.svelte-1b7t1oe{display:grid;gap:var(--s-3);justify-items:flex-start}.timer.svelte-1fpsrau{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-4);color:var(--wedge-deep);font-family:var(--font-display);font-size:var(--fs-lg)}.timer.low.svelte-1fpsrau{color:var(--bad)}.bar.svelte-1fpsrau{flex:1;height:10px;border-radius:var(--r-full);background:var(--surface-line);overflow:hidden}.bar.svelte-1fpsrau i:where(.svelte-1fpsrau){display:block;height:100%;background:currentColor;transition:width 1s linear}.result.svelte-1fpsrau{display:grid;justify-items:flex-start;gap:var(--s-3)}.record.svelte-1fpsrau{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--ink-muted)}.modes.svelte-j4atg3{display:flex;justify-content:center;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-4)}.sep.svelte-j4atg3{width:2px;height:24px;background:var(--surface-line)}.prompt.svelte-j4atg3{display:grid;justify-items:center;gap:var(--s-2);margin-bottom:var(--s-4)}.kanji.svelte-j4atg3{font-family:var(--font-jp);font-size:clamp(4rem,14vw,6.5rem);line-height:1;border:0;background:none;color:var(--ink-strong);cursor:pointer;animation:zk-pop var(--t-base) var(--ease-spring)}.reveal.svelte-j4atg3{display:flex;justify-content:center;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-3);padding:var(--s-2) var(--s-4);border-radius:var(--r-md);background:var(--bad-bg);font-size:var(--fs-sm)}.reveal.ok.svelte-j4atg3{background:var(--ok-bg)}.reveal.svelte-j4atg3 strong:where(.svelte-j4atg3){font-family:var(--font-display);font-size:var(--fs-md)}.slots.svelte-j4atg3{display:flex;justify-content:center;gap:var(--s-2);margin-bottom:var(--s-3)}.nudge.svelte-j4atg3{animation:zk-shake .32s var(--ease-in-out)}.slot.svelte-j4atg3{display:grid;place-items:center;width:58px;height:64px;font-family:var(--font-jp);font-size:2rem;border-radius:var(--r-md);border:3px dashed var(--surface-line);background:var(--bg-tint)}.slot.filled.svelte-j4atg3{border-style:solid;border-color:var(--wedge);background:var(--bg-raised);box-shadow:0 var(--lift-play) 0 var(--wedge-soft)}.solved.svelte-j4atg3 .slot:where(.svelte-j4atg3){border-color:var(--ok);background:var(--ok-bg)}.tools.svelte-j4atg3{display:flex;justify-content:center;margin-bottom:var(--s-3)}.ex.svelte-j4atg3{list-style:none;margin:var(--s-4) 0 0;padding:0;display:grid;gap:4px;font-size:var(--fs-sm)}.ex.svelte-j4atg3 li:where(.svelte-j4atg3){display:flex;gap:var(--s-3);justify-content:center;flex-wrap:wrap}