:root{--bg:#f5f5f5;--bg-card:white;--text:#1a1a1a;--text-secondary:#666;--border:#ddd;--primary:#2563eb;--primary-hover:#1d4ed8;--selected-bg:#eff6ff;--correct:#16a34a;--correct-bg:#f0fdf4;--wrong:#dc2626;--wrong-bg:#fef2f2}[data-theme=dark]{--bg:#1a1a1a;--bg-card:#2a2a2a;--text:#e5e5e5;--text-secondary:#999;--border:#444;--primary:#3b82f6;--primary-hover:#2563eb;--selected-bg:#1e3a5f;--correct:#22c55e;--correct-bg:#14332a;--wrong:#ef4444;--wrong-bg:#3b1515}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,sans-serif}#root{max-width:640px;margin:0 auto;padding:2rem 1rem}.home{text-align:center;padding-top:4rem}.home h1{margin-bottom:.5rem;font-size:2rem}.home p{color:var(--text-secondary);margin-bottom:2rem}.btn-start{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1.1rem}.btn-start:hover{background:var(--primary-hover)}.btn-next{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:1rem;padding:.6rem 1.5rem;font-size:1rem}.btn-next:hover{background:var(--primary-hover)}.question-card{flex-direction:column;gap:1rem;min-height:calc(100vh - 4rem);display:flex}.question-card .btn-back{align-self:flex-start;margin-bottom:-.5rem}.question-nav{justify-content:space-between;align-items:center;display:flex}.btn-nav{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.9rem}.btn-nav:hover:not(:disabled){color:var(--text)}.btn-nav:disabled{opacity:.3;cursor:default}.progress{text-align:center;color:var(--text-secondary);font-size:.9rem}.question-image{object-fit:contain;background:var(--bg-card);border-radius:8px;align-self:center;max-width:100%;max-height:250px;padding:.5rem}.context-text{color:var(--text-secondary);background:var(--bg-card);border-left:3px solid #5b9bd5;border-radius:4px;margin:0;padding:.5rem .75rem;font-size:.95rem;font-style:italic}.question-text{font-size:1.2rem;font-weight:600;line-height:1.4}.choices{flex-direction:column;gap:.5rem;display:flex}.choice{text-align:left;border:2px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text);border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s}.choice:hover:not(:disabled){border-color:var(--primary)}.choice.selected{border-color:var(--primary);background:var(--selected-bg)}.choice.correct{border-color:var(--correct);background:var(--correct-bg)}.choice.wrong{border-color:var(--wrong);background:var(--wrong-bg)}.choice.disabled{opacity:.5}.action-zone{background:var(--bg);max-width:640px;margin:0 auto;padding:1rem;position:fixed;bottom:0;left:0;right:0}.question-card{padding-bottom:8rem}.btn-validate{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.6rem 1.5rem;font-size:1rem}.btn-validate:hover{background:var(--primary-hover)}.feedback{border-radius:8px;padding:.75rem 1rem;font-weight:500}.feedback-correct{background:var(--correct-bg);color:var(--correct)}.feedback-wrong{background:var(--wrong-bg);color:var(--wrong)}.swipe-trail{pointer-events:none;filter:blur(4px);z-index:200;background:radial-gradient(circle,#cab27299 0%,#0000 70%);border-radius:50%;width:32px;height:32px;position:fixed}.results{text-align:center;padding-top:4rem}.results h1{margin-bottom:1rem}.score{margin-bottom:2rem;font-size:3rem;font-weight:700}.results .btn-start{margin-top:1rem}.recap{padding:1rem 0}.recap-header{text-align:center;margin-bottom:1.5rem}.recap-header h1{font-size:1.5rem}.recap-list{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}.recap-item{border:none;border-left:4px solid var(--border);background:var(--bg-card);cursor:pointer;text-align:left;color:var(--text);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;transition:background .15s;display:flex}.recap-item:hover{background:var(--selected-bg)}.recap-item.correct{border-left-color:var(--correct)}.recap-item.wrong{border-left-color:var(--wrong)}.recap-question-number{text-align:center;min-width:1.5rem;font-weight:700}.recap-question-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.recap-indicator{text-align:center;min-width:1.5rem;font-size:1.1rem;font-weight:700}.recap-item.correct .recap-indicator{color:var(--correct)}.recap-item.wrong .recap-indicator{color:var(--wrong)}.recap .btn-start{margin:0 auto;display:block}.btn-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-bottom:1rem;padding:.25rem 0;font-size:.9rem}.btn-back:hover{color:var(--text)}.hint{color:var(--primary);font-size:.85rem;font-style:italic}.btn-settings{border:1px dashed var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;margin:1rem auto 0;padding:.4rem 1rem;font-size:.85rem;display:block}.btn-settings:hover{border-color:var(--primary);color:var(--text)}.settings-panel{border:1px dashed var(--border);text-align:left;max-width:300px;color:var(--text-secondary);border-radius:8px;margin:1rem auto 0;padding:1rem;font-size:.9rem}.settings-panel label{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.settings-panel input[type=number]{border:1px solid var(--border);background:var(--bg-card);width:4rem;color:var(--text);text-align:center;border-radius:4px;padding:.3rem .5rem;font-size:.9rem}.btn-clear-history{border:1px solid var(--wrong,#e74c3c);color:var(--wrong,#e74c3c);cursor:pointer;background:0 0;border-radius:6px;margin:1rem auto 0;padding:.4rem 1rem;font-size:.85rem;display:block}.btn-clear-history:hover{background:var(--wrong,#e74c3c);color:#fff}.score-history{text-align:left;margin-top:3rem}.score-history h2{text-align:center;margin-bottom:.75rem;font-size:1.1rem}.score-history table{border-collapse:collapse;width:100%}.score-history th,.score-history td{border-bottom:1px solid var(--border);text-align:left;padding:.5rem .75rem}.score-history th{color:var(--text-secondary);font-size:.85rem;font-weight:600}.score-history td:last-child{text-align:right;font-weight:600}.theme-toggle{border:2px solid var(--border);cursor:pointer;width:2.5rem;height:2.5rem;color:var(--text);background:0 0;background:var(--bg-card);z-index:100;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;top:1rem;right:1rem}.theme-toggle:hover{border-color:var(--primary)}