.demo[data-astro-cid-i3sn7bhf]{--depth:4px;border:2px solid var(--app-edge);background:var(--app-bg);box-shadow:var(--shadow-card);color:var(--app-ink);font-family:var(--font-ui);user-select:none;transition:opacity var(--duration-slow) var(--ease-out);border-radius:1.5rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.demo[data-astro-cid-i3sn7bhf].rewind{opacity:0}.top[data-astro-cid-i3sn7bhf]{align-items:center;gap:1rem;padding:1.25rem 1.5rem .5rem;display:flex}.close[data-astro-cid-i3sn7bhf]{width:1.4rem;color:var(--app-edge-strong);flex-shrink:0}.progress[data-astro-cid-i3sn7bhf]{border-radius:var(--radius-pill);background:var(--app-locked);flex:1;height:1rem;overflow:hidden}.progress[data-astro-cid-i3sn7bhf]>span[data-astro-cid-i3sn7bhf]{border-radius:inherit;background:var(--app-correct);height:100%;box-shadow:inset 0 -.2rem 0 color-mix(in oklch, var(--app-correct-shade) 55%, transparent);transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.stage[data-astro-cid-i3sn7bhf],.bar[data-astro-cid-i3sn7bhf]{display:grid}.stage[data-astro-cid-i3sn7bhf]>[data-astro-cid-i3sn7bhf],.bar[data-astro-cid-i3sn7bhf]>[data-astro-cid-i3sn7bhf]{grid-area:1/1}.stage[data-astro-cid-i3sn7bhf]{flex:1;padding:1rem 1.5rem 1.5rem}.screen[data-astro-cid-i3sn7bhf]{opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out), visibility .3s;transform:translate(2.5rem)}.demo[data-astro-cid-i3sn7bhf][data-at=choice] [data-astro-cid-i3sn7bhf][data-screen=choice],.demo[data-astro-cid-i3sn7bhf][data-at=tiles] [data-astro-cid-i3sn7bhf][data-screen=tiles],.demo[data-astro-cid-i3sn7bhf][data-at=recall] [data-astro-cid-i3sn7bhf][data-screen=recall],.demo[data-astro-cid-i3sn7bhf][data-at=done] [data-astro-cid-i3sn7bhf][data-screen=done]{opacity:1;visibility:visible;transform:none}.title[data-astro-cid-i3sn7bhf]{font-size:1.35rem;font-weight:800;line-height:1.2}.prompt[data-astro-cid-i3sn7bhf]{color:var(--app-muted);margin-top:.9rem;font-size:1.1rem}.roman[data-astro-cid-i3sn7bhf]{font-size:1.6rem;font-weight:700;line-height:1.2;display:block}.dev[data-astro-cid-i3sn7bhf]{font-family:var(--font-devanagari);color:var(--app-muted);font-size:1.05rem;display:block}.press[data-astro-cid-i3sn7bhf]{--fill:var(--app-surface);--shade:var(--app-edge-strong);--ink:var(--app-ink);min-height:3rem;margin-bottom:var(--depth);border:2px solid var(--shade);background:var(--fill);box-shadow:0 var(--depth) 0 var(--shade);color:var(--ink);letter-spacing:.02em;border-radius:1rem;justify-content:center;align-items:center;padding:.7rem 1.15rem;font-weight:700;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background-color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out;display:inline-flex}.press[data-astro-cid-i3sn7bhf].block{width:100%}.press[data-astro-cid-i3sn7bhf][data-pressed]{transform:translateY(var(--depth));box-shadow:0 0 0 var(--shade)}.press[data-astro-cid-i3sn7bhf][data-tone=accent]{--fill:var(--app-brand);--shade:var(--app-brand-shade);--ink:var(--app-surface)}.press[data-astro-cid-i3sn7bhf][data-tone=correct]{--fill:var(--app-correct);--shade:var(--app-correct-shade);--ink:var(--app-surface)}.press[data-astro-cid-i3sn7bhf][data-tone=partial]{--fill:var(--app-partial);--shade:var(--app-partial-shade);--ink:var(--app-surface);background-image:repeating-linear-gradient(135deg,oklch(100% 0 0/.22) 0 6px,#0000 6px 12px)}.press[data-astro-cid-i3sn7bhf][data-selected]{--fill:var(--app-brand-soft);--shade:var(--app-brand);--ink:var(--app-brand-ink)}.press[data-astro-cid-i3sn7bhf][data-disabled]{--fill:var(--app-locked);--shade:var(--app-locked);--ink:var(--app-muted)}.word[data-astro-cid-i3sn7bhf]{align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.speaker[data-astro-cid-i3sn7bhf]{background:var(--app-brand);width:3.4rem;height:3.4rem;box-shadow:0 var(--depth) 0 var(--app-brand-shade);color:var(--app-surface);border-radius:1rem;flex-shrink:0;place-items:center;display:grid}.speaker[data-astro-cid-i3sn7bhf] svg[data-astro-cid-i3sn7bhf]{width:1.7rem}.speaker[data-astro-cid-i3sn7bhf].speaking svg[data-astro-cid-i3sn7bhf]{animation:.35s ease-in-out 4 alternate speak}.options[data-astro-cid-i3sn7bhf]{gap:.6rem;margin-top:1.6rem;display:grid}.line[data-astro-cid-i3sn7bhf],.bank[data-astro-cid-i3sn7bhf]{flex-wrap:wrap;align-content:flex-start;gap:.55rem;display:flex}.line[data-astro-cid-i3sn7bhf]{border-bottom:2px solid var(--app-edge);min-height:3.9rem;margin-top:1.2rem;padding-bottom:.4rem}.bank[data-astro-cid-i3sn7bhf]{justify-content:center;min-height:7.6rem;margin-top:1.4rem}.tile[data-astro-cid-i3sn7bhf]{min-height:2.75rem;padding:.5rem .9rem}.line[data-astro-cid-i3sn7bhf].right .tile[data-astro-cid-i3sn7bhf]{animation:hop .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 70ms)}.built[data-astro-cid-i3sn7bhf]{height:1.9rem;color:var(--app-correct-ink);clip-path:inset(0 100% 0 0);margin-top:.6rem;font-size:1.25rem}.built[data-astro-cid-i3sn7bhf].shown{clip-path:inset(0);transition:clip-path .8s var(--ease-out)}.answer[data-astro-cid-i3sn7bhf]{margin-top:1.4rem;display:grid}.answer[data-astro-cid-i3sn7bhf]>[data-astro-cid-i3sn7bhf]{grid-area:1/1}.blank[data-astro-cid-i3sn7bhf]{border:2px dashed var(--app-edge-strong);min-height:6rem;color:var(--app-edge-strong);border-radius:1rem;place-items:center;font-size:2rem;font-weight:800;transition:opacity .2s ease-out;display:grid}.said[data-astro-cid-i3sn7bhf]{border:2px solid var(--app-brand);background:var(--app-brand-soft);opacity:0;border-radius:1rem;flex-direction:column;justify-content:center;gap:.3rem;padding:1rem 1.2rem;transition:opacity .25s ease-out,transform .45s cubic-bezier(.2,.9,.3,1.3);display:flex;transform:rotateX(80deg)}.said[data-astro-cid-i3sn7bhf] .roman[data-astro-cid-i3sn7bhf]{color:var(--app-brand-ink);font-size:1.3rem}.answer[data-astro-cid-i3sn7bhf].shown .blank[data-astro-cid-i3sn7bhf]{opacity:0}.answer[data-astro-cid-i3sn7bhf].shown .said[data-astro-cid-i3sn7bhf]{opacity:1;transform:none}.done[data-astro-cid-i3sn7bhf]{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.medal[data-astro-cid-i3sn7bhf]{background:var(--app-correct);width:5rem;height:5rem;box-shadow:0 .35rem 0 var(--app-correct-shade);color:var(--app-surface);border-radius:50%;place-items:center;display:grid}.medal[data-astro-cid-i3sn7bhf] svg[data-astro-cid-i3sn7bhf]{width:2.6rem}.demo[data-astro-cid-i3sn7bhf][data-at=done] .medal[data-astro-cid-i3sn7bhf]{animation:.6s cubic-bezier(.2,.9,.3,1.4) both pop}.done-title[data-astro-cid-i3sn7bhf]{margin-top:1.2rem;font-size:1.6rem;font-weight:800}.done-body[data-astro-cid-i3sn7bhf]{color:var(--app-muted);margin-top:.4rem}.stats[data-astro-cid-i3sn7bhf]{gap:.75rem;margin-top:1.3rem;display:flex}.stats[data-astro-cid-i3sn7bhf]>span[data-astro-cid-i3sn7bhf]{border:2px solid var(--app-edge);color:var(--app-muted);border-radius:1rem;padding:.6rem 1rem;font-size:.85rem}.stats[data-astro-cid-i3sn7bhf] b[data-astro-cid-i3sn7bhf]{color:var(--app-ink);font-size:1.3rem;display:block}.bar[data-astro-cid-i3sn7bhf]{border-top:2px solid var(--app-edge);background:var(--app-bg)}.actions[data-astro-cid-i3sn7bhf],.feedback[data-astro-cid-i3sn7bhf]{opacity:0;visibility:hidden;transition:opacity .2s ease-out, transform .3s var(--ease-out), visibility .3s;padding:1rem 1.5rem 1.1rem}.grades[data-astro-cid-i3sn7bhf]{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.grades[data-astro-cid-i3sn7bhf] .press[data-astro-cid-i3sn7bhf]{text-align:center;padding-inline:.5rem;font-size:.85rem}.feedback[data-astro-cid-i3sn7bhf]{background:var(--app-correct-soft);color:var(--app-correct-ink);transform:translateY(100%)}.nice[data-astro-cid-i3sn7bhf]{align-items:center;gap:.75rem;margin-bottom:.9rem;font-size:1.2rem;font-weight:800;display:flex}.nice[data-astro-cid-i3sn7bhf] svg[data-astro-cid-i3sn7bhf]{width:2rem;color:var(--app-correct)}.gained[data-astro-cid-i3sn7bhf]{font-size:.85rem;font-weight:700;display:block}.demo[data-astro-cid-i3sn7bhf][data-bar=check] [data-astro-cid-i3sn7bhf][data-for=check],.demo[data-astro-cid-i3sn7bhf][data-bar=show] [data-astro-cid-i3sn7bhf][data-for=show],.demo[data-astro-cid-i3sn7bhf][data-bar=grade] [data-astro-cid-i3sn7bhf][data-for=grade],.demo[data-astro-cid-i3sn7bhf][data-bar=continue] [data-astro-cid-i3sn7bhf][data-for=continue],.demo[data-astro-cid-i3sn7bhf][data-bar=feedback] [data-astro-cid-i3sn7bhf][data-for=feedback]{opacity:1;visibility:visible;transform:none}.finger[data-astro-cid-i3sn7bhf]{background:color-mix(in oklch, var(--app-ink) 35%, transparent);opacity:0;pointer-events:none;border:3px solid oklch(100% 0 0/.9);border-radius:50%;width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;transition:transform .65s cubic-bezier(.45,0,.2,1),opacity .3s ease-out;position:absolute;top:0;left:0;box-shadow:0 6px 18px oklch(0% 0 0/.18)}.finger[data-astro-cid-i3sn7bhf].on{opacity:1}.finger[data-astro-cid-i3sn7bhf].tap:after{content:"";border:3px solid var(--app-brand);border-radius:50%;animation:.45s ease-out forwards ring;position:absolute;inset:-3px}.confetti[data-astro-cid-i3sn7bhf]{pointer-events:none;position:absolute;inset:0}.confetti[data-astro-cid-i3sn7bhf] i{top:38%;left:var(--x);background:var(--c);width:10px;height:7px;animation:1.5s cubic-bezier(.2,.7,.3,1) forwards flag;animation-delay:var(--delay);border-radius:1px;position:absolute;box-shadow:0 0 0 1px #0000000d}@keyframes speak{to{transform:scale(1.18)}}@keyframes hop{40%{transform:translateY(-8px)}}@keyframes pop{0%{transform:scale(.3)rotate(-25deg)}}@keyframes ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes flag{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--rot))}}@media (width<=30rem){.top[data-astro-cid-i3sn7bhf],.stage[data-astro-cid-i3sn7bhf],.actions[data-astro-cid-i3sn7bhf],.feedback[data-astro-cid-i3sn7bhf]{padding-inline:1rem}}