.practice{padding:1rem 0}.filters{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-bottom:.9rem;display:flex}.filters label{color:var(--ink-2);align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.filters select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:12rem;min-height:40px;color:var(--ink);font:inherit;padding:.4rem .6rem;font-size:1rem;font-weight:500}.set-progress{color:var(--ink-2);margin:0 0 0 auto;font-size:.92rem}.practice-grid{grid-template:"work side""work guide"1fr/minmax(0,1fr) minmax(300px,380px);align-items:start;gap:1.5rem;display:grid}.practice-grid>.workspace{grid-area:work}.practice-grid>.feedback{grid-area:side}.practice-grid>.drawing-guide{grid-area:guide}.prompt{margin-bottom:.7rem}.prompt h1{overflow-wrap:anywhere;margin:0;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem)}.prompt-lead{font-family:var(--font-sans);color:var(--ink-2);vertical-align:.15em;margin-right:.15em;font-size:.6em;font-weight:500}.compound{color:var(--ink)}.stereo-note{color:var(--ink-2);margin:.4rem 0 0;font-size:.95rem}.editor-frame{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);height:clamp(380px,100dvh - 290px,660px);position:relative;overflow:hidden}.editor-overlay{text-align:center;background:var(--surface);z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:1.5rem;display:flex;position:absolute;inset:0}.editor-overlay p{max-width:28rem;margin:0}.editor-overlay.error{background:var(--warn-soft)}.spinner{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin-bottom:.5rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.small{color:var(--ink-2);font-size:.9rem}.editor-message{color:var(--ink-2);margin:.5rem 0 0;font-size:.9rem}.editor-switch{color:var(--ink-2);margin:.7rem 0 0;font-size:.9rem}.editor-switch .btn-link{min-height:24px}.overlay-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.4rem;display:flex}.btn-link{color:var(--accent-strong);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.actions{flex-wrap:wrap;gap:.6rem;margin-top:.9rem;display:flex}.actions .btn-primary{min-width:10rem}.feedback{flex-direction:column;gap:1rem;min-height:12rem;display:flex}.idle{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);padding:1rem 1.1rem}.idle p:last-child{margin-bottom:0}.verdict{border-radius:var(--radius);border:1px solid;border-left-width:6px;padding:1rem 1.1rem}.verdict-good{background:var(--good-soft);border-color:var(--good)}.verdict-bad{background:var(--bad-soft);border-color:var(--bad)}.verdict-warn{background:var(--warn-soft);border-color:var(--warn)}.verdict-head{align-items:center;gap:.6rem;display:flex}.verdict h3{margin:0;font-size:1.25rem}.verdict h3:focus{outline:none}.verdict h3:focus-visible{outline:3px solid var(--focus)}.attempt{font-family:var(--font-sans);color:var(--ink-2);font-size:.8em;font-weight:500}.verdict-icon{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:28px;height:28px}.verdict-icon circle{stroke:none}.verdict-good .verdict-icon circle{fill:var(--good)}.verdict-bad .verdict-icon circle{fill:var(--bad)}.verdict-warn .verdict-icon circle{fill:var(--warn)}.verdict-icon path{stroke:#fff}.findings{margin:.7rem 0 0;padding-left:1.2rem}.findings li{margin-bottom:.45rem}.findings li:last-child{margin-bottom:0}.stale,.no-penalty{color:var(--ink-2);margin:.6rem 0 0;font-size:.9rem}.stale{font-style:italic}.hints,.solution{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:1rem 1.1rem}.hints h3,.solution h3{margin:0 0 .5rem;font-size:1.1rem}.hints ol,.steps{margin:0;padding-left:1.3rem}.hints li,.steps li{margin-bottom:.45rem}.answer-figure{margin:0 0 .8rem}.structure-svg{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.structure-svg svg{width:100%;height:auto;display:block}.answer-figure figcaption{margin-top:.4rem;font-size:.95rem}.suggest{color:var(--ink-2);margin:0;font-size:.95rem}.next-row{flex-wrap:wrap;gap:.6rem;display:flex}.empty-set{max-width:36rem;padding:1.5rem}.storage-note{margin-bottom:1rem}@media (width<=960px){.practice-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"work""side""guide"}.feedback{min-height:0}}@media (width<=600px){.filters{gap:.6rem}.filters label{flex:100%}.filters label span{min-width:3.2rem}.filters select{width:100%;min-width:0}.set-progress{width:100%;margin:0}.editor-frame{height:clamp(400px,68dvh,560px);margin-left:calc(-1 * var(--gutter) + 4px);margin-right:calc(-1 * var(--gutter) + 4px)}.actions .btn{flex:calc(50% - .6rem)}}.skip-inline{position:absolute;left:-9999px}.skip-inline:focus{background:var(--ink);color:#fff;border-radius:var(--radius-sm);margin-bottom:.5rem;padding:.3rem .6rem;display:inline-block;position:static}.actions:focus{outline:none}