._writer_13yty_1{--hanzi-ink:var(--text-main,#000);--hanzi-outline:#f1f1f1;--hanzi-demo:#cacacb;aspect-ratio:1;background:var(--bg-panel,#fff);border:1px solid var(--border-main,#ddd);border-radius:1rem;box-sizing:border-box;inline-size:100%;min-inline-size:0;overflow:hidden}.dark ._writer_13yty_1{--hanzi-outline:#333;--hanzi-demo:#e0e0e0}._canvas_13yty_20{block-size:100%;display:block;inline-size:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}._interactive_13yty_27{cursor:crosshair;touch-action:none}._grid_13yty_32{pointer-events:none;stroke:var(--border-main,#ddd);stroke-width:1}._outline_13yty_38{fill:var(--hanzi-outline);transition:fill .5s}._ink_13yty_43{fill:var(--hanzi-ink)}._correct_13yty_47{fill:var(--success-base,#58b578)}._incorrect_13yty_51{fill:var(--error-base,#e45d5d)}._median_13yty_55{pointer-events:none;stroke:red}.dark ._median_13yty_55{stroke:#f009}._demo_13yty_64{color:var(--hanzi-demo);pointer-events:none}._input_13yty_69{pointer-events:none;stroke:var(--hanzi-ink)}._unavailable_13yty_74{block-size:100%;box-sizing:border-box;color:var(--text-main);display:grid;margin:0;padding:1.5rem;place-items:center;text-align:center}._shaking_13yty_85{animation:_shake_13yty_1 .6s}@keyframes _shake_13yty_1{20%,60%{transform:translate(-.25rem)}40%,80%{transform:translate(.25rem)}}@media(prefers-reduced-motion:reduce){._shaking_13yty_85{animation:none}._outline_13yty_38{transition:none}}