:root{font-family:ui-rounded,'Avenir Next',Avenir,'Segoe UI',sans-serif;color:#263f36;background:#f8f7f1;font-synthesis:none;--green:#326756;--muted:#758078;--line:#dce3d8}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d49b28;outline-offset:4px}[hidden]{display:none!important}header{max-width:1160px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{background:var(--green);color:white;border-radius:13px;padding:10px;font-size:22px;letter-spacing:-2px}.header-note{color:var(--muted);font-size:13px}main{max-width:1060px;margin:auto;padding:48px 28px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;margin:6px 0 45px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--green);margin:0 0 18px}h1{font-size:clamp(38px,5vw,62px);line-height:1.12;letter-spacing:-2px;margin:0 0 20px}h1 em{color:var(--green);font-family:Georgia,serif;font-weight:normal}h2{margin:0;font-size:24px;letter-spacing:-.6px}.intro{font-size:18px;line-height:1.65;color:#68766c}.features{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.features span{font-size:12px;padding:8px 12px;border:1px solid var(--line);border-radius:20px}.illustration{height:290px;position:relative;background:radial-gradient(ellipse,#e4eadd 0%,#e4eadd 55%,transparent 56%)}.note{position:absolute;padding:22px 27px;border-radius:8px;box-shadow:0 12px 25px #32463812;font-size:12px;line-height:1.8;width:210px}.note b{font-family:Georgia,serif;display:block;font-size:27px;font-weight:normal}.note-back{background:#e6c976;top:9px;left:28px;transform:rotate(-11deg)}.note-front{background:#fff;top:96px;right:8px;transform:rotate(7deg);z-index:1;width:235px}.note-front span{position:absolute;right:18px;top:15px;color:var(--green);font-size:27px}.note-bottom{background:#d9e4f2;bottom:0;left:31px;transform:rotate(-5deg)}.spark{position:absolute;right:20px;top:8px;font-size:47px;color:#bc8434}.card{background:#fffefa;border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 25px #24372e04}.setup{padding:32px}.setup .eyebrow{margin-bottom:10px}fieldset{border:0;padding:0;margin:26px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}fieldset label{position:relative;cursor:pointer}fieldset input{position:absolute;opacity:0}fieldset label span{display:block;padding:18px 14px;border:1px solid var(--line);border-radius:13px;font-weight:700;font-size:15px}fieldset small{display:block;margin-top:7px;font-size:12px;font-weight:400;color:var(--muted)}fieldset input:checked+span{border-color:var(--green);background:#edf3eb;box-shadow:inset 0 0 0 1px var(--green)}fieldset input:focus-visible+span{outline:3px solid #d49b28;outline-offset:3px}.verbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.verbs>span{font-size:10px;letter-spacing:1px;color:var(--muted);margin-right:9px}.verbs b{background:#f1f0e9;padding:7px 13px;border-radius:7px;font-weight:500;font-size:13px}.start-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:26px;padding-top:20px;gap:20px}.start-row p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.primary{background:var(--green);color:#fff;padding:17px 26px;border-radius:12px;font-weight:700;min-height:54px;transition:background .15s,transform .15s}.primary:hover{background:#254f41;transform:translateY(-1px)}.primary span{margin-left:36px}.quiet{background:transparent;color:var(--green);padding:12px 6px;font-weight:600}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.quiz-top strong{font-size:13px;background:#e8efdf;padding:10px 13px;border-radius:20px}.progress{height:7px;background:#e1e6dd;border-radius:10px;margin:18px 0 30px;overflow:hidden}#bar{height:100%;background:var(--green);transition:width .25s}.question-card{max-width:690px;margin:auto;text-align:center;padding:40px}.prompt-tags{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0}.prompt-tags span{padding:10px 18px;border-radius:9px;background:#eee9db;font-weight:600}.prompt-tags span+span{background:#e7edf6;color:#4c6387}.question-card h1{margin:33px 0;font-size:52px}.blank{color:#b6c2b5;letter-spacing:2px}.question-card label{display:block;text-align:left;font-size:14px;font-weight:600;margin-bottom:10px}#answer{width:100%;border:2px solid #bdcdbd;background:#fff;border-radius:12px;padding:16px 20px;font-size:25px;color:#263f36}#answer:disabled{background:#f3f4ee;color:#637367}#input-help{text-align:left;font-size:12px;color:var(--muted);margin:9px 0 23px}.question-card .primary{width:100%}.feedback{text-align:left;padding:18px;line-height:1.6;border-radius:12px;margin:18px 0}.correct{background:#e6f1e2;color:#305c2a}.incorrect{background:#fff0d9;color:#855111}.keyboard-tip{text-align:center;font-size:13px;color:var(--muted);margin:24px 0}kbd{background:#eeeee7;border:1px solid #d3d9cd;padding:2px 6px;border-radius:4px}.results-card{text-align:center;padding:38px}.trophy{font-size:66px;color:#c49837}.results-card h1{font-size:40px;margin:10px 0}.big-score{font-size:65px;color:var(--green);font-weight:800;margin:20px 0;letter-spacing:-3px}#result-message{color:var(--muted);line-height:1.6}.result-actions{display:flex;justify-content:center;gap:22px;margin-top:25px}.review{max-width:740px;margin:40px auto}.review>p{color:var(--muted);font-size:14px;line-height:1.6}.review-row{display:flex;gap:18px;align-items:center;padding:17px 20px;background:#fffefa;border:1px solid var(--line);border-radius:12px;margin:10px 0}.review-number{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e6efdf;flex-shrink:0}.retry .review-number{background:#fbeacb;color:#83571b}.review-row small{display:block;color:var(--muted);margin-bottom:5px}.review-row strong{font-size:19px}.review-row p{margin:7px 0 0;color:#966023;overflow-wrap:anywhere}footer{text-align:center;padding:10px 20px 26px;color:#8a9186;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){header{padding:20px}.header-note{display:none}main{padding:30px 18px}.hero{grid-template-columns:1fr;margin-bottom:28px}.illustration{display:none}h1{font-size:44px}.setup{padding:23px}fieldset{grid-template-columns:repeat(2,1fr)}.start-row{flex-direction:column;align-items:stretch}.start-row .primary{width:100%}.question-card{padding:28px 22px}.question-card h1{font-size:40px}.quiz-top{font-size:12px;flex-wrap:wrap}.quiz-top strong{font-size:11px}.result-actions{flex-direction:column;gap:10px}.results-card{padding:28px 20px}.results-card h1{font-size:34px}.keyboard-tip{line-height:1.8}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.selection-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}.selection-heading h3{margin:0;margin-right:auto}.setup>p:not(.eyebrow){font-size:14px;line-height:1.6;color:#68766c}#times{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}#verbs{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:12px}#selection-summary{min-height:24px}.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:700px){#times,#verbs{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-heading{gap:8px}.selection-heading h3{flex-basis:100%}#mix-all{text-align:left;line-height:1.6}}

.quiz-settings{display:grid;gap:12px;margin:28px 0;padding:20px;background:#f4f5ed;border-radius:16px}.quiz-settings select,.quiz-settings input[type=number]{font:inherit;padding:12px;border:1px solid #648274;border-radius:8px;width:100%;box-sizing:border-box;background:white;color:#243d33}.quiz-settings>label,#custom-count-wrap label{font-weight:700}.quiz-settings .timer-option{display:flex;align-items:center;gap:10px}.timer-option input{width:22px;height:22px;accent-color:#326756}.quiz-top{flex-wrap:wrap}#timer{font-variant-numeric:tabular-nums;font-weight:700}.quiz-settings p{margin:0;font-size:.9rem}#custom-count-wrap[hidden]{display:none}