@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--ink:#172036;--muted:#667085;--blue:#2563eb;--blue2:#eff6ff;--paper:#fff;--line:#e6e9f0;--green:#047857;--red:#b42318;--shadow:0 18px 50px #24345b16}*{box-sizing:border-box}body{margin:0;background:#f7f8fc;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}.shell{width:min(100% - 32px,940px);margin:0 auto;padding:40px 0 64px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:24px}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:700;color:var(--blue);margin:0 0 4px}h1,h2{font-family:Fraunces,serif;margin:0}h1{font-size:2.2rem}.progress-wrap{min-width:210px;font-size:.83rem;color:var(--muted);text-align:right}.progress{height:7px;background:#e7ecf9;border-radius:10px;margin-top:7px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--blue);border-radius:inherit;transition:.3s}.modes{display:flex;gap:8px;margin:32px 0 24px;border-bottom:1px solid var(--line)}button{font:inherit;cursor:pointer}.mode{border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:12px 15px;background:transparent;color:var(--muted);font-weight:600}.mode.active{color:var(--blue);border-color:var(--blue)}.panel,.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.card{min-height:360px;padding:clamp(24px,6vw,60px);display:flex;flex-direction:column;justify-content:center;transition:transform .35s}.card.flipped{background:#f8fbff}.label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-weight:700;margin:0 0 20px}.question{font-family:Fraunces,serif;font-size:clamp(1.3rem,3vw,1.9rem);line-height:1.35;margin:0 0 26px}.choices{display:grid;gap:10px}.choice{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;line-height:1.4}.answer-box{background:#eafaf3;border:1px solid #9ce1c0;border-radius:13px;padding:18px;line-height:1.55;color:#064e3b}.answer-box strong{display:block;margin-bottom:5px;color:var(--green)}.actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px}.btn{border:0;border-radius:11px;padding:12px 17px;background:var(--blue);color:white;font-weight:700}.btn.secondary{background:#edf1fa;color:#34405a}.btn:disabled{opacity:.45;cursor:not-allowed}.count{color:var(--muted);font-size:.9rem}.learn-layout{display:grid;grid-template-columns:1fr 260px;gap:22px}.panel{padding:25px}.option{width:100%;text-align:left;margin:8px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);line-height:1.35}.option:hover,.option.selected{border-color:var(--blue);background:var(--blue2)}.option.correct{border-color:#10b981;background:#ecfdf5}.option.wrong{border-color:#f87171;background:#fef2f2}.feedback{margin:16px 0 0;padding:13px;border-radius:10px;line-height:1.45}.feedback.good{background:#ecfdf5;color:#065f46}.feedback.bad{background:#fff1f2;color:#9f1239}.stats{display:grid;gap:13px}.stat{padding:15px;border-radius:13px;background:#f7f8fc}.stat b{font-size:1.4rem;display:block}.quiz-setup{max-width:620px;margin:40px auto;text-align:center;padding:42px}.quiz-setup p{color:var(--muted);line-height:1.5}.range-row{display:flex;gap:8px;justify-content:center;margin:25px 0}.range-row button{width:46px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:700}.range-row button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.quiz-top{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:13px}.result{text-align:center;padding:55px}.result h2{font-size:2.3rem}.result .score{font-size:3.2rem;font-weight:700;color:var(--blue);margin:16px}.shortcut{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border:0;border-radius:50%;background:#172036;color:white;font-weight:700;box-shadow:var(--shadow)}dialog{border:0;border-radius:16px;box-shadow:var(--shadow);width:min(92vw,380px);padding:22px}dialog::backdrop{background:#17203666}.dialog-head{display:flex;justify-content:space-between;align-items:center}.icon-btn{border:0;background:transparent;font-size:1.8rem}dialog ul{padding-left:18px;line-height:2}kbd{background:#eef1f6;border:1px solid #d8dde7;border-radius:5px;padding:2px 6px;font-size:.78rem}@media(max-width:680px){.shell{width:min(100% - 24px,940px);padding-top:24px}.topbar{align-items:start;flex-direction:column;gap:12px}.progress-wrap{width:100%;text-align:left}.learn-layout{grid-template-columns:1fr}.learn-layout aside{display:flex;gap:8px}.stat{flex:1}.modes{justify-content:space-between}.mode{padding:12px 8px;font-size:.9rem}.card{min-height:430px}.actions{flex-wrap:wrap}.actions .btn{flex:1}.question{font-size:1.3rem}}