: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}*{box-sizing:border-box}html{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);color:#fff8ef}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.primary-action:hover{background:var(--accent-strong)}.exercise-section{margin-top:2rem}.exercise-header+.exercise-stage{margin-top:1.25rem}.exercise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.exercise-card{display:grid;gap:.9rem;padding:1.25rem}.exercise-card h3{font-size:1.3rem}.exercise-card p{margin:0}.exercise-stage{margin-top:1.5rem}.exercise-prompt{margin:0 0 1rem;font-size:1.05rem}.exercise-canvas{width:100%;height:auto;display:block}.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}.endpoint-tick,.user-tick,.target-tick{stroke-linecap:round}.endpoint-tick{stroke-width:4;stroke:#34261b66}.user-tick{stroke-width:2.5;stroke:#7a4d22}.target-tick{stroke-width:3.5;stroke:#2f7d5d}.error-gap{stroke:#c26134;stroke-width:3;stroke-linecap:round;stroke-dasharray:7 6}.feedback-banner{--result-accent: rgba(77, 58, 37, .24);margin:1rem 0 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:1rem}.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}.session-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.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}.secondary-action{padding:.65rem 1rem;background:#efe2cf;color:#4e2f12}.secondary-action:hover{background:#e7d6bf}.secondary-action:disabled{cursor:not-allowed;opacity:.62;transform:none}@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}.session-actions{flex-direction:column}.exercise-canvas[data-axis=vertical]{height:min(64vh,620px);min-height:460px}}