.handwriting-section{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.handwriting-section h3{margin:12px 0}.handwriting-section select{display:block;padding:9px;border:1px solid var(--line);border-radius:10px;max-width:100%;margin:8px 0}.handwriting-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.handwriting-grid canvas{width:100%;max-width:300px;aspect-ratio:1;height:auto;margin:15px 0}.stroke-model{width:100%;max-width:300px;aspect-ratio:1;background:#fff;border:1px solid var(--line);border-radius:14px;margin:15px 0;overflow:hidden}.stroke-model svg{display:block;width:100%;height:100%}.stroke-feedback{padding-left:22px}.stroke-feedback li{margin:16px 0}.stroke-feedback p{margin:6px 0;font-size:13px}.stroke-feedback .secondary{margin-top:7px}.stroke-motion{stroke-dasharray:1;stroke-dashoffset:1;animation:stroke-draw 1.1s ease forwards}@keyframes stroke-draw{to{stroke-dashoffset:0}}@media(max-width:650px){.handwriting-grid{grid-template-columns:1fr}.handwriting-grid canvas,.stroke-model{margin-left:auto;margin-right:auto}}@media(prefers-reduced-motion:reduce){.stroke-motion{animation:none;stroke-dashoffset:0}}

.writing-pad{width:100%;max-width:300px;aspect-ratio:1;position:relative;margin:15px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:linear-gradient(90deg,transparent 49.7%,#e5e8dc 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#e5e8dc 50%,transparent 50.3%),#fff}.character-underlay{position:absolute;inset:0;pointer-events:none;opacity:.55}.character-underlay svg{width:100%;height:100%;display:block}.handwriting-grid .writing-pad canvas{position:relative;z-index:1;background:transparent;border:0;border-radius:0;margin:0;width:100%;height:100%;max-width:none}.tutor-demo{grid-column:1/-1}.closeness-score{display:flex;align-items:center;gap:15px;margin:18px 0}.closeness-score strong{font-size:32px}.closeness-score span{font-size:14px}.deviation-comparison{width:100%;max-width:300px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.deviation-comparison svg{width:100%;display:block}.comparison-key{line-height:1.8}@media(max-width:650px){.writing-pad{margin-left:auto;margin-right:auto}}