.review-message{padding:1rem 0}.review-refresh-error{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);width:100%;color:var(--color-error);font-size:var(--text-sm);text-align:left;background:#fff4f2;padding:10px 12px;display:flex}.review-refresh-error .btn{flex:none}.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;font-size:clamp(24px,4vw,32px);line-height:1.25}.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-prompt{font-size:var(--text-lg);margin:0;line-height:1.6}.review-scenario{background:var(--color-neutral-200);border-radius:16px;gap:8px;margin:0;padding:14px 16px;display:grid}.review-scenario p{color:var(--color-text);font-size:var(--text-base);margin:0;font-weight:650;line-height:1.5}.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);align-items:center;gap:0 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;grid-column:2;justify-self:start;margin-top:5px;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-wrong{background:var(--color-error-100);color:color-mix(in srgb, var(--color-error) 78%, black)}.review-concept-reveal{color:currentColor;font-size:var(--text-md);font-weight:800;margin-top:10px!important}.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-keyboard-hint{color:var(--color-muted);font-size:var(--text-xs);text-align:center;display:none}.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-content-feedback{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.review-content-feedback button{border-radius:var(--radius-pill);color:currentColor;min-height:36px;font-size:var(--text-xs);cursor:pointer;background:#ffffff9e;border:0;padding:0 10px;font-weight:700}.review-content-feedback button:focus-visible{outline:var(--focus-ring);outline-offset:2px}.review-content-feedback button:disabled{opacity:.62;cursor:default}.review-complete .learning-reward,.review-complete .account-actions{justify-content:center}.review-complete .account-actions .btn{min-height:52px}@media (prefers-reduced-motion:reduce){.review-progress-track span,.review-option{transition:none}.review-actions{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (hover:hover) and (pointer:fine){.review-keyboard-hint{display:block}}.review-shell{gap:14px;width:min(100%,720px);padding:22px 20px 116px}.review-header{align-items:center}.review-header h1{font-size:clamp(24px,4vw,30px);font-weight:800}.review-header>strong{color:#ff9600;font-size:16px}.review-progress-track{background:#e5e5e5;border:0;height:14px}.review-progress-track span{background:var(--color-accent-2-600)}.review-card{box-shadow:none;background:#fff;border:0;gap:14px;margin-top:0;padding:8px 0 18px}.review-prompt{color:#4b4b4b;font-size:16px;font-weight:750;line-height:1.5}.review-options{gap:10px}.review-option{min-height:56px;font-size:var(--text-base);background:#fff;border:2px solid #e5e5e5;border-radius:16px;padding:11px 14px;font-weight:700;box-shadow:0 4px #e5e5e5}.review-option:hover:not(:disabled){border-color:var(--color-accent-300);background:var(--color-accent-100);transform:none}.review-option[data-state=selected]{border-color:var(--color-accent-600);background:var(--color-accent-100);color:var(--color-accent-800);box-shadow:0 4px 0 var(--color-accent-800)}.review-option[data-state=correct]{border-color:var(--color-accent-2-600);background:var(--color-accent-2-100);color:var(--color-accent-2-800);box-shadow:0 4px 0 var(--color-accent-2-800)}.review-option[data-state=incorrect]{color:#b91c1c;background:#ffdfe0;border-color:#ff4b4b;box-shadow:0 4px #d93737}.review-feedback{border-radius:16px;padding:18px 20px}.review-feedback.is-correct{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.review-feedback.is-wrong{color:#b91c1c;background:#ffdfe0}.review-actions .btn{border-radius:14px;min-height:56px;font-size:16px}@media (max-width:719px){.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 (min-width:720px){.review-shell{padding:var(--space-8) 20px}.review-card{min-height:0;box-shadow:none;background:#fff;border:0;padding:20px 0}}
