.demo.svelte-75wnyl{align-items:center;align-content:center;background-color:var(--color-surface);color:var(--color-ink);font-family:var(--font-body);display:flex;flex-direction:column;height:100%;text-align:center;width:100%;max-width:100%;box-sizing:border-box}.step.svelte-1prdhxq{max-width:var(--container-app);margin:0 auto;padding:var(--space-5) 0 var(--space-7);text-align:center;font-family:var(--font-body);color:var(--color-ink)}h1.svelte-1prdhxq{margin:var(--space-2) 0 var(--space-3)}.lead.svelte-1prdhxq{margin:var(--space-4) auto var(--space-5);max-width:38ch;color:var(--color-ink-secondary)}.grades.svelte-1prdhxq{display:grid;gap:var(--space-2)}.grade.svelte-1prdhxq{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-3) var(--space-4);font:inherit;color:var(--color-ink);background:var(--color-card);border:var(--border-hairline);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.grade-name.svelte-1prdhxq{font-size:1rem;font-weight:600}.grade-examples.svelte-1prdhxq{font-size:.8125rem;color:var(--color-ink-secondary)}@media(hover:hover){.grade.svelte-1prdhxq:hover{border-color:var(--color-brand-display);background:var(--color-wash-gold)}}@media(min-width:620px){.grades.svelte-1prdhxq{grid-template-columns:repeat(2,1fr)}}.finish.svelte-1prdhxq{display:flex;flex-direction:column;align-items:center}.finish-art.svelte-1prdhxq{width:360px}.finish.svelte-1prdhxq{margin-top:calc(-1 * var(--space-4))}.finish-signin.svelte-1prdhxq{margin-top:var(--space-4);font-size:1rem;color:var(--color-ink-secondary)}.finish.svelte-1prdhxq{min-height:calc(100svh - var(--content-top) - 8px)}.ghost-keyboard.svelte-1prdhxq{margin-top:auto;width:100%;display:flex;justify-content:center;pointer-events:none}.ghost-keyboard.leaving.svelte-1prdhxq{animation:svelte-1prdhxq-ghost-fade .5s var(--ease-out) both}@keyframes svelte-1prdhxq-ghost-fade{to{opacity:0}}@media(prefers-reduced-motion:reduce){.ghost-keyboard.svelte-1prdhxq{display:none}}.held.svelte-1prdhxq{opacity:0}.finish.svelte-1prdhxq .offstage:where(.svelte-1prdhxq){display:none}.reveal.svelte-1prdhxq{animation:svelte-1prdhxq-reveal-up .45s var(--ease-out) both}.lead.reveal.svelte-1prdhxq{animation-delay:.15s}.answers.reveal.svelte-1prdhxq{animation-delay:.4s}.finish-signin.reveal.svelte-1prdhxq{animation-delay:.65s}@keyframes svelte-1prdhxq-reveal-up{0%{opacity:0;transform:translateY(14px)}}.finish-signin.svelte-1prdhxq:hover{color:var(--color-ink);text-underline-offset:3px}.answers.svelte-1prdhxq{display:flex;flex-direction:column;gap:var(--space-2);max-width:340px;margin:0 auto}.btn.svelte-1prdhxq{display:block;width:100%;box-sizing:border-box;padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.btn-primary.svelte-1prdhxq{background-color:var(--color-action);border:1px solid var(--color-action);color:var(--color-on-action)}@media(hover:hover){.btn-primary.svelte-1prdhxq:hover{background-color:var(--color-action-hover);border-color:var(--color-action-hover)}}