:root{--ink:#2b2420;--paper:#fbf8f3;--sun:#e2a640;--leaf:#4f7a5c;--clay:#b5583f;--line:#e7e0d4;--grade-red:#c2452d;--grade-mid:#8a6c00;--grade-green:#2e7d4f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,Iowan Old Style,serif}.wrap{max-width:640px;margin:0 auto;padding:48px 24px}.eyebrow{font-family:Helvetica Neue,Arial,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);font-weight:600}h1{font-size:2.4rem;line-height:1.15;margin:8px 0 4px}p.lead{font-family:Helvetica Neue,Arial,sans-serif;color:#6b6053;font-size:1.05rem;margin-top:0}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px;margin-top:24px}label{display:block;font-family:Helvetica Neue,Arial,sans-serif;font-size:13px;color:#6b6053;margin-bottom:6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:6px;font-size:15px;margin-bottom:16px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--sun);outline-offset:1px}textarea{resize:vertical}.checkbox-label{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:14px}.checkbox-label input{width:auto;margin:0}.site-footer{padding-top:0}button{font-family:Helvetica Neue,Arial,sans-serif;background:var(--clay);color:#fff;border:none;border-radius:6px;padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer}button:hover{opacity:.92}button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}button.correct{background:var(--leaf);color:#fff;border:none}button.incorrect{background:var(--clay);color:#fff;border:none}button:disabled{cursor:default;opacity:1}.grade-row{display:flex;gap:8px}.grade-row button{flex:1 1;color:#fff;border:none;transition:filter .12s ease,transform .12s ease}.grade-row button:hover:not(:disabled){opacity:1;filter:brightness(1.08)}.grade-row button:active:not(:disabled){transform:translateY(1px)}.grade-row button:focus-visible{outline:2px solid var(--sun);outline-offset:2px}.grade-row button:disabled{opacity:.55}button.grade-again{background:var(--grade-red)}button.grade-hard{background:linear-gradient(90deg,var(--grade-red),var(--grade-mid));background:linear-gradient(in oklch 90deg,var(--grade-red),var(--grade-mid))}button.grade-good{background:linear-gradient(90deg,var(--grade-mid),var(--grade-green));background:linear-gradient(in oklch 90deg,var(--grade-mid),var(--grade-green))}button.grade-easy{background:var(--grade-green)}@media (max-width:400px){.grade-row{flex-wrap:wrap}.grade-row button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px)}}.feedback-correct,.feedback-incorrect{font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;margin:4px 0 0}.feedback-correct{color:var(--leaf)}.error,.feedback-incorrect{color:var(--clay)}.error{font-size:13px;margin-top:-8px;margin-bottom:12px}.error,.progress-row{font-family:Helvetica Neue,Arial,sans-serif}.progress-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.progress-row:last-child{border-bottom:none}.badge{background:#eef4ef;color:var(--leaf);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.top-nav{display:flex;justify-content:space-between;align-items:center;font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;margin-bottom:8px}.top-nav a{color:var(--ink);text-decoration:none;margin-left:16px}.top-nav a:hover{color:var(--clay)}.stat{font-size:2rem;font-weight:700}.stat,.stat-label{font-family:Helvetica Neue,Arial,sans-serif}.stat-label{font-size:13px;color:#6b6053}.stat-row{display:flex;gap:16px}.stat-box{flex:1 1;text-align:center}.streak-flame{font-size:1.4rem}