.guided-stroke.svelte-1dspp8k,svg.svelte-1dspp8k{width:100%;height:100%;position:absolute;inset:0}.guided-stroke.svelte-1dspp8k{touch-action:none}svg.svelte-1dspp8k{pointer-events:none}.route.svelte-1dspp8k{fill:none;stroke:#b3382c;stroke-opacity:.3;stroke-width:2px;stroke-dasharray:4 5}button.svelte-1dspp8k{cursor:grab;touch-action:none;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}button.dragging.svelte-1dspp8k{cursor:grabbing}span.svelte-1dspp8k{background:#b3382c;border:2px solid #fffefa;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 5px #b3382c21}button.svelte-1dspp8k:focus-visible{outline-offset:1px;outline:2px solid #b3382c}.card-topline.svelte-1lvbnm3{color:var(--color-ink-faint);justify-content:space-between;gap:1rem;margin-bottom:1rem;font-size:.75rem;display:flex}.card-topline.svelte-1lvbnm3 span:where(.svelte-1lvbnm3):first-child{color:var(--color-cinnabar);font-weight:700}.writing-area.svelte-1lvbnm3{width:min(100%, var(--writing-size,400px));aspect-ratio:1;border:1px solid var(--color-line-strong);touch-action:none;background:#fffefa;border-radius:6px;margin:auto;transition:border-color .16s;position:relative;overflow:hidden}.writing-area.wrong.svelte-1lvbnm3{border-color:var(--color-cinnabar)}.writing-area.complete.svelte-1lvbnm3{border-color:var(--color-jade)}.guides.svelte-1lvbnm3,.start-guide.svelte-1lvbnm3,.writer.svelte-1lvbnm3,.overlay.svelte-1lvbnm3{width:100%;height:100%;position:absolute;inset:0}.guides.svelte-1lvbnm3,.start-guide.svelte-1lvbnm3{pointer-events:none}.guides.svelte-1lvbnm3 path:where(.svelte-1lvbnm3){fill:none;stroke:#d8cbb4;stroke-width:1px;stroke-dasharray:6 6}.guides.svelte-1lvbnm3 .diagonals:where(.svelte-1lvbnm3){opacity:.45}.writer.svelte-1lvbnm3{cursor:crosshair;touch-action:none}.guided-character.svelte-1lvbnm3{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.writer.hidden.svelte-1lvbnm3{visibility:hidden}.writer.inactive.svelte-1lvbnm3{pointer-events:none}.writer.svelte-1lvbnm3 svg{width:100%;height:100%;display:block}.start-guide.svelte-1lvbnm3 circle:where(.svelte-1lvbnm3){fill:#b3382c;stroke:#fffefa;stroke-width:2px}.overlay.svelte-1lvbnm3{color:var(--color-ink-faint);flex-direction:column;justify-content:center;align-items:center;font-size:.85rem;display:flex}.placeholder-character.svelte-1lvbnm3{font-family:var(--font-brush);opacity:.15;font-size:8rem}.feedback.svelte-1lvbnm3{text-align:center;min-height:5.5rem;padding:1.1rem 0 .6rem}.feedback.svelte-1lvbnm3 strong:where(.svelte-1lvbnm3){font-size:.875rem;font-weight:600;line-height:1.5;display:block}.feedback.svelte-1lvbnm3 span:where(.svelte-1lvbnm3){color:var(--color-ink-faint);margin-top:.35rem;font-size:.75rem;display:block}.incorrect.svelte-1lvbnm3 strong:where(.svelte-1lvbnm3){color:var(--color-cinnabar-deep)}.positive.svelte-1lvbnm3 strong:where(.svelte-1lvbnm3){color:var(--color-jade)}.card-controls.svelte-1lvbnm3{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}@media (width>=768px) and (height<=850px){.card-topline.svelte-1lvbnm3{margin-bottom:.5rem}.feedback.svelte-1lvbnm3{min-height:3.5rem;padding:.55rem 0 .4rem}}