.segmented-progress{flex:1;gap:.375rem;min-width:0;display:flex}.segmented-progress span{border-radius:var(--radius);background:var(--surface-muted);flex:1;height:.5rem}.segmented-progress .is-done{background:var(--ink)}.segmented-progress .is-current{background:var(--accent)}.choice-tile{border:1.5px solid var(--control-border);border-radius:var(--radius);background:var(--panel,#fff);width:100%;min-height:4.5rem;color:var(--ink);text-align:left;align-items:center;gap:.875rem;padding:.75rem 1.25rem;font-size:1.25rem;font-weight:600;display:flex}.choice-tile:hover:not(:disabled){background:var(--surface-muted)}.choice-tile:disabled{cursor:default;color:var(--ink);background:var(--panel,#fff);border-color:var(--control-border)}.choice-tile-key{border:1px solid var(--border-decorative);border-radius:var(--radius);width:1.75rem;height:1.75rem;color:var(--text-muted);flex-shrink:0;place-items:center;font:600 .8125rem DM Sans,system-ui,sans-serif;display:grid}.choice-tile-text{overflow-wrap:anywhere;flex:1}.choice-tile.choice-tile-selected{border:2px solid var(--ink);background:var(--surface-muted)}.choice-tile-selected .choice-tile-key{background:var(--ink);border-color:var(--ink);color:var(--surface)}.choice-tile.choice-tile-correct{border:2px solid var(--success);background:var(--success-surface);color:var(--success)}.choice-tile-correct .choice-tile-key{background:var(--success);border-color:var(--success);color:#fff}.choice-tile.choice-tile-incorrect{border:2px solid var(--error);background:var(--error-surface);color:var(--error)}.choice-tile-incorrect .choice-tile-key{background:var(--error);border-color:var(--error);color:#fff}.choice-tile.choice-tile-dimmed{opacity:.55}.status-glyph{flex-shrink:0;place-items:center;width:1.5rem;height:1.5rem;display:inline-grid}.status-glyph svg{stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.status-glyph.is-large{color:#fff;border-radius:50%;width:3.25rem;height:3.25rem;padding:.8rem}.status-glyph-correct.is-large{background:var(--success)}.status-glyph-incorrect.is-large{background:var(--error)}.status-glyph-correct:not(.is-large){color:var(--success)}.status-glyph-incorrect:not(.is-large){color:var(--error)}.feedback-dock{z-index:10;border-top:2px solid var(--border-decorative);background:var(--surface);margin-top:2.5rem;position:sticky;bottom:0}.feedback-dock-correct{border-top-color:var(--success);background:var(--success-surface)}.feedback-dock-incorrect{border-top-color:var(--error);background:var(--error-surface)}.feedback-dock-inner{align-items:center;gap:1.125rem;max-width:48rem;min-height:6.5rem;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.feedback-dock-message{flex:1;min-width:0}.feedback-dock-message p{margin:0}.feedback-dock-title{font:800 1.35rem/1.2 Figtree,system-ui,sans-serif}.feedback-dock-correct .feedback-dock-title{color:var(--success)}.feedback-dock-incorrect .feedback-dock-title{color:var(--error)}.feedback-dock-action{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.feedback-dock-message:focus,.feedback-dock-message:focus-visible{outline:none}.feedback-dock-correct .action-primary{background:var(--success);border-color:var(--success)}.reward-summary{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.reward-summary-total{letter-spacing:-.02em;color:var(--accent);margin:0;font:800 clamp(2.25rem,4vw,2.875rem)/1 Figtree,system-ui,sans-serif}.reward-summary-awards{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.reward-summary-awards li{border-radius:var(--radius);background:var(--surface-muted);padding:.3rem .625rem;font-size:.875rem;font-weight:600}.level-progress-title{margin:0;font:800 1.5rem/1.2 Figtree,system-ui,sans-serif}.level-progress-bar{border-radius:var(--radius);background:var(--surface-muted);height:.5rem;margin:.625rem 0 .375rem;position:relative;overflow:hidden}.level-progress-bar span{position:absolute;top:0;bottom:0;left:0}.level-progress-bar .is-before{background:var(--ink)}.level-progress-bar .is-gained{background:var(--accent)}.level-progress p.muted{margin:0;font-size:.875rem}.switch-field{flex-direction:column;align-items:center;gap:.25rem;display:inline-flex}.switch{background:0 0;border:0;width:3.25rem;height:2.75rem;padding:0;position:relative}.switch:before{content:"";border:1.5px solid var(--control-border);background:var(--surface-muted);border-radius:.875rem;position:absolute;inset:.5rem 0}.switch-thumb{background:var(--control-border);border-radius:50%;width:1.125rem;height:1.125rem;transition:transform .15s;position:absolute;top:.8125rem;left:.3125rem}.switch[aria-checked=true]:before{background:var(--ink);border-color:var(--ink)}.switch[aria-checked=true] .switch-thumb{background:#fff;transform:translate(1.5rem)}.switch.is-unset:before{background:0 0;border-style:dashed}.switch:disabled{opacity:.5;background:0 0}.switch[aria-busy=true]{opacity:.7}.switch-description{color:var(--text-muted);text-align:center;font-size:.75rem}@media (prefers-reduced-motion:reduce){.switch-thumb{transition:none}}.unit-art{border-radius:var(--panel-radius,12px);background:var(--surface-muted);position:relative;overflow:hidden}.unit-art img{object-fit:cover}@media (max-width:640px){.feedback-dock-inner{flex-wrap:wrap;padding:1rem}.feedback-dock-action{flex-direction:row-reverse;justify-content:space-between;width:100%}.feedback-dock-action .action-primary{flex:1}.choice-tile{min-height:3.5rem;font-size:1.125rem}}.flashcard{border:1px solid var(--border-decorative);border-radius:var(--panel-radius,12px);background:var(--panel,#fff);text-align:center;align-content:center;gap:.75rem;min-height:14rem;margin-bottom:1rem;padding:clamp(1.5rem,5vw,3rem);display:grid}.flashcard:focus{outline:none}.flashcard:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.flashcard .eyebrow{margin:0}.flashcard-prompt,.flashcard-answer{letter-spacing:-.02em;overflow-wrap:anywhere;white-space:pre-wrap;margin:0 auto;font:800 clamp(1.75rem,4vw,2.5rem)/1.2 Figtree,system-ui,sans-serif}.flashcard[data-revealed] .flashcard-prompt{color:var(--text-muted);font-size:clamp(1.25rem,2.5vw,1.5rem)}.flashcard-answer{border-top:1px solid var(--border-decorative);gap:.25rem;padding-top:.75rem;display:grid}.flashcard-answer .eyebrow{letter-spacing:0;font:600 .8125rem DM Sans,system-ui,sans-serif}.flashcard-note{color:var(--text-muted);white-space:pre-wrap;margin:0}.grade-buttons{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.grade-button{border-radius:var(--radius);justify-content:center;align-items:center;gap:.625rem;min-height:3.5rem;font-size:1rem;font-weight:700;display:flex}.grade-button kbd{border-radius:var(--radius);place-items:center;width:1.5rem;height:1.5rem;font:600 .75rem DM Sans,system-ui,sans-serif;display:grid}.grade-button-again{border:1.5px solid var(--control-border);background:var(--panel,#fff);color:var(--ink)}.grade-button-again kbd{border:1px solid var(--border-decorative)}.grade-button-remembered{border:1.5px solid var(--ink);background:var(--ink);color:var(--surface)}.grade-button-remembered kbd{background:#ffffff26}.grade-button:disabled{opacity:.55}.flashcard-reveal{width:100%;min-height:3.5rem}.flashcard-tools{flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin-top:.5rem;display:flex}