.demo.svelte-75wnyl{align-items:center;align-content:center;background-color:var(--color-background);display:flex;flex-direction:column;height:100%;text-align:center;width:100%;max-width:100%;box-sizing:border-box}.step.svelte-1prdhxq{max-width:560px;margin:0 auto;padding:24px 0 56px;text-align:center}h1.svelte-1prdhxq{font-size:clamp(1.5rem,5vw,2rem);line-height:1.25;margin:8px 0 10px}.lead.svelte-1prdhxq{margin:0 auto 26px;max-width:38ch;line-height:1.55;color:var(--color-text-secondary)}.grades.svelte-1prdhxq{display:grid;gap:8px}.grade.svelte-1prdhxq{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 18px;font:inherit;color:var(--ink-soft);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;cursor:pointer}.grade-name.svelte-1prdhxq{font-size:1.05em}.grade-examples.svelte-1prdhxq{font-size:.8em;color:var(--color-text-secondary)}@media(hover:hover){.grade.svelte-1prdhxq:hover{border-color:var(--color-brand-display);background:color-mix(in srgb,var(--color-accent) 14%,#ffffff)}}@media(min-width:620px){.grades.svelte-1prdhxq{grid-template-columns:repeat(2,1fr)}}.stage.svelte-1prdhxq{display:flex;align-items:center;justify-content:center;height:92px;color:var(--color-brand-display)}.stage.svelte-1prdhxq canvas{margin:0;color:var(--color-brand-display)}.check.svelte-1prdhxq{display:flex;justify-content:center;margin-bottom:22px}.play.svelte-1prdhxq{padding:14px 26px 12px;font:inherit;font-size:1.05rem;color:var(--button-primary-foreground);background:var(--button-primary-background);border:1px solid var(--button-primary-background);border-radius:var(--button-radius);cursor:pointer}.tips.svelte-1prdhxq{margin:0 auto 22px;max-width:40ch;padding-left:22px;text-align:left;line-height:1.6;color:var(--color-text-secondary)}.tips.svelte-1prdhxq li:where(.svelte-1prdhxq)+li:where(.svelte-1prdhxq){margin-top:8px}.finish.svelte-1prdhxq{display:flex;flex-direction:column;align-items:center}.finish-art.svelte-1prdhxq{width:360px}.finish.svelte-1prdhxq{margin-top:-18px}.finish-signin.svelte-1prdhxq{margin-top:16px;font-size:1rem;color:var(--color-text-secondary)}.answers.svelte-1prdhxq{display:flex;flex-direction:column;gap:10px;max-width:340px;margin:0 auto}.btn.svelte-1prdhxq{display:block;width:100%;box-sizing:border-box;padding:14px 24px 12px;font:inherit;font-size:1.05rem;text-align:center;text-decoration:none;border-radius:var(--button-radius);cursor:pointer}.btn-primary.svelte-1prdhxq{background-color:var(--button-primary-background);border:1px solid var(--button-primary-background);color:var(--button-primary-foreground)}.btn-quiet.svelte-1prdhxq{background:none;border:1px solid var(--button-outline-border);color:var(--button-outline-foreground)}@media(hover:hover){.btn-primary.svelte-1prdhxq:hover{filter:brightness(.95)}.btn-quiet.svelte-1prdhxq:hover{background:var(--color-background)}}