:root{color-scheme:light;font-family:Iowan Old Style,Palatino Linotype,URW Palladio L,serif;line-height:1.5;font-weight:400;color:#1f1a17;background:radial-gradient(circle at top left,rgba(164,136,94,.18),transparent 34%),linear-gradient(180deg,#f6f0e5,#ece3d4);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: rgba(255, 251, 245, .78);--surface-strong: rgba(255, 248, 238, .92);--border: rgba(77, 58, 37, .16);--muted: #6f6357;--accent: #7a4d22;--accent-strong: #5d3817;--accent-soft: #e9dcc7;--accent-soft-strong: #deccb0}[hidden]{display:none!important}*{box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.page-shell{width:min(1100px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.hero,.auto-card,.exercise-card,.exercise-header,.exercise-stage{background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:24px;box-shadow:0 12px 30px #46332014}.hero{padding:1.75rem}.exercise-header,.exercise-stage{padding:1.5rem}.eyebrow,.card-kicker{margin:0 0 .6rem;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.hero h1,.auto-card h2,.exercise-section h2,.exercise-card h3,.exercise-title{margin:0;font-weight:600;letter-spacing:-.02em}.hero h1{max-width:12ch;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.94}.hero-copy,.auto-card p,.exercise-card p,.exercise-stage p,.exercise-header p{color:var(--muted)}.hero-copy{max-width:62ch;margin:1rem 0 0}.auto-card{margin-top:1.25rem;padding:1.5rem}.primary-action,.secondary-action{border:0;border-radius:999px;cursor:pointer;transition:transform .14s ease,background-color .14s ease,color .14s ease}.primary-action{margin-top:1rem;padding:.8rem 1.3rem;background:var(--accent-soft);color:#4e2f12}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.primary-action:hover{background:var(--accent-soft-strong)}.exercise-section{margin-top:2rem}.exercise-filter-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.exercise-filter{display:inline-flex;align-items:center;gap:.45rem;min-height:2.25rem;padding:.45rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-strong);color:#4e4136;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.exercise-filter:hover{transform:translateY(-1px);border-color:#7a4d2257}.exercise-filter.is-active{background:var(--accent-soft);border-color:#7a4d2238;color:#3f3127}.exercise-filter-count{min-width:1.4rem;padding:.08rem .38rem;border-radius:999px;background:#ffffff75;font-size:.78rem;font-weight:700;text-align:center}.exercise-group-list{display:grid;gap:1.75rem;margin-top:1.5rem}.exercise-family-section{display:grid;gap:.8rem}.exercise-family-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:.55rem}.exercise-family-header h3{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.01em}.exercise-family-count{margin:0;color:var(--muted);font-size:.85rem;white-space:nowrap}.exercise-header+.exercise-stage{margin-top:1.25rem}.exercise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.exercise-card{display:grid;gap:.9rem;padding:1.25rem}.exercise-card h3{font-size:1.3rem}.exercise-card p{margin:0}.exercise-stage{display:grid;gap:1rem;margin-top:1.5rem;overflow-anchor:none}.exercise-prompt{margin:0 0 1rem;font-size:1.05rem}.exercise-canvas{width:100%;height:auto;display:block}.reference-line{stroke:#2f557d9e;stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke}.reference-endpoint-tick{stroke:#2f557d6b;stroke-width:1.7;stroke-linecap:round;vector-effect:non-scaling-stroke}.anchor-tick{stroke:#7a4d228a;stroke-width:2.2;stroke-linecap:round;vector-effect:non-scaling-stroke}.anchor-direction-cue{stroke:#7a4d2261;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.exercise-stage.is-maximized{position:fixed;inset:0;z-index:10;margin:0;border-radius:0;padding:1rem;background:#f8f3ea}.exercise-toolbar{display:flex;align-items:center;gap:.8rem}.exercise-toolbar .exercise-prompt{flex:1;margin:0}.freehand-canvas{width:100%;height:min(62vh,620px);min-height:420px;display:block;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.exercise-stage.is-maximized .freehand-canvas{height:min(100dvh - 13rem,900px);min-height:0}.exercise-stage.is-maximized .exercise-canvas{max-height:min(100dvh - 13rem,900px)}.freehand-user-stroke{fill:none;stroke:#34261b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.freehand-ghost-result-layer{pointer-events:none}.freehand-ghost-stroke{fill:none;stroke:#34261b52;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.freehand-ghost-correction{fill:none;stroke:#2f7d5d57;stroke-width:2;stroke-dasharray:8 7;stroke-linecap:round;vector-effect:non-scaling-stroke}.freehand-ghost-user-fit{stroke:#7a4d2252}.freehand-fit-line{stroke:#18b75a;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.freehand-fit-circle,.freehand-fit-ellipse{fill:none;stroke:#18b75a;stroke-width:2;vector-effect:non-scaling-stroke}.freehand-closure-gap{stroke:#c26134d1;stroke-width:2.5;stroke-dasharray:7 6;stroke-linecap:round;vector-effect:non-scaling-stroke}.freehand-join-tangent{stroke:#a66e1cd6;stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.freehand-target-mark,.freehand-target-center{fill:#2f557dad;stroke:#7a4d227a;stroke-width:1.4;stroke-linecap:round;vector-effect:non-scaling-stroke}.freehand-target-center{fill:#2f557da3;stroke:none}.freehand-target-correction-line,.freehand-target-correction-circle,.freehand-target-correction-ellipse{stroke-dasharray:9 7}.freehand-trace-guide{fill:none;stroke:#2f557d33;stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.freehand-angle-reference-ray{stroke:#2f557db8;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.freehand-angle-target-base{stroke:#7a4d22b8;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.freehand-angle-reference-vertex,.freehand-angle-target-vertex{fill:#2f557dad;stroke:#7a4d2280;stroke-width:1.4;vector-effect:non-scaling-stroke;pointer-events:none}.freehand-angle-target-vertex{fill:#7a4d22c7}.freehand-angle-user-fit{stroke:#1f1a1794}.freehand-angle-direction-cue{fill:none;stroke:#7a4d229e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.freehand-history{margin-top:1.25rem;padding:1rem;border-top:1px solid var(--border)}.freehand-history-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.freehand-history h2{margin:0;font-size:1rem;font-weight:600}.freehand-history-toggle{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.92rem}.freehand-history-toggle input{inline-size:1rem;block-size:1rem;accent-color:var(--accent)}.freehand-history-empty{margin:.8rem 0 0;color:var(--muted)}.freehand-history[data-empty=false] .freehand-history-empty{display:none}.freehand-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.7rem;margin-top:.8rem}.freehand-history-grid[data-variant=closed]{grid-template-columns:repeat(4,minmax(0,1fr))}.freehand-history-item{border:0;padding:0;background:transparent;color:inherit;cursor:pointer;display:grid;gap:.35rem;text-align:inherit}.freehand-history-item:hover .freehand-history-frame,.freehand-history-item:focus-visible .freehand-history-frame{stroke:#7a4d226b}.freehand-history-item:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 52%,transparent);outline-offset:3px}.freehand-history-canvas{width:100%;aspect-ratio:15 / 11;display:block}.freehand-history-frame{fill:#fffbf5b8;stroke:#4d3a251f;stroke-width:1.5}.freehand-history-stroke{fill:none;stroke:#34261b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.freehand-history-correction{stroke-width:2;opacity:.72}.freehand-history-score{margin:0;justify-self:end;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.freehand-history-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#1f1a1757}.freehand-history-modal-panel{width:min(100%,1050px);max-height:calc(100dvh - 2rem);overflow:auto;padding:1rem;border:1px solid rgba(77,58,37,.18);border-radius:18px;background:#fffbf5e0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 22px 70px #1f1a173d}.freehand-history-modal-canvas{width:100%;height:min(62vh,620px);display:block;cursor:zoom-out}.exercise-canvas[data-axis=vertical]{height:min(68vh,640px);min-height:520px}.canvas-frame{fill:#fffbf5eb;stroke:#4d3a251f;stroke-width:2}.click-guide{fill:#0000;cursor:crosshair;pointer-events:all}.exercise-line{stroke:#34261b;stroke-width:5;stroke-linecap:round}.projection-line{stroke:#2f557db8;stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke}.projection-result-ray{stroke:#2f557d5c;stroke-width:2;stroke-dasharray:8 7;stroke-linecap:round;vector-effect:non-scaling-stroke}.endpoint-tick,.user-tick,.target-tick{stroke-linecap:round}.endpoint-tick{stroke-width:2.2;stroke:#34261b3d}.user-tick{stroke-width:2.5;stroke:#7a4d22}.target-tick{stroke-width:3.5;stroke:#2f7d5d}.user-point-mark,.target-point-mark{stroke-linecap:round;vector-effect:non-scaling-stroke}.user-point-mark{stroke:#7a4d22ad;stroke-width:1.4}.target-point-mark{stroke:#2f7d5d;stroke-width:3}.error-gap{stroke:#c26134;stroke-width:3;stroke-linecap:round;stroke-dasharray:7 6}.point-error-gap{stroke-width:1.5;stroke-dasharray:5 7}.feedback-banner{--result-accent: rgba(77, 58, 37, .24);margin:0;padding:.85rem 1rem;border-radius:16px;background:var(--surface-strong);border:1px solid color-mix(in srgb,var(--result-accent) 30%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--result-accent) 12%,transparent)}.feedback-banner[data-tone=excellent]{background:color-mix(in srgb,white 86%,var(--result-accent))}.feedback-banner[data-tone=good]{background:color-mix(in srgb,white 88%,var(--result-accent))}.feedback-banner[data-tone=ok]{background:color-mix(in srgb,white 90%,var(--result-accent))}.feedback-banner[data-tone=bad]{background:color-mix(in srgb,white 92%,var(--result-accent))}.result-summary{--result-accent: rgba(77, 58, 37, .24);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-top:0}.result-stat{padding:.9rem 1rem;border-radius:16px;background:#fff8eee6;border:1px solid color-mix(in srgb,var(--result-accent) 30%,var(--border));box-shadow:inset 0 1px color-mix(in srgb,var(--result-accent) 10%,transparent)}.result-label,.result-value{margin:0}.result-label{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--result-accent) 72%,#5f3c1a)}.result-value{margin-top:.3rem;color:#332720}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.score-chip{padding:.35rem .7rem;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border);color:#46382d;font-size:.9rem;font-weight:700;white-space:nowrap}.score-chip.has-score{background:#2f557d1a;border-color:#2f557d3d;color:#27435f}.secondary-action{padding:.65rem 1rem;background:#efe2cf;color:#4e2f12}.secondary-action:hover{background:#e7d6bf}.secondary-action:disabled{cursor:not-allowed;opacity:.62;transform:none}.auto-repeat-action{position:relative;overflow:hidden}.auto-repeat-action.is-running:after{content:"";position:absolute;left:.72rem;right:.72rem;bottom:.32rem;height:2px;border-radius:999px;background:#7a4d2270;transform:scaleX(var(--timer-progress, 1));transform-origin:left center}.settings-select{flex-shrink:0;min-width:7rem;padding:.45rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong);color:#46382d;font:inherit;cursor:pointer}.hero-settings-link{margin-top:1rem;padding:0;border:0;background:none;color:var(--muted);font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.hero-settings-link:hover{color:var(--accent)}.settings-heading{margin:0 0 1.5rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:600;letter-spacing:-.02em}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.25rem;margin-bottom:1rem}.settings-section h2{margin:0 0 1rem;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid var(--border)}.settings-row:first-of-type{border-top:none;padding-top:0}.settings-label-group{display:grid;gap:.2rem}.settings-label{font-weight:600;cursor:pointer}.settings-note{margin:0;font-size:.85rem;color:var(--muted)}.settings-toggle{flex-shrink:0;inline-size:1.1rem;block-size:1.1rem;accent-color:var(--accent);cursor:pointer}.settings-reset-btn{margin-top:.75rem;padding:.6rem 1rem;border:1px solid rgba(194,97,52,.4);border-radius:999px;background:none;color:#a03a1a;font:inherit;font-size:.9rem;cursor:pointer;transition:background-color .14s ease}.settings-reset-btn:hover{background:#c2613414}@media(max-width:720px){.page-shell{width:min(100% - 1rem,1100px);padding-top:1rem}.hero,.auto-card,.exercise-card,.exercise-header,.exercise-stage{border-radius:18px}.card-footer{flex-direction:column;align-items:stretch}.exercise-toolbar{align-items:stretch;flex-direction:column}.freehand-canvas{height:min(58vh,620px);min-height:360px}.freehand-history-header{align-items:stretch;flex-direction:column}.freehand-history-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.freehand-history-grid[data-variant=closed]{grid-template-columns:repeat(2,minmax(0,1fr))}.exercise-canvas[data-axis=vertical]{height:min(64vh,620px);min-height:460px}}