:root{color:#1c1915;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3efe7;font-family:Iowan Old Style,Palatino Linotype,Palatino,Hiragino Mincho ProN,serif;line-height:1.6}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app{place-items:start center;min-height:100vh;padding:2.5rem 1.25rem 4rem;display:grid}.card{background:#fffdf8;border:1px solid #e4dccb;border-radius:1.25rem;width:min(40rem,100%);padding:1.75rem 1.5rem 1.5rem;box-shadow:0 16px 40px #46301014}.mark{color:#8a5a2a;letter-spacing:.14em;text-transform:lowercase;margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:700}h1{white-space:pre-wrap;margin:.35rem 0 .75rem;font-size:1.45rem;font-weight:650;line-height:1.45}.lede,.progress,.score,.review-status,.review-answer{font-family:ui-sans-serif,system-ui,sans-serif}.lede{color:#4d463c;margin:0 0 1.25rem}.progress{color:#6f6456;margin:0 0 .5rem;font-size:.92rem}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.primary,.secondary{border-radius:999px;padding:.7rem 1.2rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:1rem}.primary{color:#fffaf3;background:#8a5a2a;border:0}.primary:hover:not(:disabled){background:#73481f}.primary:disabled{color:#fffdf8;background:#cbbba6}.secondary{color:#3d342b;background:0 0;border:1px solid #d9cbb6}.secondary:hover{background:#f6f0e6}.choices{border:0;gap:.65rem;margin:1rem 0 0;padding:0;display:grid}.choice{background:#fff;border:1px solid #e4dccb;border-radius:.85rem;align-items:flex-start;gap:.75rem;padding:.85rem .9rem;font-family:ui-sans-serif,system-ui,sans-serif;display:flex}.choice:has(input:focus-visible){outline-offset:2px;outline:2px solid #8a5a2a}.choice input{accent-color:#8a5a2a;margin-top:.25rem}.choice.is-selected{background:#fbf6ee;border-color:#8a5a2a}.choice.is-correct{background:#e8f6ee;border-color:#1f7a4d}.choice.is-wrong{background:#fdeceb;border-color:#a33b32}.feedback{border-radius:.85rem;margin-top:1rem;padding:.9rem 1rem;font-family:ui-sans-serif,system-ui,sans-serif}.feedback p{margin:.35rem 0 0}.feedback.is-correct{color:#145c38;background:#e8f6ee}.feedback.is-wrong{color:#8a2e27;background:#fdeceb}.error{color:#8a2e27;margin:0 0 1rem;font-family:ui-sans-serif,system-ui,sans-serif}.score{margin:0 0 1rem;font-size:1.15rem}.review{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.review li{border:1px solid #e4dccb;border-radius:.85rem;padding:.85rem .9rem}.review-prompt{white-space:pre-wrap;margin:.2rem 0 .35rem}.catalog{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.catalog button{text-align:left;background:#fff;border:1px solid #e4dccb;border-radius:.85rem;width:100%;padding:.9rem 1rem}.catalog button:hover{background:#fbf6ee;border-color:#8a5a2a}.catalog strong,.catalog span{font-family:ui-sans-serif,system-ui,sans-serif;display:block}.catalog span{color:#6f6456;margin-top:.25rem;font-size:.92rem}.catalog .paused{color:#8a5a2a;font-weight:700}.review-status{margin:0;font-size:.92rem;font-weight:700}.review-status.is-correct{color:#145c38}.review-status.is-wrong{color:#8a2e27}.review-answer{color:#4d463c;margin:.2rem 0 0}@media (width<=640px){.app{padding:1rem .75rem 2rem}.card{padding:1.25rem 1rem}h1{font-size:1.5rem}}
