:root{--paper:#f4f1e8;--surface:#fffdf7;--ink:#17211d;--muted:#69716b;--line:#d8d5ca;--green:#197a55;--green-dark:#0f5e40;--soft:#dff0e7;--red:#bd4a3e;--red-soft:#f5ded9;--shadow:0 22px 70px rgba(28,42,34,.09)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(#788077 .55px,transparent .55px);background-size:7px 7px}button,select{font:inherit}button{color:inherit}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);position:relative;z-index:2}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.14em;cursor:pointer;padding:0}.brand b{color:var(--green)}.brand-mark{width:35px;height:35px;display:grid;place-items:center;color:white;background:var(--green);font-family:Georgia,serif;font-weight:700;font-size:21px;border-radius:3px 12px 3px 3px;transform:rotate(-2deg)}.topbar-right{display:flex;align-items:center;gap:13px}.bank-pill{border:1px solid var(--line);border-radius:99px;padding:8px 13px;font-size:12px;color:var(--muted);background:var(--surface)}.bank-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.icon-button{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;border-radius:50%;cursor:pointer}main{position:relative;z-index:1;min-height:calc(100vh - 145px)}.hero{max-width:1160px;margin:auto;padding:clamp(54px,8vw,104px) 24px 72px}.eyebrow{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(50px,7vw,92px);line-height:.96;letter-spacing:-.045em;max-width:920px;margin-bottom:28px;font-weight:500}h1 em{color:var(--green);font-weight:inherit}.lead{max-width:650px;font-size:clamp(17px,2vw,21px);line-height:1.55;color:var(--muted);margin-bottom:48px}.setup{display:grid;grid-template-columns:1.4fr .6fr auto;gap:12px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.field{padding:8px 13px;border-right:1px solid var(--line)}.field label{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}select{width:100%;border:0;color:var(--ink);background:transparent;outline:none;cursor:pointer}.primary{border:0;background:var(--green);color:white;border-radius:12px;padding:0 28px;font-weight:750;cursor:pointer;transition:.2s}.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line);padding-top:25px;max-width:680px}.stat strong{display:block;font:32px Georgia,serif;margin-bottom:5px}.stat span{font-size:12px;color:var(--muted)}.quiz-shell{max-width:920px;margin:auto;padding:38px 24px 70px}.quiz-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.quiz-kicker{font-size:12px;color:var(--green);font-weight:750;text-transform:uppercase;letter-spacing:.09em}.quiz-count{color:var(--muted);font-size:13px}.progress{height:4px;border-radius:5px;overflow:hidden;background:var(--line);margin-bottom:30px}.progress span{display:block;height:100%;background:var(--green);transition:width .35s}.question-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(25px,5vw,52px);box-shadow:var(--shadow)}.meta{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.tag{padding:6px 9px;background:var(--paper);border-radius:6px;color:var(--muted);font-size:11px}.tag.difficulty{color:var(--green-dark);background:var(--soft)}.question-card h2{font:500 clamp(24px,3.5vw,34px)/1.25 Georgia,serif;letter-spacing:-.018em;margin-bottom:30px}.answers{display:grid;gap:11px}.answer{display:grid;grid-template-columns:35px 1fr;gap:13px;align-items:center;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--line);background:transparent;border-radius:11px;cursor:pointer;line-height:1.4;transition:.15s}.answer:hover:not(:disabled){border-color:var(--green);background:var(--soft)}.answer-key{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;font-size:12px;font-weight:800}.answer.selected,.answer.correct{border-color:var(--green);background:var(--soft)}.answer.wrong{border-color:var(--red);background:var(--red-soft)}.explanation{margin-top:22px;padding:19px 21px;border-left:3px solid var(--green);background:var(--paper);border-radius:0 9px 9px 0;line-height:1.55;color:var(--muted)}.explanation strong{display:block;color:var(--ink);margin-bottom:5px}.quiz-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.text-button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:12px 0}.next{min-height:48px;padding:0 25px}.next:disabled{opacity:.4;cursor:not-allowed;transform:none}.result{max-width:760px;margin:auto;padding:75px 24px;text-align:center}.score-ring{width:170px;height:170px;display:grid;place-items:center;margin:0 auto 30px;border-radius:50%;background:conic-gradient(var(--green) var(--score),var(--line) 0);position:relative}.score-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--paper)}.score-ring div{position:relative;z-index:1}.score-ring strong{display:block;font:48px Georgia,serif}.score-ring span{font-size:12px;color:var(--muted)}.result h2{font:500 clamp(36px,6vw,56px) Georgia,serif;margin-bottom:12px}.result>p{color:var(--muted);font-size:18px;margin-bottom:32px}.result-actions{display:flex;justify-content:center;gap:10px}.secondary{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:14px 22px;cursor:pointer}.result .primary{padding:14px 22px}.loading{padding:100px 24px;text-align:center;color:var(--muted)}footer{position:relative;z-index:1;border-top:1px solid var(--line);min-height:69px;padding:20px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}body.dark{--paper:#111814;--surface:#19221d;--ink:#edf2ec;--muted:#a2aca5;--line:#344038;--green:#70c79d;--green-dark:#8bdcb3;--soft:#213b2e;--red-soft:#432522;--shadow:0 24px 70px rgba(0,0,0,.2)}body.dark .primary{color:#102318;background:#70c79d}@media(max-width:700px){.bank-pill,footer span:last-child{display:none}.setup{grid-template-columns:1fr;padding:14px}.field{border-right:0;border-bottom:1px solid var(--line);padding-bottom:14px}.setup .primary{min-height:52px}.stats{gap:12px}.stat strong{font-size:25px}.question-card{border-radius:14px}.answer{grid-template-columns:31px 1fr;padding:11px}}
