/* ==========================================================
   Quizlik – front end (mobile first)
   ========================================================== */
.qz-app{
  --bg:#f7f6f2;--card:#fff;--ink:#16182a;--ink2:#3b3f58;--mut:#757a92;--line:#e8e6df;--line2:#efeee8;
  --pri:#5046e5;--pri2:#8b3cf0;--grad:linear-gradient(135deg,#5046e5 0%,#8b3cf0 60%,#d6409f 100%);
  --sel:#f0efff;--ok:#12a150;--okbg:#e9f9f0;--no:#e0393e;--nobg:#fdeeee;--half:#e08a0b;
  --r:22px;--r2:14px;--sh:0 1px 1px rgba(22,24,42,.03),0 4px 14px rgba(22,24,42,.05),0 16px 40px -18px rgba(22,24,42,.12);
  --font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  box-sizing:border-box;max-width:780px;margin:0 auto;padding:14px 14px 48px;background:var(--bg);color:var(--ink);border-radius:28px;
  font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
@media (prefers-color-scheme:dark){.qz-app{--bg:#0e1020;--card:#171a2e;--ink:#f1f2fb;--ink2:#c9cce0;--mut:#9095b0;--line:#272b45;--line2:#20243b;--sel:#232659;--okbg:#0e2a1d;--nobg:#2f1517;
  --sh:0 1px 1px rgba(0,0,0,.2),0 10px 30px -12px rgba(0,0,0,.5)}}
.qz-app *,.qz-app *::before,.qz-app *::after{box-sizing:border-box}
.qz-app button,.qz-app input,.qz-app select,.qz-app textarea{font-family:var(--font)}
.qz-app button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.qz-app h2,.qz-app h3{margin:0;line-height:1.2;color:var(--ink);font-family:var(--font);letter-spacing:-.02em}
.qz-app p{margin:0}
.qz-muted{color:var(--mut)}
.qz-lv-A1{--c:#12a150}.qz-lv-A2{--c:#0b9c8f}.qz-lv-B1{--c:#2d6cf0}.qz-lv-B2{--c:#5046e5}.qz-lv-C1{--c:#9333ea}.qz-lv-C2{--c:#d6409f}

/* ---------- top bar ---------- */
.qz-top{display:flex;align-items:center;gap:10px;padding:4px 2px 12px;position:sticky;top:0;z-index:5;background:linear-gradient(var(--bg) 80%,transparent)}
.qz-ttl{font-weight:700;font-size:16px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qz-back{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--card);box-shadow:var(--sh)}
.qz-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--grad);color:#fff;font-weight:800;font-size:18px;box-shadow:0 8px 18px -6px rgba(80,70,229,.6)}

/* ---------- hero ---------- */
.qz-hero{position:relative;overflow:hidden;padding:22px 20px 24px;border-radius:var(--r);background:var(--grad);color:#fff;margin-bottom:12px;box-shadow:0 18px 40px -18px rgba(80,70,229,.7)}
.qz-hero::before,.qz-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.qz-hero::before{width:220px;height:220px;right:-60px;top:-90px;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%)}
.qz-hero::after{width:160px;height:160px;left:-50px;bottom:-90px;background:radial-gradient(circle,rgba(255,214,102,.35),transparent 65%)}
.qz-hero h2{position:relative;color:#fff;font-size:24px;font-weight:800;max-width:15em}
.qz-hero p{position:relative;opacity:.92;margin-top:6px;font-size:14.5px;max-width:30em}

/* ---------- access ---------- */
.qz-access{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-bottom:12px;box-shadow:var(--sh)}
.qz-access b{display:block;font-size:14.5px}.qz-access small{color:var(--mut);font-size:12.5px}
.qz-access.ok{display:flex;justify-content:flex-start;background:linear-gradient(90deg,#fff8eb,#fff1cc);border-color:#f8dc96;color:#8a5a00;font-weight:700;font-size:14px;padding:10px 14px}
@media (prefers-color-scheme:dark){.qz-access.ok{background:#2a2312;border-color:#5b4513;color:#fcd34d}}
.qz-access-btns{display:flex;gap:8px;flex-wrap:wrap}
.qz-access .qz-btn{min-height:42px;font-size:14px}

/* ---------- skills ---------- */
.qz-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.qz-skill{--sc:#5046e5;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px 10px;border-radius:18px;border:1px solid var(--line);background:var(--card);box-shadow:var(--sh);transition:transform .15s,border-color .15s}
.qz-skill:nth-child(1){--sc:#5046e5}.qz-skill:nth-child(2){--sc:#0b9c8f}.qz-skill:nth-child(3){--sc:#e07a0b}.qz-skill:nth-child(4){--sc:#d6409f}
.qz-skill span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:19px;background:color-mix(in srgb,var(--sc) 12%,transparent)}
.qz-skill b{font-size:12.5px;font-weight:700;margin-top:4px}
.qz-skill small{color:var(--mut);font-size:11px}
.qz-skill.on{border-color:var(--sc);box-shadow:0 0 0 1.5px var(--sc),var(--sh)}
.qz-skill.on span{background:var(--sc);filter:saturate(1.1)}
.qz-skill:active{transform:scale(.97)}

/* ---------- filters ---------- */
.qz-filterbar{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.qz-search{font-size:15px;color:var(--ink);width:100%;padding:12px 14px 12px 40px;border-radius:16px;border:1px solid var(--line);outline:none;box-shadow:var(--sh);
  background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23949ab2' d='M10 2a8 8 0 0 1 6.32 12.9l5.39 5.4-1.41 1.4-5.4-5.39A8 8 0 1 1 10 2Zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12Z'/%3E%3C/svg%3E") 13px center/17px no-repeat}
.qz-search:focus{border-color:var(--pri)}
.qz-lvfilter{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}
.qz-lvfilter::-webkit-scrollbar{display:none}
.qz-lvfilter button{flex:none;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:800;color:var(--c,var(--ink2))}
.qz-lvfilter button.on{background:var(--c,var(--ink));border-color:var(--c,var(--ink));color:#fff;box-shadow:0 6px 14px -6px var(--c,rgba(0,0,0,.4))}

/* ---------- topic list ---------- */
.qz-tlist{display:flex;flex-direction:column;gap:7px;padding-bottom:10px}
.qz-trow{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px 13px 16px;border-radius:var(--r2);border:1px solid var(--line2);background:var(--card);box-shadow:var(--sh);overflow:hidden;transition:transform .12s,border-color .12s,background .12s}
.qz-trow::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--c)}
.qz-trow:active{transform:scale(.99)}
.qz-trow.on{border-color:var(--pri);background:var(--sel)}
.qz-trow.locked{opacity:.55}
.qz-badge{flex:none;min-width:36px;text-align:center;padding:3px 0;border-radius:9px;font-size:12px;font-weight:800;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}
.qz-trow.on .qz-badge{background:var(--c);color:#fff}
.qz-tt{flex:1;font-size:15px;font-weight:600;line-height:1.35;color:var(--ink)}
.qz-tn{flex:none;font-size:12px;color:var(--mut);font-weight:600}
.qz-best{flex:none;font-size:11.5px;font-weight:800;color:var(--half);background:color-mix(in srgb,var(--half) 13%,transparent);padding:2px 8px;border-radius:99px}
.qz-best.hi{color:var(--ok);background:color-mix(in srgb,var(--ok) 13%,transparent)}
.qz-check{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);transition:.15s}
.qz-trow.on .qz-check{border-color:var(--pri);background:var(--pri) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/16px no-repeat}
.qz-lock{flex:none;color:var(--mut);display:grid;place-items:center}
.qz-empty{color:var(--mut);padding:28px 16px;text-align:center;background:var(--card);border-radius:var(--r);border:1px dashed var(--line)}

/* ---------- selection bar ---------- */
.qz-bar{position:sticky;bottom:12px;z-index:6;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:0 20px 50px -12px rgba(22,24,42,.35);display:none;animation:qzUp .25s cubic-bezier(.2,.8,.2,1)}
.qz-bar.show{display:block}
.qz-bar-static{position:static;animation:none;box-shadow:var(--sh);background:var(--card)}
.qz-bar-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:0 4px}
.qz-count{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 4px}
.qz-count span{font-weight:700;font-size:13px;margin-right:4px;color:var(--ink2)}
.qz-count button{min-width:42px;height:36px;border-radius:11px;border:1px solid var(--line);background:var(--card);font-weight:700;font-size:14px}
.qz-count button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.qz-link{background:none;border:0;color:var(--pri);font-weight:700;font-size:14px;padding:4px}

/* ---------- buttons ---------- */
.qz-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.qz-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:50px;padding:9px 12px;border-radius:16px;border:1px solid transparent;font-weight:800;font-size:15px;line-height:1.2;text-decoration:none!important;transition:transform .12s,box-shadow .12s,opacity .12s}
.qz-btn small{font-weight:600;font-size:11px;opacity:.8;margin-top:2px}
.qz-btn:active{transform:scale(.97)}
.qz-btn[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none}
.qz-btn-main{background:var(--grad);color:#fff!important;box-shadow:0 10px 22px -10px rgba(80,70,229,.8)}
.qz-btn-sec{background:var(--card);border-color:var(--line);color:var(--ink)!important}
.qz-btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)!important}
.qz-btn-pt{background:#ff424d;color:#fff!important;box-shadow:0 10px 20px -10px rgba(255,66,77,.8)}

/* ---------- embedded topic header ---------- */
.qz-th{background:var(--card);border:1px solid var(--line2);border-radius:var(--r);padding:18px 18px 16px;margin-bottom:10px;box-shadow:var(--sh)}
.qz-th-badges{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.qz-th-skill{font-size:12.5px;font-weight:700;color:var(--mut);margin-left:4px}
.qz-th h2{font-size:21px;font-weight:800}
.qz-th-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:13px;color:var(--mut)}

/* ---------- quiz ---------- */
.qz-prog{height:8px;border-radius:8px;background:var(--line);overflow:hidden;margin-bottom:10px}
.qz-prog span{display:block;height:100%;background:var(--grad);border-radius:8px;transition:width .35s cubic-bezier(.2,.8,.2,1)}
.qz-qhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 4px 10px;font-size:13px;color:var(--mut)}
.qz-qnum{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.qz-qtype{text-align:right;font-weight:600}
.qz-timer{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;background:var(--card);border:1px solid var(--line);padding:4px 11px;border-radius:99px}
.qz-timer.low{color:var(--no);border-color:var(--no);animation:qzPulse 1s infinite}
.qz-card{background:var(--card);border-radius:var(--r);padding:20px 18px;box-shadow:var(--sh);border:1px solid var(--line2);animation:qzIn .25s ease}
.qz-instr{font-size:12.5px;font-weight:700;color:var(--pri);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}
.qz-prompt{font-size:19px;line-height:1.6;margin-bottom:16px;font-weight:600;letter-spacing:-.01em}
.qz-opts{display:flex;flex-direction:column;gap:9px}
.qz-opts.qz-row{flex-direction:row;flex-wrap:wrap}
.qz-opts.qz-row .qz-opt{flex:1;justify-content:center;min-width:90px;font-weight:700}
.qz-opt{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;border-radius:16px;border:1.5px solid var(--line);background:var(--card);font-size:16px;font-weight:500;transition:border-color .12s,background .12s,transform .12s,box-shadow .12s}
@media (hover:hover){.qz-opt:hover{border-color:color-mix(in srgb,var(--pri) 45%,var(--line));transform:translateY(-1px);box-shadow:0 6px 14px -8px rgba(80,70,229,.4)}}
.qz-key{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--bg);font-weight:800;font-size:13px;color:var(--mut);transition:.12s}
.qz-opts.qz-row .qz-key{display:none}
.qz-opt.sel{border-color:var(--pri);background:var(--sel)}
.qz-opt.sel .qz-key{background:var(--pri);color:#fff}
.qz-opt.right{border-color:var(--ok);background:var(--okbg)}.qz-opt.right .qz-key{background:var(--ok);color:#fff}
.qz-opt.wrong{border-color:var(--no);background:var(--nobg);animation:qzShake .3s}.qz-opt.wrong .qz-key{background:var(--no);color:#fff}
.qz-in{font-size:16px;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:11px;padding:6px 10px;outline:none;min-width:6ch;max-width:100%;transition:border-color .12s,background .12s}
.qz-in:focus{border-color:var(--pri);background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb,var(--pri) 14%,transparent)}
.qz-in.qz-wide{width:100%;display:block;padding:13px 14px}
.qz-in.right{border-color:var(--ok);background:var(--okbg)}.qz-in.wrong{border-color:var(--no);background:var(--nobg)}
.qz-prompt .qz-in{margin:0 4px;font-weight:700;text-align:center;font-size:17px}
textarea.qz-in{resize:vertical}
.qz-base{display:inline-block;font-weight:800;letter-spacing:.08em;font-size:13px;padding:5px 11px;border-radius:9px;background:#fff1cc;color:#8a5a00;margin-bottom:12px}
@media (prefers-color-scheme:dark){.qz-base{background:#3a2e10;color:#fcd34d}}
.qz-err-sent{line-height:2.3}
.qz-frag{border:0;background:none;padding:0 3px;font-weight:700;font-size:inherit;border-bottom:3px solid var(--pri);border-radius:3px;color:var(--ink)}
.qz-frag sub{font-size:10px;color:var(--mut);margin-left:2px}
.qz-frag.sel{background:var(--sel)}
.qz-frag.right{background:var(--okbg);border-color:var(--ok)}.qz-frag.wrong{background:var(--nobg);border-color:var(--no)}
.qz-build{min-height:58px;display:flex;flex-wrap:wrap;gap:7px;padding:11px;border-radius:16px;border:2px dashed var(--line);margin-bottom:14px;background:var(--bg)}
.qz-build.right{border-style:solid;border-color:var(--ok);background:var(--okbg)}.qz-build.wrong{border-style:solid;border-color:var(--no);background:var(--nobg)}
.qz-ph{color:var(--mut);font-size:14px;align-self:center}
.qz-bank{display:flex;flex-wrap:wrap;gap:7px}
.qz-tok{padding:9px 13px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);font-size:15.5px;font-weight:600;box-shadow:0 3px 0 var(--line);transition:transform .1s}
.qz-tok:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}
.qz-tok.on{background:var(--sel);border-color:var(--pri);box-shadow:0 3px 0 color-mix(in srgb,var(--pri) 40%,transparent)}
.qz-tok.ghost{opacity:.25;box-shadow:none}
.qz-match{display:grid;gap:12px}
@media(min-width:620px){.qz-match{grid-template-columns:1.2fr 1fr}}
.qz-mrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line2);font-weight:500}
.qz-mrow.right .qz-msel{border-color:var(--ok);background:var(--okbg)}.qz-mrow.wrong .qz-msel{border-color:var(--no);background:var(--nobg)}
.qz-msel{font-size:15px;font-weight:800;padding:7px 10px;border-radius:11px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink)}
.qz-mright{margin:0;padding:12px 12px 12px 36px;background:var(--bg);border-radius:14px;font-size:15px}
.qz-mright li{padding:3px 0}
.qz-hint{margin-top:14px}
.qz-hint-btn{border:1px dashed color-mix(in srgb,var(--half) 60%,transparent);background:color-mix(in srgb,var(--half) 8%,transparent);color:#a35f00;border-radius:12px;padding:7px 12px;font-weight:700;font-size:13.5px}
.qz-hint-t{display:none;padding:11px 14px;border-radius:14px;background:color-mix(in srgb,var(--half) 10%,var(--card));color:var(--ink2);font-size:14.5px;border-left:3px solid var(--half);animation:qzIn .25s ease}
.qz-hint.open .qz-hint-btn{display:none}.qz-hint.open .qz-hint-t{display:block}
@media (prefers-color-scheme:dark){.qz-hint-btn{color:#fbbf24}}
.qz-fb:empty{display:none}
.qz-fb{margin-top:16px;padding:14px 16px;border-radius:16px;font-size:15px;animation:qzIn .25s ease;border:1px solid transparent}
.qz-fb>b{font-size:16px}
.qz-fb.ok{background:var(--okbg);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 25%,transparent)}
.qz-fb.no{background:var(--nobg);color:var(--no);border-color:color-mix(in srgb,var(--no) 25%,transparent)}
.qz-fb .qz-ans{color:var(--ink);margin-top:6px}
.qz-expl{font-size:14.5px;color:var(--ink2);margin-top:8px;line-height:1.55}
.qz-expl-h{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--pri);background:var(--sel);padding:1px 7px;border-radius:6px;margin-right:7px;vertical-align:1px}
.qz-nav{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.qz-nav .qz-btn{min-width:130px}
.qz-dots{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.qz-dots button{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:700}
.qz-dots .done{background:var(--sel);border-color:var(--pri);color:var(--pri)}
.qz-dots .cur{outline:2px solid var(--pri);outline-offset:1px}

/* ---------- passage + audio ---------- */
.qz-passage{background:var(--card);border-radius:var(--r);padding:14px 18px;margin-bottom:10px;box-shadow:var(--sh);border:1px solid var(--line2)}
.qz-passage summary{font-weight:800;cursor:pointer;padding:2px 0}
.qz-text{max-height:46vh;overflow:auto;margin-top:10px;font-size:16.5px;line-height:1.75;color:var(--ink2);font-family:Georgia,"Iowan Old Style",serif}
.qz-text p{margin:0 0 12px}
.qz-transcript{margin-top:10px;padding:12px;border-radius:14px;background:var(--bg);font-size:14px}
.qz-transcript p{margin:0 0 6px}
.qz-player{display:flex;align-items:center;gap:12px;margin:12px 0 6px;padding:8px 10px 8px 8px;border-radius:99px;background:var(--bg)}
.qz-plabel{font-size:13px;color:var(--mut);font-weight:700;padding-left:6px}
.qz-play{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:0;background:var(--grad);color:#fff;box-shadow:0 8px 16px -6px rgba(80,70,229,.6);flex:none}
.qz-ptrack{flex:1;height:6px;border-radius:6px;background:var(--line);overflow:hidden}
.qz-ptrack span{display:block;height:100%;width:0;background:var(--grad)}
.qz-speed{border:1px solid var(--line);background:var(--card);border-radius:9px;padding:5px 9px;font-size:12px;font-weight:800}

/* ---------- results ---------- */
.qz-result{text-align:center;padding:14px 0 8px}
.qz-result h2{margin-top:14px;font-size:24px;font-weight:800}
.qz-ring{--p:0;width:160px;height:160px;margin:0 auto;border-radius:50%;display:grid;place-content:center;text-align:center;
  background:radial-gradient(closest-side,var(--bg) 79%,transparent 80% 100%),conic-gradient(from -90deg,#5046e5,#8b3cf0 calc(var(--p)*.6%),#d6409f calc(var(--p)*1%),var(--line) 0);animation:qzPop .5s cubic-bezier(.2,1.4,.4,1)}
.qz-ring b{font-size:38px;line-height:1;font-weight:800}.qz-ring small{color:var(--mut);font-weight:600}
.qz-sec-title{font-size:15px;margin:22px 4px 10px!important}
.qz-review{display:flex;flex-direction:column;gap:7px}
.qz-rv{background:var(--card);border-radius:16px;padding:12px 14px;border:1px solid var(--line2);box-shadow:var(--sh);position:relative;overflow:hidden}
.qz-rv::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--no)}
.qz-rv.ok::before{background:var(--ok)}.qz-rv.half::before{background:var(--half)}
.qz-rv summary{display:flex;gap:10px;cursor:pointer;list-style:none;align-items:baseline}
.qz-rv summary::-webkit-details-marker{display:none}
.qz-rv-n{font-weight:800;color:var(--mut);min-width:22px;font-variant-numeric:tabular-nums}
.qz-rv-p{flex:1;font-size:15px;font-weight:500}
.qz-rv-b{padding:10px 0 2px 32px;font-size:14px;display:flex;flex-direction:column;gap:5px}

/* ---------- misc ---------- */
.qz-locked-note{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#fff7ed;color:#9a3412;margin-bottom:12px;font-size:14px}
.qz-loading{display:flex;justify-content:center;gap:7px;padding:64px 0}
.qz-loading span{width:11px;height:11px;border-radius:50%;background:var(--pri);animation:qzB 1s infinite ease-in-out}
.qz-loading span:nth-child(2){animation-delay:.15s;background:var(--pri2)}.qz-loading span:nth-child(3){animation-delay:.3s;background:#d6409f}
.qz-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:#16182a;color:#fff;padding:12px 18px;border-radius:14px;font:600 14px/1.4 "Plus Jakarta Sans",system-ui,sans-serif;opacity:0;transition:.25s;z-index:99999;max-width:90vw;box-shadow:0 16px 40px rgba(0,0,0,.3)}
.qz-toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes qzB{0%,80%,100%{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}
@keyframes qzIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes qzUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes qzPop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes qzShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@keyframes qzPulse{50%{opacity:.6}}
@media (prefers-reduced-motion:reduce){.qz-app *{animation:none!important;transition:none!important}}
@media(max-width:420px){.qz-app{padding:10px 10px 40px;border-radius:0}.qz-prompt{font-size:18px}.qz-skill b{font-size:11.5px}.qz-hero h2{font-size:21px}.qz-btn{font-size:14px;padding:8px 6px}}

/* ---------- read aloud ---------- */
.qz-card{position:relative}
.qz-say{display:inline-flex;align-items:center;gap:7px;height:40px;min-width:40px;justify-content:center;padding:0 10px;border-radius:13px;border:1px solid var(--line);background:var(--card);color:var(--pri);font-weight:700;font-size:13.5px;transition:.15s}
.qz-say.wide{padding:0 13px}
.qz-say:hover{border-color:var(--pri)}
.qz-say.on{background:var(--pri);color:#fff;border-color:var(--pri);animation:qzPulse 1.2s infinite}
.qz-say.qz-corner{position:absolute;top:14px;right:14px}
.qz-card.has-say .qz-q>:first-child{padding-right:46px}
.qz-card.has-say .qz-instr{padding-right:46px}
.qz-fb-say{margin-top:10px}
.qz-rv-b .qz-say{align-self:flex-start;height:34px}
.qz-app .qz-say{color:var(--pri)}
.qz-app .qz-say.on{color:#fff}
.qz-app button:focus{outline:none}
.qz-app button:focus-visible,.qz-app a:focus-visible{outline:2px solid var(--pri);outline-offset:2px}

/* ---------- theme hardening: keep theme styles from leaking in ---------- */
.qz-app p,.qz-app li,.qz-app span,.qz-app small,.qz-app b,.qz-app em{font-family:var(--font)}
.qz-app .qz-hero h2,.qz-app .qz-hero p{color:#fff!important;opacity:1;margin-bottom:0}
.qz-app .qz-hero p{color:rgba(255,255,255,.9)!important;font-size:14.5px;line-height:1.5}
.qz-app .qz-hero h2{font-size:24px!important;line-height:1.2!important;margin:0!important}
.qz-app input.qz-search{padding:12px 14px 12px 42px!important;height:auto!important;min-height:46px;margin:0!important;border:1px solid var(--line)!important;border-radius:16px!important;background-color:var(--card)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23949ab2' d='M10 2a8 8 0 0 1 6.32 12.9l5.39 5.4-1.41 1.4-5.4-5.39A8 8 0 1 1 10 2Zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12Z'/%3E%3C/svg%3E")!important;background-position:14px center!important;background-size:17px!important;background-repeat:no-repeat!important;box-shadow:var(--sh)!important;font-size:15px!important;line-height:1.3!important;color:var(--ink)!important;width:100%!important;max-width:none!important}
.qz-app input.qz-search:focus{border-color:var(--pri)!important}
.qz-app input.qz-in,.qz-app textarea.qz-in,.qz-app select.qz-msel{height:auto!important;margin:0;box-shadow:none;line-height:1.4!important;max-width:100%}
.qz-app .qz-prompt input.qz-in{margin:0 4px!important;display:inline-block!important;width:auto}
.qz-app button{text-transform:none!important;letter-spacing:normal;text-shadow:none!important;line-height:1.25;margin:0;min-height:0}
.qz-app button:hover{text-decoration:none}
.qz-app .qz-btn,.qz-app a.qz-btn{text-transform:none!important;line-height:1.2!important}
.qz-app h2,.qz-app h3{text-transform:none;font-family:var(--font)!important}
.qz-app ol,.qz-app ul{margin-bottom:0}
.qz-app details>summary{list-style:none}
.qz-app img{max-width:100%}

/* ---------- exams ---------- */
.qz-exams{margin:4px 0 14px}
.qz-xrow{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 10px;scroll-snap-type:x mandatory}
.qz-xrow::-webkit-scrollbar{display:none}
.qz-xcard{flex:none;width:230px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:14px 15px;border-radius:20px;border:1px solid var(--line2);background:var(--card);box-shadow:var(--sh);position:relative;overflow:hidden;transition:transform .15s}
.qz-xcard::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:var(--grad);opacity:.12}
.qz-xcard:active{transform:scale(.98)}
.qz-xcard b{font-size:15.5px;line-height:1.3;color:var(--ink)}
.qz-xcard.locked{opacity:.65}
.qz-xbadges{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.qz-xmeta{font-size:12.5px;color:var(--mut);font-weight:600}
.qz-xhero{position:relative;overflow:hidden;padding:20px;border-radius:var(--r);background:var(--card);border:1px solid var(--line2);box-shadow:var(--sh);margin-bottom:6px}
.qz-xhero::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--grad)}
.qz-xhero h2{font-size:23px;font-weight:800;margin:8px 0 14px!important}
.qz-xtag{font-size:11.5px;font-weight:700;color:var(--pri);background:var(--sel);padding:3px 9px;border-radius:99px}
.qz-xfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.qz-xfacts div{background:var(--bg);border-radius:14px;padding:10px;text-align:center}
.qz-xfacts b{display:block;font-size:20px;font-weight:800;color:var(--ink)}
.qz-xfacts small{font-size:11.5px;color:var(--mut);font-weight:600}
.qz-xsecs{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.qz-xsec{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line2)}
.qz-xsec-n{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--sel);color:var(--pri);font-weight:800;font-size:12.5px;flex:none}
.qz-xsec-i{font-size:17px}
.qz-xsec-t{flex:1;font-weight:600;font-size:15px}
.qz-xsec-c{font-size:12.5px;color:var(--mut);font-weight:700}
.qz-lb{margin-top:6px}
.qz-lbrow{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:12px;background:var(--card);margin-bottom:5px;border:1px solid var(--line2)}
.qz-lbrow.me{border-color:var(--pri);background:var(--sel)}
.qz-lbn{width:26px;text-align:center;font-weight:800;color:var(--mut)}
.qz-lbname{flex:1;font-weight:600}
.qz-lbt{font-size:12px;color:var(--mut);font-variant-numeric:tabular-nums}
.qz-qsec{margin-left:8px;font-weight:700;color:var(--pri);background:var(--sel);padding:2px 8px;border-radius:99px;font-size:12px}
.qz-rank{text-align:center;margin:4px auto 12px;padding:10px 14px;border-radius:14px;background:linear-gradient(90deg,#fff8eb,#fff1cc);color:#8a5a00;font-size:14.5px;max-width:420px}
@media (prefers-color-scheme:dark){.qz-rank{background:#2a2312;color:#fcd34d}}
.qz-parts{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line2);border-radius:var(--r);padding:16px;margin:4px 0 14px;box-shadow:var(--sh)}
.qz-part-h{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:5px}
.qz-part-bar{height:9px;border-radius:9px;background:var(--line);overflow:hidden}
.qz-part-bar span{display:block;height:100%;border-radius:9px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.qz-part-bar.hi span{background:var(--ok)}.qz-part-bar.mid span{background:var(--half)}.qz-part-bar.lo span{background:var(--no)}
.qz-weak .qz-trow{margin-bottom:6px}
.qz-go{flex:none;font-size:13px;font-weight:800;color:var(--pri)}

/* 1.5.1: nav dots never wrap two-digit numbers */
.qz-app .qz-dots button{width:auto!important;min-width:36px!important;height:36px!important;padding:0 8px!important;white-space:nowrap!important;line-height:34px!important;display:inline-flex!important;align-items:center;justify-content:center}

/* 1.6.0: PDF type picker */
.qz-app .qz-ov{position:fixed;inset:0;z-index:99999;background:rgba(15,18,30,.45);display:flex;align-items:flex-end;justify-content:center;padding:0}
@media(min-width:640px){.qz-app .qz-ov{align-items:center;padding:20px}}
.qz-app .qz-modal{background:var(--card);color:var(--ink);width:100%;max-width:520px;max-height:90vh;overflow:auto;border-radius:22px 22px 0 0;padding:22px 20px 20px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
@media(min-width:640px){.qz-app .qz-modal{border-radius:22px}}
.qz-app .qz-modal h3{margin:0 0 4px!important;font-size:20px!important;font-weight:800!important;color:var(--ink)!important}
.qz-app .qz-modal-sub{margin:0 0 10px;color:var(--mut);font-size:14px}
.qz-app .qz-modal-row{display:flex;gap:14px;margin-bottom:10px}
.qz-app .qz-tchips{display:flex;flex-wrap:wrap;gap:8px}
.qz-app .qz-tchip{border:1.5px solid var(--line)!important;background:var(--card)!important;color:var(--ink)!important;border-radius:999px!important;padding:8px 13px!important;font-size:13.5px!important;font-weight:600!important;cursor:pointer;width:auto!important}
.qz-app .qz-tchip.on{background:var(--sel)!important;border-color:var(--pri)!important;color:var(--pri)!important}
.qz-app .qz-tchip.on::before{content:"✓ ";font-weight:800}
.qz-app .qz-modal-check{display:flex;align-items:center;gap:8px;margin:16px 0 6px;font-size:14px;font-weight:600;cursor:pointer}
.qz-app .qz-modal-check input{width:18px;height:18px;margin:0;accent-color:var(--pri)}
.qz-app .qz-modal-note{margin:6px 0 16px;font-size:13px;color:var(--mut)}
.qz-app .qz-modal-btns{display:flex;gap:10px;justify-content:flex-end}
.qz-app .qz-modal-btns .qz-btn{min-width:120px}
.qz-app .qz-modal-btns .qz-btn[disabled]{opacity:.45;cursor:not-allowed}
.qz-app .qz-modal .qz-link{color:var(--pri)!important;padding:4px 0!important}

.qz-app .qz-tcount{display:inline-block;margin-left:6px;min-width:20px;padding:0 6px;border-radius:99px;background:var(--line2);color:var(--mut);font-size:12px;font-weight:700;line-height:18px;text-align:center}
.qz-app .qz-tcount:empty{display:none}
.qz-app .qz-tchip.on .qz-tcount{background:#fff;color:var(--pri)}
.qz-app .qz-tchip.zero{opacity:.5}
.qz-app .qz-modal-total{margin:4px 0 0;font-size:13.5px;font-weight:700;color:var(--pri)}
.qz-app .qz-modal-total:empty{display:none}

/* 1.10: usage, my tests */
.qz-app .qz-top{position:relative}
.qz-app .qz-mybtn{margin-left:auto!important;border:1px solid var(--line)!important;background:var(--card)!important;color:var(--ink)!important;border-radius:12px!important;padding:8px 12px!important;font-size:13.5px!important;font-weight:700!important;cursor:pointer;width:auto!important;white-space:nowrap}
.qz-app .qz-usage{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12.5px;font-weight:600;color:var(--ink2);width:100%}
.qz-app .qz-usage-bar{flex:1 1 120px;height:6px;border-radius:99px;background:var(--line);overflow:hidden;display:block;min-width:80px}
.qz-app .qz-usage-bar b{display:block;height:100%;background:var(--grad)}
.qz-app .qz-saved{display:flex;flex-direction:column;gap:10px}
.qz-app .qz-sv{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px}
.qz-app .qz-sv-i{flex:1 1 220px;min-width:0}
.qz-app .qz-sv-i b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qz-app .qz-sv-i small{color:var(--mut);font-size:12.5px}
.qz-app .qz-sv-b{display:flex;gap:6px;align-items:center}
.qz-app .qz-sv-b .qz-btn{padding:8px 14px!important;min-width:0!important;font-size:13.5px!important}
.qz-app .qz-sv-x{border:1px solid var(--line)!important;background:var(--card)!important;border-radius:10px!important;width:36px!important;height:36px!important;padding:0!important;cursor:pointer;font-size:15px!important}
.qz-app .qz-savebtn{margin:10px auto 0;display:flex}
/* 1.10.2: icon buttons always perfectly centred, whatever the theme does to <button> */
.qz-app .qz-back,.qz-app .qz-play,.qz-app .qz-sv-x,.qz-app .qz-dots button{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;text-indent:0!important;line-height:1!important;gap:0}
.qz-app .qz-back{width:42px!important;height:42px!important;min-width:42px!important;flex:none}
.qz-app .qz-back svg,.qz-app .qz-play svg{display:block!important;margin:0!important;flex:none}
.qz-app .qz-logo{display:inline-flex!important;align-items:center;justify-content:center;flex:none}
.qz-app .qz-top{display:flex!important;align-items:center!important;gap:12px}

/* 1.11: share */
.qz-app .qz-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:0 0 12px;box-shadow:var(--sh)}
.qz-app .qz-card h3{margin:0 0 6px!important;font-size:17px!important}
.qz-app .qz-card h4{margin:14px 0 6px!important;font-size:14px!important}
.qz-app .qz-shrow{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:14px;font-weight:600}
.qz-app .qz-shrow span{flex:none}
.qz-app .qz-shrow input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--pri)}
.qz-app .qz-sel,.qz-app .qz-inp{border:1px solid var(--line)!important;border-radius:12px!important;padding:9px 12px!important;font:inherit!important;font-size:15px!important;background:var(--bg)!important;color:var(--ink)!important;max-width:100%}
.qz-app .qz-inp{width:100%;box-sizing:border-box;margin:6px 0 12px}
.qz-app .qz-shlink{margin:12px 0}
.qz-app .qz-shlink input{width:100%;box-sizing:border-box;border:1.5px dashed var(--pri)!important;border-radius:12px!important;padding:10px 12px!important;font-size:14px!important;background:var(--sel)!important;color:var(--ink)!important}
.qz-app .qz-shbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.qz-app .qz-shbtns .qz-btn{flex:1 1 120px;min-height:42px}
.qz-app .qz-shtiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin:10px 0}
.qz-app .qz-shtiles>div{background:var(--bg);border-radius:14px;padding:10px;text-align:center}
.qz-app .qz-shtiles b{display:block;font-size:22px;font-weight:800;color:var(--pri)}
.qz-app .qz-shtiles small{color:var(--mut);font-size:12px}
.qz-app .qz-shtable{width:100%;border-collapse:collapse;font-size:14px;margin-top:6px}
.qz-app .qz-shtable th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);padding:6px 4px;border-bottom:1px solid var(--line)}
.qz-app .qz-shtable td{padding:8px 4px;border-bottom:1px solid var(--line2)}
.qz-app .qz-shtable small{color:var(--mut)}
.qz-app .hi{color:var(--ok)}.qz-app .mid{color:var(--half)}.qz-app .lo{color:var(--no)}
.qz-app .qz-hard{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--line2);font-size:14px}
.qz-app .qz-hard b{flex:none;min-width:42px}
.qz-app .qz-hard small{color:var(--mut)}
.qz-app .qz-shstats{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:12px 0}
.qz-app .qz-dist{display:flex;gap:6px;align-items:flex-end;height:120px;margin-top:8px}
.qz-app .qz-dcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.qz-app .qz-dcol i{display:block;width:100%;min-height:3px;background:var(--line);border-radius:8px 8px 3px 3px;position:relative}
.qz-app .qz-dcol.me i{background:var(--grad)}
.qz-app .qz-dcol em{position:absolute;top:-17px;left:0;right:0;text-align:center;font-style:normal;font-size:11px;font-weight:700;color:var(--mut)}
.qz-app .qz-dcol span{font-size:10.5px;color:var(--mut);white-space:nowrap}
.qz-app .qz-qpct{font-size:12.5px;color:var(--mut);margin-top:4px}
.qz-app .qz-shstart label b{display:block;font-size:14px}
.qz-app .qz-sv-b .qz-btn.on{border-color:var(--pri)!important;color:var(--pri)!important}
.qz-app .qz-sv-b{flex-wrap:wrap}
.qz-app .qz-shtiles{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}
.qz-app .qz-shtiles>div{border:1px solid var(--line2)}
.qz-app>.qz-shtiles>div{background:var(--card)}
.qz-app .qz-shstart .qz-btn{width:100%;min-height:50px;margin:2px 0 10px;font-size:16px!important}
.qz-app .qz-dist-h{margin:12px 0 18px;font-size:12.5px;font-weight:700;color:var(--mut)}
.qz-app .qz-actions>.qz-btn:only-child{flex:1 1 100%}

/* 1.12: posts → main app */
.qz-app .qz-inapp{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:700;color:var(--pri)!important;text-decoration:none!important;border-bottom:1.5px solid currentColor}
.qz-app .qz-more{margin-top:18px}
.qz-app a.qz-xcard{text-decoration:none!important;color:inherit!important}
.qz-app .qz-more-go{display:flex!important;margin-top:14px;text-decoration:none!important}
.qz-app .qz-actions>a.qz-btn:only-child,.qz-app .qz-actions>.qz-btn:only-child{width:100%!important;flex:1 1 100%;text-decoration:none!important}
.qz-app a.qz-mybtn{text-decoration:none!important}

/* 1.13: exams screen + categories */
.qz-app .qz-topbtns{margin-left:auto;display:flex;gap:6px}
.qz-app .qz-topbtns .qz-mybtn{margin-left:0!important;padding:8px 10px!important}
.qz-app .qz-cats{margin:0 0 10px}
.qz-app .qz-cats button{display:inline-flex;align-items:center;gap:6px;color:var(--ink2)}
.qz-app .qz-cats button.on,.qz-app .qz-lvfilter button.on{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.qz-app .qz-catn{font-size:11px;font-weight:800;background:var(--line2);color:var(--mut);border-radius:99px;padding:1px 7px}
.qz-app .qz-cats button.on .qz-catn{background:rgba(255,255,255,.2);color:#fff}
.qz-app .qz-xgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:10px 0 6px}
.qz-app .qz-xgrid .qz-xcard{width:auto}
.qz-app .qz-xgroup{margin-top:10px}
.qz-app .qz-teaser{display:flex!important;align-items:center;gap:12px;width:100%!important;text-align:left;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;padding:14px 16px!important;margin:0 0 12px;box-shadow:var(--sh);cursor:pointer;color:var(--ink)!important}
.qz-app .qz-teaser-i{font-size:26px;flex:none}
.qz-app .qz-teaser-t{flex:1;min-width:0}
.qz-app .qz-teaser-t b{display:block;font-size:16px}
.qz-app .qz-teaser-t small{color:var(--mut);font-size:12.5px}
.qz-app .qz-teaser .qz-go{font-size:20px;font-weight:800;color:var(--pri)}
.qz-app .qz-cattag{display:inline-block;margin:2px 0 3px;font-size:11.5px;font-weight:700;color:var(--pri);background:var(--sel);border-radius:99px;padding:1px 8px}
.qz-app .qz-catedit{flex:1 1 100%;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.qz-app .qz-catedit .qz-inp{flex:1 1 180px;margin:0}
.qz-app .qz-catedit .qz-btn{min-height:40px;padding:8px 14px!important}
.qz-app .qz-sv-i small{display:block}
/* 1.13.1: matching – explicit letters, used letters dimmed */
.qz-app .qz-mright{padding:10px!important;display:flex;flex-direction:column;gap:6px;list-style:none!important;align-self:start}
.qz-app .qz-mritem{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--card);border:1px solid var(--line2);font-size:15px;transition:opacity .15s}
.qz-app .qz-mritem.used{opacity:.45}
.qz-app .qz-mletter,.qz-app .qz-mnum{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-size:13px;font-weight:800}
.qz-app .qz-mletter{background:var(--pri);color:#fff}
.qz-app .qz-mnum{background:var(--sel);color:var(--pri)}
.qz-app .qz-mleft{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.qz-app .qz-mfix{font-size:13px;font-weight:800;color:var(--ok);margin-left:6px;flex:none}
/* 1.13.2: topic rows show question count AND best score */
.qz-app .qz-trow .qz-best{margin-right:2px}
.qz-app .qz-best.mid{color:var(--half);background:color-mix(in srgb,var(--half) 13%,transparent)}
.qz-app .qz-best.lo{color:var(--no);background:color-mix(in srgb,var(--no) 11%,transparent)}
@media(max-width:420px){.qz-app .qz-trow .qz-best+.qz-tn{display:none}}

/* 1.14: wide screen / focus mode */
.qz-app .qz-fsbtn{flex:none;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;padding:0!important;border-radius:12px!important;border:1px solid var(--line)!important;background:var(--card)!important;color:var(--ink2)!important;cursor:pointer;margin-left:6px}
.qz-app .qz-top>.qz-ttl{flex:1;min-width:0}
.qz-app .qz-fsbtn:hover{color:var(--pri)!important;border-color:var(--pri)!important}
html.qz-noscroll,html.qz-noscroll body{overflow:hidden!important}
.qz-app.qz-full{position:fixed!important;inset:0!important;z-index:99990!important;max-width:none!important;width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:18px max(16px,calc((100vw - 1180px)/2)) 60px!important}
.qz-app:fullscreen{max-width:none;width:100%;height:100%;overflow-y:auto;border-radius:0}
.qz-app.qz-full .qz-tlist{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:8px}
.qz-app.qz-full .qz-tlist .qz-trow{margin:0!important}
.qz-app.qz-full .qz-card,.qz-app.qz-full .qz-qhead,.qz-app.qz-full .qz-prog,.qz-app.qz-full .qz-nav,.qz-app.qz-full .qz-dots,.qz-app.qz-full .qz-fb,.qz-app.qz-full .qz-passage{max-width:900px;margin-left:auto;margin-right:auto}
.qz-app.qz-full .qz-prompt{font-size:22px}
@media(min-width:1000px){.qz-app.qz-full .qz-xgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}