.a{font:600 26px/1.7 "Amiri",serif;display:block}
.r{font:italic 15px/1.4 "Tinos",serif;color:var(--mute);display:block}
.qcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:14px 0}
.qcard.good{border-color:var(--ok)}.qcard.wrong{border-color:var(--bad)}
.qn{color:var(--gold);font-weight:700;font-size:14px;margin-bottom:2px}
.qins{color:var(--mute);font-size:14px;margin-bottom:8px}
.stem{margin:4px 0 10px}
.stem .a{font-size:30px}
.opt{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:8px 14px;margin:7px 0;cursor:pointer;background:#1b110a}
.opt:hover{border-color:var(--gold)}
.opt input{width:auto;margin-top:12px;flex:none}
.opt .a{font-size:24px}
.opt.right{border-color:var(--ok);background:rgba(76,195,138,.12)}
.opt.mine{border-color:var(--bad);background:rgba(255,107,107,.12)}
.mrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;border-bottom:1px dashed var(--line);padding:6px 0}
@media(max-width:640px){.mrow{grid-template-columns:1fr}}
.score{font:700 46px "Tinos",serif;color:var(--gold)}
.pill{display:inline-block;border-radius:999px;padding:1px 12px;font-size:14px;font-weight:700}
.pill.ok{background:rgba(76,195,138,.15);color:var(--ok)}.pill.no{background:rgba(255,107,107,.15);color:var(--bad)}
.exp{margin-top:8px;padding:8px 12px;background:#140c07;border-radius:8px;font-size:15px}
.lessons{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.les{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.les.locked{opacity:.55}.les.done{border-color:var(--ok)}
.les b{color:var(--gold)}
.bar{height:10px;border-radius:6px;background:#140c07;overflow:hidden;margin:6px 0}
.bar i{display:block;height:100%;background:var(--gold)}
.sticky{position:sticky;bottom:0;background:#140c07ee;padding:12px;border-top:1px solid var(--line);text-align:center;margin:0 -16px}
.opt{color:var(--text)}