.review-message{padding:1rem 0}.review-empty{min-height:calc(100dvh - var(--learning-app-nav-height));text-align:center;align-content:center;justify-items:center;display:grid}.review-empty>.learning-companion{width:132px;height:132px}.review-empty h1{margin:var(--space-2) 0}.review-empty .account-actions{justify-content:center}.review-empty .btn-primary{background:var(--color-accent-2-700);color:var(--color-neutral-100)}.review-empty .btn-primary:hover{background:var(--color-accent-2-800)}.review-shell{gap:var(--space-3);width:min(100%,760px);padding:var(--space-6) var(--space-4) var(--space-8);margin-inline:auto;display:grid}.review-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.review-header h1{margin-bottom:0}.review-header>strong{color:var(--color-accent-700);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-heading-weight);font-variant-numeric:tabular-nums;flex:none}.review-progress-track{border-radius:var(--radius-pill);background:var(--color-neutral-300);height:9px;overflow:hidden}.review-progress-track span{border-radius:inherit;background:var(--color-accent);height:100%;transition:width var(--transition-base);display:block}.review-progress{color:var(--color-neutral-700);font-size:var(--text-sm);margin:0;font-weight:700}.review-card{gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-3) 0 0;box-shadow:none;background:0 0;border:0;border-radius:0;display:grid}.review-card h2{font-family:var(--font-body);margin:0;font-size:clamp(22px,4vw,30px);font-weight:800;line-height:1.25}.review-prompt{font-size:var(--text-lg);margin:0;line-height:1.6}.review-options{margin:var(--space-2) 0 0;gap:10px;padding:0;list-style:none;display:grid}.review-option{border:2px solid var(--color-neutral-300);background:var(--color-neutral-100);width:100%;min-height:56px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);border-radius:16px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 16px;font-weight:700;line-height:1.45;display:grid}.review-option:hover:not(:disabled){border-color:var(--color-accent-400);transform:translateY(-1px)}.review-option[data-state=selected]{border-color:var(--color-accent);background:var(--color-accent-100);color:var(--color-accent-900)}.review-option[data-state=correct]{border-color:var(--color-accent-2-700);background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.review-option[data-state=incorrect]{border-color:var(--color-error);background:var(--color-error-100);color:color-mix(in srgb, var(--color-error) 78%, black)}.review-option[data-state=dimmed]{opacity:.5}.review-option:focus-visible{outline:var(--focus-ring);outline-offset:2px}.review-option:disabled{cursor:default}.review-option-indicator{width:22px;height:22px;color:var(--color-neutral-500);place-items:center;display:grid}.review-option-indicator svg{stroke-width:2.25px;width:21px;height:21px}.review-option[data-state=selected] .review-option-indicator{color:var(--color-accent)}.review-option[data-state=correct] .review-option-indicator{color:var(--color-accent-2-700)}.review-option[data-state=incorrect] .review-option-indicator{color:var(--color-error)}.review-option small{border-radius:var(--radius-pill);background:color-mix(in srgb, currentColor 10%, transparent);color:inherit;font-size:var(--text-xs);white-space:nowrap;padding:3px 8px;font-weight:800}.review-feedback{margin:var(--space-2) 0 0;padding:var(--space-3) var(--space-4);border-radius:16px;font-weight:700}.review-feedback p{margin:0}.review-feedback-title{align-items:flex-start;gap:8px;display:flex}.review-feedback-title svg{flex:none;width:21px;height:21px;margin-top:1px}.review-feedback.is-correct{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.review-feedback.is-wrong{background:var(--color-error-100);color:color-mix(in srgb, var(--color-error) 78%, black)}.review-explanation{color:var(--color-text);font-weight:400;line-height:1.6;margin-top:var(--space-2)!important}.review-lesson-link{min-height:44px;margin-top:var(--space-2);color:var(--color-accent-700);align-items:center;font-weight:700;display:inline-flex}.review-lesson-link:focus-visible{outline:var(--focus-ring);outline-offset:3px}.review-actions{margin-top:var(--space-2)}.review-actions .btn{border-radius:var(--radius-pill);width:100%;min-height:50px}.review-complete{min-height:calc(100dvh - var(--learning-app-nav-height));text-align:center;align-content:center;justify-items:center}.review-complete>.learning-companion{width:144px;height:144px}.review-feedback>.learning-companion{width:80px;height:80px;margin:0 auto 8px}.review-complete .learning-reward,.review-complete .account-actions{justify-content:center}.review-complete .account-actions .btn{min-height:52px}@media (min-width:720px){.review-shell{padding-block:var(--space-8)}.review-card{border:1px solid color-mix(in srgb, var(--color-divider) 76%, transparent);border-radius:var(--radius-card);background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--color-accent-100) 66%, transparent), transparent 34%), var(--color-surface);min-height:420px;box-shadow:var(--shadow-md);align-content:start;padding:clamp(22px,5vw,38px)}.review-actions{align-self:end}}@media (max-width:719px){.review-shell{padding-bottom:104px}.review-complete .account-actions,.review-actions{z-index:12;right:0;bottom:calc(66px + env(safe-area-inset-bottom));padding:10px var(--space-4) 12px;background:color-mix(in srgb, var(--color-bg) 94%, transparent);box-shadow:0 -12px 28px color-mix(in srgb, var(--color-text) 8%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:0;position:fixed;left:0}.review-complete .account-actions .btn,.review-actions .btn{width:100%;max-width:520px;margin-inline:auto}}@media (prefers-reduced-motion:reduce){.review-progress-track span,.review-option{transition:none}.review-actions{-webkit-backdrop-filter:none;backdrop-filter:none}}
