:root{--bg:#f7f3ea;--paper:#fffdf8;--paper-2:#fbf6ec;--ink:#14211f;--muted:#68746f;--line:#ded4c4;--line-strong:#cdbfae;--green:#0f766e;--green-2:#115e59;--green-soft:#e4f7f2;--amber:#b7791f;--red:#b45309;--shadow:0 18px 45px #14211f1a;--radius:22px}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 12% 0,#0f766e1a,#0000 32%),linear-gradient(#f7f3ea,#efe7da);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}.app{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.topbar{z-index:5;backdrop-filter:blur(14px);background:#f7f3eae6;border-bottom:1px solid #ded4c4bf;position:sticky;top:0}.topbar-inner{grid-template-columns:auto 1fr auto auto auto auto;align-items:center;gap:16px;max-width:1080px;margin:0 auto;padding:16px 20px;display:grid}.brand{letter-spacing:-.04em;font-size:22px;font-weight:900}.brand span{color:var(--green)}.exit{border:1px solid var(--line);color:var(--ink);white-space:nowrap;background:#fffdf8;border-radius:999px;padding:10px 14px;font-weight:900;text-decoration:none}.progress-wrap{background:#e5dccd;border:1px solid #cdbfaebf;border-radius:999px;height:14px;overflow:hidden}.progress{background:linear-gradient(90deg,var(--green-2),#14b8a6);border-radius:999px;width:0;height:100%;transition:width .25s}.stat{color:var(--green-2);white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;font-weight:900;display:flex}.stat .dot{background:var(--green);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 5px #0f766e1f}.timer{color:var(--amber)}.timer.danger{color:var(--red)}main{width:100%;max-width:980px;margin:0 auto;padding:38px 20px 132px}.screen{max-width:760px;margin:0 auto}.lesson-chip{border:1px solid var(--line);color:var(--muted);background:#fffdf8b8;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:13px;font-weight:800;display:inline-flex}.question{letter-spacing:-.045em;margin:26px 0;font-size:clamp(30px,5vw,48px);line-height:1.05}.hint{color:var(--muted);margin:-10px 0 26px;font-size:17px}.answers{gap:14px;display:grid}.msq-answer{border:2px solid var(--line);background:var(--paper);border-radius:var(--radius);text-align:left;cursor:pointer;min-height:94px;color:var(--ink);font:inherit;grid-template-columns:54px 1fr;align-items:center;gap:16px;width:100%;padding:20px;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s;display:grid;box-shadow:0 8px 18px #14211f0a}.msq-answer:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 12px 26px #14211f12}.msq-answer:focus-visible{outline-offset:3px;outline:4px solid #0f766e38}.msq-answer.selected{border-color:var(--green);background:var(--green-soft);box-shadow:0 16px 32px #0f766e1f}.msq-answer.correct{border-color:var(--green);background:var(--green-soft)}.msq-answer.wrong{border-color:var(--amber);background:#fff7ed}.letter{width:48px;height:48px;color:var(--green-2);background:#efe6d8;border-radius:16px;place-items:center;font-size:18px;font-weight:950;display:grid}.selected .letter,.correct .letter{background:var(--green);color:#fff}.wrong .letter{background:var(--amber);color:#fff}.answer-title{letter-spacing:-.015em;font-size:19px;font-weight:850;line-height:1.25;display:block}.answer-sub{color:var(--muted);margin-top:5px;font-size:14px;display:block}.bottom{z-index:10;backdrop-filter:blur(14px);background:#fffdf8f0;border-top:1px solid #ded4c4e6;position:fixed;bottom:0;left:0;right:0}.bottom-inner{grid-template-columns:1fr auto auto;align-items:center;gap:12px;max-width:980px;min-height:96px;margin:0 auto;padding:18px 20px;display:grid}.feedback{min-height:46px;color:var(--muted);align-items:center;gap:12px;display:flex}.feedback strong{color:var(--ink)}.feedback .icon{width:34px;height:34px;color:var(--muted);background:#efe6d8;border-radius:999px;flex:none;place-items:center;font-weight:950;display:grid}.feedback.good .icon{background:var(--green);color:#fff}.feedback.bad .icon{background:var(--amber);color:#fff}.cta{cursor:pointer;color:#fff;background:var(--green-2);border:0;border-radius:999px;min-width:160px;padding:16px 28px;font-size:16px;font-weight:950;transition:transform .14s,opacity .14s;box-shadow:0 12px 24px #115e5938}.cta:hover{transform:translateY(-1px)}.cta:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none}.ghost{border:1px solid var(--line);background:var(--paper);color:var(--ink);white-space:nowrap;border-radius:999px;padding:15px 20px;font-weight:900;text-decoration:none}.result{text-align:center;max-width:760px;margin:0 auto;display:none}.result-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:32px;padding:42px 30px}.badge-big{background:var(--green-soft);width:96px;height:96px;color:var(--green-2);border-radius:32px;place-items:center;margin:0 auto 22px;font-size:42px;font-weight:950;display:grid}.score{letter-spacing:-.07em;margin:8px 0 0;font-size:clamp(52px,8vw,86px);font-weight:950;line-height:.92}.result h1{letter-spacing:-.05em;margin:20px 0 12px;font-size:clamp(32px,5vw,54px);line-height:1}.lead{color:var(--muted);font-size:17px}.reward-box{border:1px solid var(--line);text-align:left;background:#fbf6ec;border-radius:22px;max-width:520px;margin:26px auto 0;padding:20px}.reward-box p{color:var(--muted);margin:6px 0}.reward-box strong{color:var(--ink)}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.secondary{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:14px 22px;font-weight:900;text-decoration:none}@media (width<=820px){.topbar-inner{grid-template-columns:1fr;gap:12px}.stat{justify-content:flex-start}.bottom-inner{grid-template-columns:1fr}.cta,.ghost{justify-content:center;width:100%}.msq-answer{grid-template-columns:46px 1fr;min-height:86px;padding:16px}.letter{border-radius:14px;width:42px;height:42px}}