.recall-question{display:grid;gap:var(--space-lg);min-width:0}.cloze-sentence{font-family:var(--font-example);font-size:var(--text-h3);overflow-wrap:anywhere}.cloze-blank{display:inline-block;max-width:100%;border-bottom:var(--focus-width) solid var(--accent);text-align:center}.spelling-input-container{display:block;position:relative;margin-block:var(--space-lg);padding:var(--space-md) var(--space-lg) calc(var(--space-md) + env(safe-area-inset-bottom));border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);scroll-margin-block:var(--space-3xl);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.spelling-cells{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.spelling-cell{position:relative;display:grid;place-items:center;min-width:1.8ch;height:var(--control-height);border-bottom:var(--focus-width) solid var(--border);font:600 var(--text-h2) var(--font-display);transition:border-color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.spelling-cell[data-filled=true]{border-bottom-color:color-mix(in srgb,var(--accent) 65%,var(--border));color:var(--text-primary)}.spelling-cell[data-active=true]{border-bottom-color:var(--accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:color-mix(in srgb,var(--accent) 8%,var(--transparent));box-shadow:0 var(--space-xs) var(--space-md) color-mix(in srgb,var(--accent) 18%,var(--transparent))}:root .spelling-caret,:root[data-tier] .spelling-caret{position:absolute;top:20%;bottom:20%;left:50%;width:var(--focus-width);transform:translate(-50%);border-radius:var(--radius-full);background:var(--accent);box-shadow:0 0 var(--space-sm) var(--accent),0 0 var(--space-md) color-mix(in srgb,var(--accent) 70%,var(--transparent));animation:spelling-caret-breathe 1.3s ease-in-out infinite!important;pointer-events:none}.spelling-cell[data-cursor-end=true] .spelling-caret{left:auto;right:var(--space-2xs);transform:none}.spelling-input-container:focus-within{border-color:var(--accent);outline:var(--focus-width) solid color-mix(in srgb,var(--accent) 35%,var(--transparent));outline-offset:var(--space-2xs);box-shadow:0 0 var(--space-xl) color-mix(in srgb,var(--accent) 14%,var(--transparent))}.spelling-input-container:focus-within .spelling-cell[data-active=true]{background:color-mix(in srgb,var(--accent) 14%,var(--transparent));box-shadow:0 var(--space-xs) var(--space-lg) color-mix(in srgb,var(--accent) 28%,var(--transparent))}.spelling-input-container:focus-within .spelling-caret{animation-duration:1.15s}.spelling-separator{align-self:center}.spelling-input-container input{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:var(--text-body);cursor:text}:root .hint-trigger[data-breathing=true],:root[data-tier] .hint-trigger[data-breathing=true]{color:var(--accent);border:var(--border-width) solid color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--bg-surface));animation:hint-breathe 2.2s ease-in-out infinite!important}.hint-status{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm)}.hint-revealed{padding:var(--space-xs) var(--space-mobile);border-radius:var(--radius-full);border:var(--border-width) solid color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--bg-surface));color:var(--text-primary);font-weight:600}.hint-guide{color:var(--text-secondary);font-size:var(--text-caption)}:root .answer-party-popper,:root[data-tier] .answer-party-popper{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;margin-left:var(--space-xs);vertical-align:-.18em;overflow:visible;pointer-events:none;animation:party-popper-enter .42s var(--ease-out-expo) both!important}.answer-party-popper svg{width:100%;height:100%;overflow:visible}:root .party-cone,:root[data-tier] .party-cone{transform-box:view-box;transform-origin:8px 32px;animation:party-cone-wiggle .6s var(--ease-out) infinite!important}.party-cone-body{fill:var(--fluid-amber);stroke:color-mix(in srgb,var(--fluid-coral) 80%,var(--paper-ink));stroke-width:1.4;stroke-linejoin:round}.party-cone-stripe{stroke:var(--fluid-coral);stroke-width:2.2;stroke-linecap:round}.party-cone-mouth{fill:color-mix(in srgb,var(--fluid-coral) 65%,var(--paper-ink));stroke:color-mix(in srgb,var(--fluid-amber) 75%,var(--fluid-coral));stroke-width:1.2}:root .party-streamers,:root[data-tier] .party-streamers{transform-box:view-box;transform-origin:18px 22px;animation:party-streamers-shoot .6s var(--ease-out-expo) infinite!important}.party-streamer{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.party-streamer--azure{stroke:var(--fluid-azure)}.party-streamer--sage{stroke:var(--color-correct)}.party-streamer--coral{stroke:var(--fluid-coral)}.party-streamer--violet{stroke:var(--fluid-violet)}:root .party-confetti,:root[data-tier] .party-confetti{transform-box:view-box;transform-origin:18px 22px;animation:party-confetti-burst .6s var(--ease-out-expo) infinite!important}.party-bit--amber{fill:var(--fluid-amber)}.party-bit--violet{fill:var(--fluid-violet)}.party-bit--azure{fill:var(--fluid-azure)}.party-bit--coral{fill:var(--fluid-coral)}.party-bit--sage{fill:var(--color-correct)}@keyframes party-popper-enter{0%{opacity:0;transform:scale(.3) rotate(-24deg)}65%{opacity:1;transform:scale(1.15) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes party-cone-wiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(.92)}55%{transform:rotate(8deg) scale(1.06)}}@keyframes party-streamers-shoot{0%{opacity:.35;transform:translate(-6px,6px) scale(.45)}55%{opacity:1;transform:translate(3px,-3px) scale(1.18)}to{opacity:0;transform:translate(6px,-6px) scale(1.28)}}@keyframes party-confetti-burst{0%{opacity:.2;transform:translate(-7px,7px) scale(.35)}60%{opacity:1;transform:translate(4px,-4px) scale(1.24)}to{opacity:0;transform:translate(8px,-8px) scale(1.36)}}@keyframes spelling-caret-breathe{0%,to{opacity:1;transform:translate(-50%) scaleY(1);box-shadow:0 0 var(--space-sm) var(--accent),0 0 var(--space-md) color-mix(in srgb,var(--accent) 75%,var(--transparent))}50%{opacity:.22;transform:translate(-50%) scaleY(.86);box-shadow:0 0 var(--space-xs) color-mix(in srgb,var(--accent) 25%,var(--transparent))}}@keyframes hint-breathe{0%,to{text-shadow:0 0 var(--space-sm) color-mix(in srgb,var(--accent) 65%,var(--transparent));box-shadow:0 0 var(--space-md) color-mix(in srgb,var(--accent) 22%,var(--transparent))}50%{text-shadow:0 0 var(--space-xs) color-mix(in srgb,var(--accent) 15%,var(--transparent));box-shadow:0 0 var(--space-xs) var(--transparent)}}.practice-toggle{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--touch-target);cursor:pointer}.practice-toggle input{accent-color:var(--accent);width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.practice-toggles{display:grid;gap:var(--space-xs) var(--space-lg);padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface)}.practice-launch{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--accent) 10%,var(--bg-surface));border:var(--border-width) solid color-mix(in srgb,var(--accent) 30%,var(--border))}.practice-launch p{color:var(--text-secondary)}.practice-launch>.button{width:100%}.practice-next-action{display:flex;justify-content:center;margin-top:var(--space-lg)}.practice-summary{margin-top:var(--space-xl);padding:var(--space-xl) var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);background:var(--bg-surface);display:grid;gap:var(--space-xl)}.practice-summary-header{display:grid;gap:var(--space-sm)}.practice-summary-badge{display:inline-flex;align-items:center;justify-self:start;padding:var(--space-xs) var(--space-mobile);border-radius:var(--radius-full);border:var(--border-width) solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-caption)}.practice-summary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.practice-summary-stats article{border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--bg-elevated);display:flex;flex-direction:column;gap:var(--space-xs)}.practice-summary-stats strong{font:700 var(--text-h1) / 1 var(--font-display);color:var(--text-primary)}.practice-summary-stats span{font-size:var(--text-caption);color:var(--text-secondary)}.practice-summary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.practice-filters{display:grid;gap:var(--space-md);padding-block:var(--space-lg)}.practice-filters label{display:grid;gap:var(--space-sm)}.practice-filters select,.practice-filters input[type=search]{min-height:var(--control-height);padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-elevated);max-width:100%}.practice-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.practice-page{min-height:calc(100dvh - var(--space-3xl));max-width:var(--prose-width);margin:auto}.practice-page>h1{margin-top:var(--space-sm)}.practice-modes a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.spelling-cells{justify-content:center}@media(max-width:767px){.learning-app:has(.spelling-input-container:focus-within) .learning-nav{display:none}}@media(min-width:768px){.practice-filters,.practice-toggles{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-launch{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-xl)}.practice-launch>.button{width:auto;flex-shrink:0}.practice-summary{padding:var(--space-xl)}}
