:root{color:#17201b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;padding:22px}.topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto 22px;display:flex}.brand,.pill,.stats span,.section-heading{align-items:center;display:flex}.brand{color:#123426;gap:9px;font-size:1rem;font-weight:800}.brand svg,.section-heading svg,.stats svg{width:20px;height:20px}.pill{color:#24513d;text-align:center;background:#e1efe8;border:1px solid #c1dccd;border-radius:999px;min-height:34px;padding:6px 12px;font-size:.85rem;font-weight:700}.layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:22px;max-width:1180px;margin:0 auto;display:grid}.test-column,.study-column{gap:18px;display:grid}.intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;display:grid}.eyebrow{color:#c14f2c;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{color:#142d23;max-width:760px;margin-bottom:16px;font-size:clamp(2.2rem,6vw,4.7rem);line-height:.96}.lede{color:#4d5d55;max-width:720px;margin-bottom:0;font-size:1.05rem;line-height:1.65}.stats{gap:10px;min-width:190px;display:grid}.stats span{color:#31453b;background:#fff;border:1px solid #dfe7de;border-radius:8px;gap:8px;min-height:44px;padding:10px 12px;font-weight:800}.question-panel,.rule-panel,.cheat-panel,.flashcard-panel,.resume-panel,.score-panel,.conversion-panel,.seo-section,.faq-section,.panel{background:#fff;border:1px solid #dfe7de;border-radius:8px;box-shadow:0 18px 45px #1b2b2114}.question-panel{padding:24px}.question-meta{color:#65756e;justify-content:space-between;gap:14px;margin-bottom:12px;font-size:.9rem;font-weight:800;display:flex}.progress-track{background:#edf1ea;border-radius:999px;height:8px;margin-bottom:24px;overflow:hidden}.progress-track div{background:#2f8e62;height:100%;transition:width .18s}.question-panel h2,.rule-panel h2,.cheat-panel h2,.flashcard-panel h2,.conversion-panel h2,.seo-section h2,.faq-section h2,.panel h2{color:#142d23;margin-bottom:18px;font-size:1.28rem;line-height:1.3}.choice-list{gap:10px;display:grid}.choice{color:#24372e;text-align:left;background:#fbfcf9;border:1px solid #dfe7de;border-radius:8px;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;min-height:62px;padding:12px;transition:border-color .14s,background .14s,transform .14s;display:grid}.choice:hover:not(:disabled),.choice:focus-visible{border-color:#2f8e62;outline:none;transform:translateY(-1px)}.choice-id{color:#24513d;background:#eaf2ec;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:900;display:inline-flex}.choice.correct{background:#edf8f1;border-color:#68bf86}.choice.wrong{background:#fff1ed;border-color:#dd7e63}.choice svg{justify-self:end;width:22px;height:22px}.choice.correct svg{color:#2f8e62}.choice.wrong svg{color:#c14f2c}.explanation{background:#f5f7f2;border-left:4px solid #2f8e62;border-radius:8px;margin-top:18px;padding:14px 16px}.explanation strong,.rule-answer strong{color:#142d23}.explanation p,.rule-answer p,.missed-list p{color:#4d5d55;margin-bottom:0;line-height:1.55}.question-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:20px;display:flex}.question-actions span{color:#65756e;font-weight:800}.mode-control{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.mode-control>span{color:#31453b;font-weight:900}.segmented{background:#fff;border:1px solid #cfd9d1;border-radius:8px;grid-template-columns:repeat(2,minmax(76px,1fr));display:inline-grid;overflow:hidden}.segmented button{color:#4d5d55;background:0 0;border:0;min-height:40px;padding:8px 12px;font-weight:900}.segmented button[aria-pressed=true]{color:#fff;background:#1f6f4d}.segmented.small{grid-template-columns:repeat(2,minmax(62px,1fr))}.segmented.small button{min-height:34px;padding:7px 10px;font-size:.85rem}.resume-panel{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.resume-panel strong{color:#142d23}.resume-panel p,.score-panel p,.conversion-panel p,.seo-section p,.faq-grid p{color:#4d5d55;margin-bottom:0;line-height:1.55}.resume-panel button,.secondary-action,.prompt-list button{color:#24513d;background:#fff;border:1px solid #cfd9d1;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-weight:900;display:inline-flex}.resume-panel button:hover,.resume-panel button:focus-visible,.secondary-action:hover,.secondary-action:focus-visible,.prompt-list button:hover,.prompt-list button:focus-visible{border-color:#2f8e62;outline:3px solid #2f8e6229}.resume-panel svg{width:17px;height:17px}.primary-action{color:#fff;background:#1f6f4d;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 16px;font-weight:900;display:inline-flex}.primary-action:hover:not(:disabled),.primary-action:focus-visible{background:#155a3d;outline:3px solid #2f8e623d}.primary-action:disabled{background:#9ba8a0}.primary-action svg{width:19px;height:19px}.rule-panel,.cheat-panel,.flashcard-panel,.score-panel,.panel{padding:20px}.score-panel{gap:10px;display:grid}.score-panel div{color:#24513d;align-items:center;gap:8px;font-size:.9rem;font-weight:900;display:flex}.score-panel svg{width:20px;height:20px}.score-panel strong{color:#142d23;font-size:2rem;line-height:1}.section-heading{gap:12px;margin-bottom:16px}.section-heading h2{margin-bottom:0}.section-heading svg{color:#c14f2c}.search-form{gap:8px;display:grid}.search-form label{color:#31453b;font-size:.9rem;font-weight:900}.search-row{grid-template-columns:minmax(0,1fr) 46px;gap:8px;display:grid}.search-row input{border:1px solid #cfd9d1;border-radius:8px;width:100%;min-height:46px;padding:0 12px}.search-row input:focus{border-color:#2f8e62;outline:3px solid #2f8e622e}.search-row button{color:#fff;background:#c14f2c;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.search-row button svg{width:20px;height:20px}.prompt-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.prompt-list button{min-height:34px;font-size:.82rem}.rule-answer{background:#f5f7f2;border-radius:8px;margin-top:16px;padding:16px}.rule-answer span{color:#c14f2c;font-size:.78rem;font-weight:900}.rule-answer h3{color:#142d23;margin:6px 0 8px}.exam-note{color:#77502f;background:#fff8ec;border-left:4px solid #c14f2c;border-radius:8px;margin-top:18px;padding:14px 16px;font-weight:800;line-height:1.45}.flashcard-panel{gap:12px;display:grid}.flashcard-panel p{color:#4d5d55;margin-bottom:0;line-height:1.55}.flashcard-panel .secondary-action{justify-self:start}.cheat-panel ul{color:#4d5d55;margin:0;padding-left:20px;line-height:1.7}footer{color:#65756e;align-items:flex-start;gap:8px;max-width:1180px;margin:24px auto 0;font-size:.85rem;line-height:1.55;display:flex}footer svg{flex:none;width:18px;height:18px;margin-top:1px}.results-shell{max-width:1180px;margin:0 auto}.results-hero{justify-content:space-between;align-items:center;gap:24px;margin:34px 0 22px;display:flex}.results-hero h1{margin-bottom:8px}.score-badge{white-space:nowrap;border-radius:8px;align-items:center;gap:10px;min-height:56px;padding:14px 16px;font-size:1rem;font-weight:900;display:flex}.score-badge svg{width:24px;height:24px}.score-badge.pass{color:#1f6f4d;background:#e5f7ec}.score-badge.review{color:#9b4a19;background:#fff1df}.results-grid{grid-template-columns:.8fr 1fr;gap:18px;margin-bottom:18px;display:grid}.plan-panel{align-content:start}.plan-callout{background:#f5f7f2;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:14px;display:flex}.plan-callout svg{color:#c14f2c;flex:none;width:20px;height:20px}.plan-callout p{color:#31453b;margin-bottom:0;line-height:1.5}.step-list{color:#4d5d55;margin:0;padding-left:22px;line-height:1.6}.step-list li+li{margin-top:8px}.category-list,.missed-list{gap:10px;display:grid}.category-row{color:#31453b;border-bottom:1px solid #edf1ea;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.category-row:last-child{border-bottom:0}.category-row strong{color:#142d23}.heatmap{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.heatmap span{border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:900;display:inline-flex}.correct-dot{color:#1f6f4d;background:#e5f7ec}.wrong-dot{color:#c14f2c;background:#fff1ed}.panel-title-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.panel-title-row h2{margin-bottom:0}.missed-list article{background:#f5f7f2;border-radius:8px;padding:14px}.missed-list h3{color:#142d23;margin-bottom:8px;font-size:1rem;line-height:1.35}.review-status{text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:900;display:inline-block}.correct-text{color:#1f6f4d}.wrong-text{color:#c14f2c}.empty{background:#edf8f1;border-radius:8px;padding:14px}.conversion-panel{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:18px;margin-bottom:18px;padding:20px;display:grid}.conversion-panel h2{margin-bottom:8px}.email-form{gap:8px;display:grid}.email-form label{color:#31453b;font-size:.9rem;font-weight:900}.email-form div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.email-form input{border:1px solid #cfd9d1;border-radius:8px;min-height:46px;padding:0 12px}.email-form input:focus{border-color:#2f8e62;outline:3px solid #2f8e622e}.email-form button{color:#fff;background:#1f6f4d;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-weight:900;display:inline-flex}.email-form button svg{width:18px;height:18px}.email-form span{color:#65756e;font-size:.9rem;font-weight:800}.result-actions{flex-wrap:wrap;gap:10px;display:flex}.seo-section,.faq-section{max-width:1180px;margin:22px auto 0;padding:22px}.seo-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.seo-section article{min-width:0}.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.faq-grid article{background:#f5f7f2;border-radius:8px;padding:14px}.faq-grid h3{color:#142d23;margin-bottom:8px;font-size:1rem;line-height:1.35}@media (width<=900px){.app-shell{padding:16px}.layout,.intro,.results-grid,.conversion-panel,.seo-section,.faq-grid{grid-template-columns:1fr}.intro{align-items:start}.stats{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.results-hero{flex-direction:column;align-items:flex-start}}@media (width<=560px){.topbar,.question-actions,.resume-panel{flex-direction:column;align-items:stretch}.question-panel,.rule-panel,.cheat-panel,.flashcard-panel,.resume-panel,.score-panel,.conversion-panel,.seo-section,.faq-section,.panel{padding:16px}.question-meta{flex-direction:column}.choice{grid-template-columns:34px minmax(0,1fr)}.choice svg{grid-column:2;justify-self:start}.stats{grid-template-columns:1fr}.primary-action{width:100%}.mode-control,.panel-title-row{flex-direction:column;align-items:stretch}.segmented{width:100%}.email-form div{grid-template-columns:1fr}.email-form button,.resume-panel button,.secondary-action{justify-content:center;width:100%}}