:root{--bg:#f6f4ef;--surface:#ffffff;--surface2:#f0ede5;--ink:#1d2433;--muted:#5d6475;--line:#dcd7cb;--pri:#1f4e8c;--pri-ink:#ffffff;--pri-soft:#e5edf8;--acc:#0f7b6c;--acc-soft:#dff1ed;--ok:#1b7f4b;--ok-soft:#e1f4e8;--bad:#b3261e;--bad-soft:#fbe7e5;--warn:#9a6200;--warn-soft:#fdf1d8;--mark:#fff0a8;--shadow:0 1px 2px rgba(20,
30,50,.06), 0 4px 14px rgba(20,30,50,.06);--font:"Noto Sans Arabic", "EFI Arabic", "Segoe UI", "Noto Sans Arabic", "Noto Sans", Tahoma, "Geeza Pro", Arial, sans-serif;--font-en:"Noto Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--r:12px;--gap:16px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#12161f;
--surface:#1a202c;--surface2:#222a38;--ink:#e8ecf3;--muted:#a2abbb;--line:#333d4f;--pri:#7fb0f5;--pri-ink:#0d1420;--pri-soft:#1f2d45;--acc:#4fd1bd;--acc-soft:#173a36;--ok:#5fd193;--ok-soft:#173826;--bad:#ff8a80;--bad-soft:#42201f;--warn:#f2c15b;--warn-soft:#3d3016;--mark:#5b4c12;--shadow:0 1px 2px rgba(0,
0,0,.3), 0 4px 14px rgba(0,0,0,.25);color-scheme:dark}}:root[data-theme=dark]{--bg:#12161f;--surface:#1a202c;--surface2:#222a38;--ink:#e8ecf3;--muted:#a2abbb;--line:#333d4f;--pri:#7fb0f5;--pri-ink:#0d1420;--pri-soft:#1f2d45;--acc:#4fd1bd;--acc-soft:#173a36;--ok:#5fd193;--ok-soft:#173826;--bad:#ff8a80;
--bad-soft:#42201f;--warn:#f2c15b;--warn-soft:#3d3016;--mark:#5b4c12;--shadow:0 1px 2px rgba(0,0,0,.3), 0 4px 14px rgba(0,0,0,.25);color-scheme:dark}*,::before,::after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);
font-family:var(--font);font-size:17px;line-height:1.7}[dir=ltr],.en,bdi.en{font-family:var(--font-en)}a{color:var(--pri)}h1{font-size:1.7rem;line-height:1.3;margin:.3em 0 .4em}h1:focus{outline:0}h2.h2{font-size:1.25rem;margin:1.6em 0 .6em}h3{font-size:1.12rem;margin:1em 0 .5em}.ltr-h{text-align:right}
.sub{color:var(--muted);font-weight:400;margin:0}.muted{color:var(--muted)}.kicker{color:var(--acc);font-weight:700;font-size:.85rem;margin:0 0 .3em}mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 2px}.skip{position:absolute;right:8px;top:8px;transform:translateY(-300%);background:var(--pri);
color:var(--pri-ink);padding:8px 12px;border-radius:8px;z-index:99}.skip:focus{transform:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.ic{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar{position:sticky;
top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:8px max(16px,env(safe-area-inset-right));background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);white-space:nowrap}.brand b{display:block;
font-family:var(--font-en);font-size:.98rem}.brand small{display:block;color:var(--muted);font-size:.75rem;line-height:1.2}.logo{width:36px;height:36px;border-radius:10px;background:var(--pri);color:var(--pri-ink);display:grid;place-items:center;font:800 1.2rem var(--font-en)}.topnav{display:flex;gap:2px;
overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.topnav::-webkit-scrollbar{display:none}.topnav a{padding:8px 11px;border-radius:9px;text-decoration:none;color:var(--ink);white-space:nowrap;font-size:.93rem}.topnav a:hover{background:var(--surface2)}.topnav a.on{background:var(--pri-soft);color:var(--pri);
font-weight:700}.iconbtn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none}.iconbtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}@media (max-width:760px){.topbar{flex-wrap:wrap;
padding:8px 12px 0}.brand small{display:none}.topnav{order:3;flex-basis:100%;padding-bottom:6px}.iconbtn{margin-inline-start:auto}}main{overflow-wrap:break-word;max-width:1040px;margin:0 auto;padding:18px max(16px,env(safe-area-inset-right)) 40px}.foot{text-align:center;color:var(--muted);font-size:.85rem;
padding:20px 16px 30px;border-top:1px solid var(--line)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow);margin:14px 0}.hero{display:flex;gap:20px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,
var(--pri-soft),var(--acc-soft));border:1px solid var(--line);border-radius:18px;padding:24px;margin:6px 0 10px}.hero h1{font-size:1.9rem}.hero.small h1{font-size:1.5rem}.hero p{margin:.4em 0}@media (max-width:640px){.hero{flex-direction:column;align-items:flex-start;padding:18px}.hero h1{font-size:1.5rem}
}.ring{--p:0;width:112px;height:112px;border-radius:50%;flex:none;background:conic-gradient(var(--acc) calc(var(--p)*1%),var(--line)0);display:grid;place-items:center}.ring span{width:84px;height:84px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font:800 1.4rem var(--font-en)}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:6px}.crumbs a{color:var(--muted)}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.pager{display:flex;justify-content:space-between;gap:10px;margin:16px 0;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;
gap:6px;min-height:44px;padding:8px 16px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.btn:hover{border-color:var(--pri)}.btn.primary{background:var(--pri);color:var(--pri-ink);border-color:var(--pri)}
.btn.ghost{background:0 0}.btn.subtle{background:var(--surface2);font-weight:600;min-height:38px}.btn.ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,.choice:focus-visible,.chipw:focus-visible,a:focus-visible,select:focus-visible,
.inp:focus-visible,.nb:focus-visible{outline:3px solid var(--acc);outline-offset:2px}.mini{font:inherit;font-size:.8rem;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:8px;padding:4px 10px;cursor:pointer}.lnk{font:inherit;border:0;background:0 0;color:var(--pri);
text-decoration:underline;cursor:pointer;padding:0 3px}.pill{display:inline-block;padding:2px 10px;border-radius:99px;background:var(--surface2);border:1px solid var(--line);font-size:.85rem;margin:2px}.pill.pdone{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.chips{display:flex;flex-wrap:wrap;
gap:6px}.note{background:var(--warn-soft);border-inline-start:4px solid var(--warn);padding:10px 14px;border-radius:8px;margin:10px 0}.note.extra{background:var(--surface2);border-color:var(--muted)}.warn{background:var(--bad-soft);color:var(--bad);padding:10px 14px;border-radius:8px;font-weight:700}
.badge{display:inline-flex;gap:4px;align-items:center;font-size:.75rem;font-weight:700;padding:2px 9px;border-radius:99px;border:1px solid;white-space:nowrap;vertical-align:middle}.badge .src{font-weight:400;opacity:.85}@media (max-width:640px){.badge{white-space:normal;flex-wrap:wrap}}.o-booklet{color:#7a3e00;
background:#fde9d4;border-color:#e7b27c}.o-ab,.o-sb{color:#174e8c;background:#e3edfb;border-color:#9cbbe8}.o-new{color:#0d6a5d;background:#dcf3ee;border-color:#84cfc1}.o-rev{color:#5a3d8a;background:#eee7fa;border-color:#c2acea}.o-extra{color:#5d6475;background:#eceef2;border-color:#c4c9d3}:root[data-theme=dark] .badge{background:0 0}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .badge{background:0 0}}.st{font-size:.78rem;padding:2px 9px;border-radius:99px;white-space:nowrap}.st-ok{background:var(--ok-soft);color:var(--ok)}.st-bad{background:var(--bad-soft);color:var(--bad)}.st-new{background:var(--surface2);color:var(--muted)}
.units{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.unit-card{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--ink)}.unit-card.on{border-color:var(--pri);
box-shadow:var(--shadow)}.unit-card.off{opacity:.6}.unit-card .un{font:800 1.5rem var(--font-en);color:var(--pri)}.unit-card span[dir]{font-size:.8rem;color:var(--muted)}.unit-card .st{align-self:flex-start;margin-top:6px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
gap:10px;margin:12px 0}.tile{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-2px);
border-color:var(--pri)}.tile .ic{color:var(--pri)}.tile span{color:var(--muted);font-size:.85rem}.tile.sm{padding:12px;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.tile.wide{margin:16px 0}.list{display:flex;flex-direction:column;gap:8px}.li{display:flex;align-items:center;gap:12px;
justify-content:space-between;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink);flex-wrap:wrap}.li:hover{border-color:var(--pri)}.li>span:first-child,.li>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:180px}
.li small{color:var(--muted)}.li.weak{border-color:var(--bad);background:var(--bad-soft)}.gn{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:9px;background:var(--pri);color:var(--pri-ink);font:800 .95rem var(--font-en);flex:none}.lessons{display:grid;grid-template-columns:repeat(auto-fill,
minmax(290px,1fr));gap:10px}.lesson{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink)}.lesson:hover{border-color:var(--pri)}.lesson.done{border-color:var(--ok)}.lesson .ln{flex:none;
width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--pri-soft);color:var(--pri);font:800 1rem var(--font-en)}.lesson b{display:block}.lesson small{display:block;color:var(--muted);font-size:.82rem;line-height:1.5}.lesson .tick{margin-inline-start:auto;color:var(--ok);
font-weight:800}.lp-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:8px}.gsec{margin:18px 0}.gsec h4{display:flex;align-items:center;gap:10px;font-size:1.08rem;margin:0 0 8px;flex-wrap:wrap}
.gte{color:var(--muted);font-weight:400;font-size:.85rem}.obj{margin:0;padding-inline-start:1.2em}.en-exp{background:var(--pri-soft);padding:10px 14px;border-radius:10px;text-align:left;margin:0}.ar-exp{margin:0}table{border-collapse:collapse;width:100%}.struct th,.struct td,.cmp th,.cmp td,.exs td,
.mis th,.mis td,.voc th,.voc td,.revtab th,.revtab td,.form th,.form td{border:1px solid var(--line);padding:8px 10px;vertical-align:top}.struct{margin:6px 0 12px;border:2px solid var(--pri)}.struct th{background:var(--pri-soft);width:26%;text-align:right}.struct th small{display:block;color:var(--muted);
font-weight:400}.struct td{text-align:left}.struct td div+div{margin-top:4px}.cmp thead th{background:var(--pri);color:var(--pri-ink)}.cmp td{text-align:left}.cmp tbody th{background:var(--surface2);white-space:nowrap}.exs td{text-align:left}.exs td.tr{text-align:right;color:var(--muted);font-size:.92rem;
width:45%}.mis thead th{background:var(--surface2)}.mis .wrong,.wrong{color:var(--bad);text-decoration:line-through;text-decoration-thickness:1px}.mis .right,.right{color:var(--ok);font-weight:700}.mis td.wrong,.mis td.right{text-align:left}.corr{margin:0;padding-left:1.3em;text-align:left}.rules{padding-inline-start:1.3em;
margin:6px 0}.rules li{margin:6px 0}.rx{color:var(--acc);font-weight:700;text-align:left;font-size:.95rem}.tw{margin-top:8px}.voc thead th{background:var(--pri);color:var(--pri-ink)}.voc td.w{font-weight:700;text-align:left;white-space:nowrap}.voc td.ex{text-align:left;color:var(--muted);font-size:.92rem}
@media (max-width:640px){.voc td.w{white-space:normal}.exs td.tr{width:auto}.struct th{width:34%}}.table-scroll{overflow-x:auto}.passage{background:var(--surface2);border-radius:10px;padding:12px 16px;text-align:left;line-height:1.75}.passage p{margin:.5em 0}.rnotes{overflow-wrap:anywhere;background:#fffbe6;
border:1px solid #e8d98f;border-radius:8px;padding:10px 14px;margin-bottom:10px;font-size:.92rem;text-align:left;color:#3d3a2a}.dlg{background:var(--surface2);border-radius:10px;padding:10px 14px;margin:10px 0;text-align:left}.dlg .sp{font-weight:700;color:var(--pri)}.form th{width:34%;background:var(--surface2);
text-align:left}.form td{text-align:left}.keybox summary{cursor:pointer;font-weight:700;color:var(--pri);padding:6px 0}.key{margin:8px 0;text-align:left}.key ol{margin:4px 0;padding-left:1.8em;columns:2;column-gap:24px}@media (max-width:640px){.key ol{columns:1}}.setbox{background:var(--surface);border:1px solid var(--line);
border-radius:var(--r);padding:16px 18px;margin:14px 0;box-shadow:var(--shadow)}.set-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.set-h h3,.set-h h4{margin:0;text-align:left}.instr{margin:6px 0 0;text-align:left;font-weight:600}.instr-ar{margin:2px 0 10px;
color:var(--muted);font-size:.92rem}.qs{list-style:none;padding:0;margin:0;counter-reset:q}.q{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:10px 0;background:var(--surface)}.q.ok{border-color:var(--ok);background:var(--ok-soft)}.q.bad{border-color:var(--bad);background:var(--bad-soft)}
.q-text{text-align:left;font-size:1.02rem}.qn{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:var(--pri-soft);color:var(--pri);font-weight:800;font-size:.82rem;margin-right:8px}.gapline{line-height:2.4}.inp{font:inherit;font-family:var(--font-en);font-size:1rem;
padding:6px 10px;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);min-width:140px;max-width:100%;margin:0 4px}.inp:focus{border-color:var(--pri);outline:0;box-shadow:0 0 0 3px var(--pri-soft)}.inp.wr{display:block;width:100%;margin:8px 0 0;resize:vertical;min-height:48px}
.choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.choice{font:inherit;font-family:var(--font-en);min-height:44px;padding:6px 14px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left}.choice:hover{border-color:var(--pri)}
.choice[aria-pressed=true]{background:var(--pri);color:var(--pri-ink);border-color:var(--pri)}.choice.right{background:var(--ok);color:#fff;border-color:var(--ok)}.choice.wrong{background:var(--bad);color:#fff;border-color:var(--bad)}.locked .choice{cursor:default}.mrows{display:flex;flex-direction:column;
gap:8px;margin-top:8px}.mrow{display:grid;grid-template-columns:1fr minmax(180px,46%);gap:10px;align-items:center;padding:6px 8px;background:var(--surface2);border-radius:8px}.ml{text-align:left}.msel{font:inherit;font-family:var(--font-en);font-size:.95rem;min-height:42px;padding:6px 8px;border-radius:8px;
border:1.5px solid var(--line);background:var(--surface);color:var(--ink);width:100%}.msel.right{border-color:var(--ok);box-shadow:0 0 0 2px var(--ok-soft)}.msel.wrong{border-color:var(--bad);box-shadow:0 0 0 2px var(--bad-soft)}@media (max-width:560px){.mrow{grid-template-columns:1fr}}.ord{margin-top:8px}
.ord-ans{min-height:50px;border:2px dashed var(--line);border-radius:10px;padding:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ord-ans:empty::before{content:"Tap the words in order…";color:var(--muted);font-size:.9rem;padding:0 6px}.ord-pool{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.chipw{font:inherit;font-family:var(--font-en);min-height:40px;padding:4px 12px;border-radius:8px;border:1.5px solid var(--pri);background:var(--pri-soft);color:var(--ink);cursor:pointer}.ord-ans .chipw{background:var(--surface)}.fb{margin-top:8px;padding:8px 12px;border-radius:8px;font-size:.95rem;
background:var(--surface)}.fb-ok b{color:var(--ok)}.fb-bad b{color:var(--bad)}.fb-part b{color:var(--warn)}.fb .ca{font-weight:700;color:var(--ok)}.fb .why{color:var(--muted);margin-top:3px}.yours{font-size:.9rem;color:var(--muted);margin-top:6px}.set-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;
margin-top:12px;position:sticky;bottom:0;background:var(--surface);padding:10px 0 4px}.score{font-weight:600}.blank{display:inline-block;min-width:3em;border-bottom:2px solid var(--pri)}.exhead{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding-bottom:10px;
border-bottom:1px solid var(--line)}.clock{font:800 1.2rem var(--font-en);color:var(--pri)}.exnav{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.nb{width:38px;height:38px;border-radius:9px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:700 .9rem var(--font-en);cursor:pointer;
position:relative}.nb.ans{background:var(--pri-soft);border-color:var(--pri)}.nb.flg::after{content:"★";position:absolute;top:-9px;left:-4px;color:var(--warn);font-size:.8rem}.nb.cur{outline:3px solid var(--acc)}.exsec{font-weight:700;color:var(--acc);margin:8px 0}.exsec.small{font-size:.8rem;margin:0 0 4px}
.exbtns{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:14px}.exfoot{margin-top:10px}.exp{margin:10px 0}.exp summary{cursor:pointer;font-weight:700}.revtab{margin:8px 0 16px;font-size:.95rem}.revtab th{background:var(--surface2)}.revtab tr.weak td{background:var(--bad-soft)}
.errata td{font-size:.9rem}.result-hero{display:flex;align-items:center;gap:20px;margin:10px 0 20px}.result-hero .big{font:800 3rem var(--font-en);color:var(--pri)}.bar{display:block;height:10px;border-radius:99px;background:var(--line);overflow:hidden;min-width:80px}.bar i{display:block;height:100%;
background:var(--acc)}.rules-list li{margin:4px 0}.tgl{display:flex;gap:8px;align-items:flex-start;margin:8px 0;cursor:pointer}.tgl input{width:20px;height:20px;margin-top:4px;flex:none;accent-color:var(--pri)}.prev{margin-top:12px}.stats{display:flex;flex-wrap:wrap;gap:8px 18px}.okc{color:var(--ok)}
.badc{color:var(--bad)}.danger{margin-top:30px;border:1px solid var(--bad);border-radius:var(--r);padding:14px 18px;background:var(--bad-soft)}.danger h3{margin-top:0;color:var(--bad)}.danger-btn{border-color:var(--bad);color:var(--bad)}.mlist{padding-inline-start:1.2em}.mlist li{margin:8px 0}.mlist li>div:first-child{text-align:left}
.printform fieldset{border:1px solid var(--line);border-radius:10px;margin:0 0 12px}.labwrap{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;height:min(78vh,820px);min-height:520px;background:#000}.labwrap iframe{width:100%;height:100%;border:0;display:block}.toast{position:fixed;
left:50%;bottom:20px;transform:translate(-50%,120px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:10px;font-weight:700;z-index:60;transition:transform .25s;max-width:calc(100vw - 32px);text-align:center}.toast.show{transform:translate(-50%,0)}.toast.warn{background:var(--bad);
color:#fff}#print-area{display:none}.set .items{padding-left:1.6em;text-align:left}.set .it{margin:6px 0}.opts{display:flex;flex-wrap:wrap;gap:4px 18px}.opt.right,.ans{color:var(--ok);font-weight:700}.line{border-bottom:1px solid var(--muted);min-height:1.6em;margin:4px 0 8px}.words{color:var(--muted)}
.mt td{border:0;padding:2px 6px}.mt .n{width:1.6em;color:var(--muted)}.mt .sl{width:3em}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{@page{size:A4;margin:16mm 14mm}:root{--ink:#000;--muted:#444;--line:#999;--surface:#fff;--surface2:#f3f3f3;
--bg:#fff;--pri:#1f4e8c;--pri-soft:#eef3fb;color-scheme:light}body{background:#fff;font-size:11.5pt}.topbar,.foot,.toast,.skip,.btn,.set-bar,.crumbs,.pager,.lp-tools,.exnav,.exbtns,.iconbtn,.row,.labwrap,.ord-reset{display:none!important}.card,.setbox,.q{box-shadow:none;break-inside:avoid}.hero{background:0 0}
body.printing>:not(#print-area){display:none!important}body.printing #print-area{display:block}#print-area h2.pbreak{break-before:page}#print-area h2.pbreak:first-of-type{break-before:auto}#print-area .print-head{font-size:9pt;color:#555;border-bottom:1px solid #999;margin-bottom:8px}.set,.gsec,.struct,
.key{break-inside:avoid}table,tr{break-inside:avoid}a{color:#000;text-decoration:none}}.say{display:inline-grid;place-items:center;width:30px;height:30px;margin:0 6px 0 0;padding:0;vertical-align:middle;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--acc);cursor:pointer;
flex:none}.say svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.say:hover{border-color:var(--acc);background:var(--acc-soft)}.say.speaking{background:var(--acc);color:#fff;border-color:var(--acc);animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px var(--acc-soft)}
}.q-text .say{margin-right:6px}.sayall{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--acc);margin-bottom:6px;direction:rtl;justify-content:flex-end}.passage p .say,.dlg .say{margin-right:6px}.login{max-width:520px;margin:30px auto}.login-h{display:flex;gap:14px;align-items:center;
margin-bottom:10px}.logo.big{width:56px;height:56px;font-size:1.8rem;border-radius:14px;flex:none}.login h1{margin:0}.fld{display:flex;flex-direction:column;gap:4px;margin:12px 0;font-weight:700}.fld input,.fld select{font:inherit;font-weight:400;min-height:46px;padding:8px 12px;border:1.5px solid var(--line);
border-radius:10px;background:var(--surface);color:var(--ink)}.fld input:focus,.fld select:focus{outline:0;border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-soft)}.fld.inline{flex-direction:row;align-items:center;margin:0}.fld .dotc{width:14px;height:14px;border-radius:50%;display:inline-block}
.btn.wide{width:100%;margin-top:6px}.lerr{color:var(--bad);font-weight:700;min-height:1.2em}.known{margin-top:16px}.pill.pick{cursor:pointer;font:inherit;font-size:.88rem}.tlogin{margin-top:16px;border-top:1px solid var(--line);padding-top:10px}.tlogin summary{cursor:pointer;color:var(--muted)}.small{font-size:.85rem}
.stack{display:flex;flex-direction:column;gap:4px}#userbox{flex:none;position:relative}.umenu summary{list-style:none;display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:99px;cursor:pointer;background:var(--surface);min-height:40px;max-width:160px}.umenu summary::-webkit-details-marker{display:none}
.uname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.udrop{position:absolute;left:0;top:calc(100% + 6px);width:270px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column;gap:8px;
z-index:40}.usync{font-size:.85rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sdot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--muted);flex:none}.sdot.ok{background:var(--ok)}.sdot.wait{background:var(--warn)}.sdot.off{background:#9aa1ad}@media (max-width:760px){#userbox{margin-inline-start:auto}
.iconbtn{margin-inline-start:0}.umenu summary{max-width:120px}}.steps{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:8px}.step{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.step a{flex:1;min-width:180px;text-decoration:none;color:var(--ink)}.step.done{border-color:var(--ok);background:var(--ok-soft)}.sn{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--pri-soft);color:var(--pri);font-weight:800;flex:none}.step.done .sn{background:var(--ok);
color:#fff}.lprog,.lessonbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lprog .bar,.lessonbar .bar,.lesson .bar{flex:1;min-width:120px;height:10px}.lesson .bar{display:block;margin-top:6px}.lessonbar{margin:16px 0;padding:10px 14px;border-radius:12px;background:var(--pri-soft)}.okbox{background:var(--ok-soft);
color:var(--ok);border:1px solid var(--ok);padding:10px 14px;border-radius:10px;font-weight:700}.readbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 6px;padding:12px 14px;border:2px dashed var(--line);border-radius:12px}.lockcard{text-align:center;max-width:560px;margin:30px auto}
.lockic{font-size:3rem}.lesson.locked,.li.locked{opacity:.55}.lesson.locked .ln{background:var(--surface2)}span.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.gcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.gcard h2{margin-top:0}.lb-h{display:flex;justify-content:space-between;
align-items:center;gap:10px;flex-wrap:wrap}.lb-h h2{margin:0}.seg{display:flex;gap:4px}.mini.on{background:var(--pri);color:var(--pri-ink);border-color:var(--pri)}.board tr.me td{background:var(--acc-soft);font-weight:700}.game{max-width:820px;margin:0 auto;background:var(--surface);border:1px solid var(--line);
border-radius:16px;padding:18px;box-shadow:var(--shadow)}.ghead{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:1.05rem}.gscore b{font:800 1.4rem var(--font-en);color:var(--pri)}.tbar{height:12px;border-radius:99px;background:var(--line);overflow:hidden;margin:10px 0 16px}
.tbar i{display:block;height:100%;background:var(--acc);transition:width .1s linear}.tbar i.low{background:var(--bad)}.gq{font-size:1.35rem;font-weight:700;text-align:left;margin:10px 0 16px;line-height:1.5}.gq.big{font-size:clamp(1.4rem,3vw,2.2rem)}.gopts{display:grid;grid-template-columns:repeat(auto-fit,
minmax(200px,1fr));gap:10px}.gopt{font:700 1.1rem var(--font-en);min-height:64px;padding:10px 14px;border-radius:14px;border:2px solid var(--line);background:var(--surface2);color:var(--ink);cursor:pointer;text-align:left}.gopt:hover:not(:disabled){border-color:var(--pri);transform:translateY(-1px)}
.gopt.right{background:var(--ok);border-color:var(--ok);color:#fff}.gopt.wrong{background:var(--bad);border-color:var(--bad);color:#fff}.gfb{min-height:2.2em;margin-top:12px;font-size:1.05rem}.game.end{text-align:center}.trophy{font-size:4rem}.game.end .result-hero{justify-content:center}.tscores{display:flex;
gap:8px;flex-wrap:wrap;margin-bottom:10px}.tsc{flex:1;min-width:120px;border:3px solid var(--c);border-radius:12px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.tsc span{font:800 1.6rem var(--font-en);color:var(--c)}.tsc.turn{background:color-mix(in srgb,var(--c) 14%,
transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 30%,transparent)}.turnlbl{font-weight:800}.podium{display:flex;gap:10px;align-items:flex-end;justify-content:center;height:230px;margin:20px 0}.pd{width:130px;height:var(--h);background:var(--c);color:#fff;border-radius:12px 12px 0 0;display:flex;
flex-direction:column;justify-content:flex-start;align-items:center;padding:10px 6px;gap:4px}.pd span{font:800 1.8rem var(--font-en)}.pd i{font-style:normal;font-size:1.4rem;margin-top:auto}@media print{.say,.sayall,.readbar,.lessonbar,#userbox{display:none!important}}:root{--bg:#f4f6fb;--surface:#ffffff;
--surface2:#eef1f8;--ink:#17213a;--muted:#5f6b85;--line:#dfe4ef;--pri:#2747b8;--pri-ink:#ffffff;--pri-soft:#e8edfb;--acc:#0e9f87;--acc-soft:#dcf5ef;--gold:#f2a516;--gold-soft:#fff4dc;--shadow:0 1px 2px rgba(23,33,58,.05), 0 8px 24px -12px rgba(23,33,58,.18);--r:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1424;
--surface:#171e33;--surface2:#1f2842;--ink:#e9edf7;--muted:#a3adc4;--line:#2c3654;--pri:#8ea8ff;--pri-ink:#0f1424;--pri-soft:#222e52;--acc:#3fd3b6;--acc-soft:#133a35;--gold:#ffc24d;--gold-soft:#3a2f14}}:root[data-theme=dark]{--bg:#0f1424;--surface:#171e33;--surface2:#1f2842;--ink:#e9edf7;--muted:#a3adc4;
--line:#2c3654;--pri:#8ea8ff;--pri-ink:#0f1424;--pri-soft:#222e52;--acc:#3fd3b6;--acc-soft:#133a35;--gold:#ffc24d;--gold-soft:#3a2f14}body{font-size:17px}h1{font-weight:800;letter-spacing:-.01em}.card{border-radius:var(--r);border-color:var(--line)}.btn{border-radius:12px}.btn.primary{box-shadow:0 6px 16px -8px var(--pri)}
.topbar{gap:16px;padding-top:10px;padding-bottom:10px;box-shadow:none;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px)}.logo{background:linear-gradient(135deg,var(--pri),var(--acc));border-radius:12px}.topnav{justify-content:center;
gap:4px}.topnav a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:12px;color:var(--muted);font-weight:700}.topnav a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.topnav a.on{background:var(--pri-soft);
color:var(--pri)}body:not(.signed) .topnav{visibility:hidden}.umenu summary{padding:3px;border-radius:99px;gap:0;position:relative;max-width:none}.av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pri),var(--acc));color:#fff;font-weight:800;
font-size:.95rem;letter-spacing:.02em}.umenu .sdot{position:absolute;bottom:2px;left:2px;width:12px;height:12px;border:2px solid var(--surface)}.udrop .sdot{position:static;border:0;width:10px;height:10px}@media (max-width:760px){.topbar{flex-wrap:nowrap;padding:8px 12px}.brand small{display:none}.topnav{position:fixed;
bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;gap:0;order:0;flex-basis:auto;box-shadow:0-6px 18px -12px rgba(0,0,0,.25)}.topnav a{flex-direction:column;gap:2px;padding:6px 4px;
font-size:.72rem;flex:1;min-width:0;border-radius:10px}.topnav a svg{width:23px;height:23px}.topnav a.on{background:0 0}.topnav a.on svg{background:var(--pri-soft);border-radius:99px;padding:2px 12px;width:47px;box-sizing:content-box;height:21px}body.signed main{padding-bottom:96px}body.signed .foot{padding-bottom:96px}
#userbox{margin-inline-start:auto}}.welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 14px}.hello{margin:0;color:var(--muted);font-weight:700}.welcome h1{font-size:1.9rem;margin:2px 0 4px}.welcome .ring{width:96px;height:96px}.welcome .ring span{width:72px;height:72px;
font-size:1.25rem}@media (max-width:520px){.welcome h1{font-size:1.45rem}.welcome .ring{width:78px;height:78px}.welcome .ring span{width:58px;height:58px;font-size:1.05rem}}.now{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink);background:linear-gradient(135deg,var(--pri) 0%,
#3a5fd9 60%,var(--acc) 140%);color:#fff;border:0;padding:20px;box-shadow:0 16px 34px -18px var(--pri);transition:transform .15s}.now:hover{transform:translateY(-2px)}.now .muted{color:rgba(255,255,255,.82)}.now-n{flex:none;width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.18);display:grid;
place-items:center;font:800 1.6rem var(--font-en)}.now-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.now-b b{font-size:1.3rem}.now-b small{opacity:.9}.now .bar{background:rgba(255,255,255,.25);height:8px;margin:6px 0 2px}.now .bar i{background:#fff}.now-go{flex:none;background:#fff;
color:var(--pri);font-weight:800;padding:10px 18px;border-radius:12px}@media (max-width:520px){.now{flex-wrap:wrap;padding:16px}.now-go{width:100%;text-align:center}.now-n{width:48px;height:48px}}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 6px}@media (max-width:760px){.quick{grid-template-columns:repeat(2,
1fr)}}.qk{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.qk:hover{transform:translateY(-2px);border-color:var(--pri)}
.qk small{color:var(--muted)}.qk.off{opacity:.6}.qi{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;margin-bottom:6px}.qi-game{background:var(--gold-soft)}.qi-mis{background:var(--bad-soft);color:var(--bad);font-weight:800}.qi-exam{background:var(--pri-soft)}
.qi-lab{background:var(--acc-soft)}.path{list-style:none;margin:0;padding:0;position:relative}.path::before{content:"";position:absolute;top:24px;bottom:24px;right:25px;width:3px;background:var(--line);border-radius:3px}.pt a{position:relative;display:flex;align-items:center;gap:14px;padding:8px 0;text-decoration:none;
color:var(--ink)}.pn{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:800 1.15rem var(--font-en);background:var(--surface);border:3px solid var(--line);color:var(--muted);z-index:1}.pb{flex:1;min-width:0;display:flex;flex-direction:column;padding:10px 14px;background:var(--surface);
border:1px solid var(--line);border-radius:14px}.pb bdi{color:var(--muted);font-size:.85rem}.ps{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:.8rem;font-weight:700;color:var(--muted)}.pt.done .pn{background:var(--acc);border-color:var(--acc);color:#fff}.pt.cur .pn{background:var(--pri);
border-color:var(--pri);color:#fff;box-shadow:0 0 0 6px var(--pri-soft)}.pt.cur .pb{border-color:var(--pri);box-shadow:var(--shadow)}.pt.cur .ps{color:var(--pri)}.pt.done .ps{color:var(--acc)}.pt.lock{opacity:.55}.pt.lock .pn{font-size:1rem}.more{margin-top:18px}.more summary{cursor:pointer;padding:4px 0}
.lhead{display:flex;justify-content:space-between;gap:16px;align-items:center}.lhead .ring{width:92px;height:92px}.lhead .ring span{width:70px;height:70px;font-size:1.15rem}@media (max-width:520px){.lhead{flex-direction:column-reverse;align-items:flex-start}}.hint{background:var(--pri-soft);border-radius:12px;
padding:10px 14px;margin:10px 0}.stlist{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:10px}.stc a{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);flex-wrap:wrap;
transition:border-color .15s,transform .15s}.stc a:hover{border-color:var(--pri)}.sk{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--surface2);font-size:1.2rem}.sb{flex:1;min-width:160px;display:flex;flex-direction:column}.sb small{color:var(--muted);
font-weight:700;font-size:.78rem}.stc.done a{background:color-mix(in srgb,var(--acc-soft) 60%,var(--surface));border-color:color-mix(in srgb,var(--acc) 40%,var(--line))}.stc.done .sk{background:var(--acc);color:#fff;font-weight:800}.stc.next a{border:2px solid var(--pri);box-shadow:0 10px 24px -16px var(--pri)}
.stc.next .sk{background:var(--pri-soft)}.stc .go{background:var(--pri);color:var(--pri-ink);padding:8px 16px;border-radius:10px;font-weight:800}.setbox{border-radius:var(--r)}.q{border-radius:14px}.choice{border-radius:12px}.readbar{border-style:solid;border-color:var(--pri-soft);background:color-mix(in srgb,
var(--pri-soft) 40%,var(--surface))}.login{border-radius:20px;box-shadow:0 24px 60px -30px rgba(23,33,58,.35)}body:not(.signed) .foot{display:none}.tcard{border:2px solid var(--acc)}@media (max-width:760px){.topbar{backdrop-filter:none;background:var(--surface)}}.pb bdi,.now-b bdi,.sb bdi,.lhead .sub{text-align:right}
.pt a{padding-left:0}.ps{position:static;transform:none;flex:none;min-width:58px;text-align:center}.pt a{gap:12px}.pb{order:0}.pt a{align-items:stretch}.pt a .pn{align-self:center}.pt a .pb{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.pb-t{display:flex;flex-direction:column;
min-width:0}@media (max-width:760px){body.signed .toast{bottom:92px}}