:root{--bg:#eaf6f5;--card:#fff;--text:#0b3f4c;--muted:#557b86;--teal:#1a94a3;--teal-d:#0e6473;--sun:#f2b632;--bad:#c93a3a;--bad-soft:#ffe9e6;--ok:#17714a;--ok-soft:#d7f3e5;--info-soft:#e2f3f2;--line:rgba(14,100,115,.2);color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#07242b;--card:#0c3540;--text:#e6f4f4;--muted:#9bc0c6;--teal:#35b6c4;--teal-d:#62cbc9;--bad:#ff8c80;--bad-soft:#4a1f1d;--ok:#7be0ae;--ok-soft:#12452f;--info-soft:#114552;--line:rgba(255,255,255,.18);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 Cairo,system-ui,sans-serif;padding-block:0 24px}.wrap{max-width:560px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}.hero{text-align:center;padding:28px 0 18px}.kicker{display:inline-block;background:var(--info-soft);border:1.5px solid var(--line);border-radius:999px;padding:2px 14px;font-weight:700;font-size:14px}.hero h1{font:800 clamp(44px,13vw,76px)/1 "Baloo Bhaijaan 2","Cairo",sans-serif;margin:10px 0 4px;text-wrap:balance}.hero h1 em{font-style:normal;color:var(--sun);text-shadow:0 3px 0 rgba(0,0,0,.12)}.hero p{margin:0;font-weight:600;color:var(--muted)}.card{background:var(--card);border:1.5px solid var(--line);border-radius:28px 8px;padding:22px clamp(16px,4vw,28px) 26px;box-shadow:0 14px 34px -16px #0e647366}h2{margin:.1em 0 .6em;font-size:24px}h3{margin:.2em 0 .4em}.f{margin-bottom:14px}.f label{display:block;font-weight:700;margin-bottom:4px}input,select{width:100%;min-height:46px;padding:8px 12px;border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font:inherit}input:focus-visible,select:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid var(--sun);outline-offset:2px}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--bad)}.hint{display:block;color:var(--muted)}.err{display:block;color:var(--bad);font-weight:700;min-height:0}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:480px){.row2{grid-template-columns:1fr}}.chk label{display:flex;gap:10px;align-items:flex-start;font-weight:600}.chk input{width:22px;min-height:22px;margin-top:5px;flex:none}.btn{display:inline-block;min-height:48px;padding:8px 22px;border:0;border-radius:14px;background:var(--teal-d);color:#fff;font:700 17px Cairo,sans-serif;cursor:pointer;text-decoration:none;text-align:center;box-shadow:0 5px #0000002e}@media (prefers-color-scheme:dark){.btn{color:#042;background:var(--teal)}}.btn:disabled{opacity:.6;cursor:wait}.btn.ghost{background:var(--info-soft);color:var(--text);border:2px solid var(--line);box-shadow:none}.btn.danger{background:var(--bad);color:#fff}form>.btn{width:100%}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.banner{border-radius:12px;padding:10px 14px;margin:0 0 14px;font-weight:600}.banner.bad{background:var(--bad-soft);color:var(--bad)}.banner.ok{background:var(--ok-soft);color:var(--ok)}.banner.info{background:var(--info-soft)}.banner input{margin:8px 0}.links{text-align:center;margin-top:16px}a{color:var(--teal-d);font-weight:700}.muted{color:var(--muted)}hr{border:0;border-top:1.5px solid var(--line);margin:22px 0}footer{text-align:center;color:var(--muted);margin-top:16px;font-size:14px}.wrap:has(.admin){max-width:1100px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;border-bottom:2px solid var(--line);padding-bottom:10px}.tab{padding:6px 16px;border-radius:999px;text-decoration:none;background:var(--info-soft);color:var(--text);font-weight:700}.tab.on{background:var(--teal-d);color:#fff}.tab.out{margin-inline-start:auto}.pane{min-height:200px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:10px 0 22px}.stat{background:var(--info-soft);border:1.5px solid var(--line);border-radius:16px 4px;padding:12px 14px;display:flex;flex-direction:column}.stat b{font-size:30px;line-height:1.2;color:var(--teal-d)}.stat span{font-weight:700}.stat small{color:var(--muted)}.tw{overflow-x:auto;margin:10px 0}table{width:100%;border-collapse:collapse;min-width:560px}th,td{text-align:start;padding:8px 10px;border-bottom:1px solid var(--line)}th{background:var(--info-soft)}.inline{display:flex;gap:8px;margin-bottom:10px}.inline input{flex:1}.btn.sm{min-height:34px;padding:2px 14px;font-size:15px;box-shadow:none}ul.plain,ol.plain{padding-inline-start:20px}ul.plain li,ol.plain li{margin-bottom:8px}li.bad{color:var(--bad);font-weight:700}progress{width:100%;margin:10px 0}.lessons{display:grid;gap:10px;margin:8px 0 18px}.lesson{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:2px solid var(--line);border-radius:16px 4px;background:var(--info-soft);color:var(--text);text-decoration:none}.lesson:hover,.lesson:focus-visible{border-color:var(--teal)}.lesson small{color:var(--muted);font-weight:600}.tag{background:var(--sun);color:#3a2a00;border-radius:999px;padding:0 10px;font-weight:700}.wrap:has(.exam){max-width:760px}.small{font-size:14px;margin:0 0 8px}.passage{border:2px solid var(--line);border-radius:14px;padding:8px 14px;margin:8px 0 14px;background:var(--info-soft)}.passage summary{cursor:pointer;font-weight:800}.verses{margin:8px 0}.v{display:grid;grid-template-columns:2em 1fr 1fr;gap:10px;padding:4px 0;border-bottom:1px dashed var(--line)}.vl{font-weight:800;color:var(--teal-d)}.prose{white-space:pre-wrap}.lex{color:var(--muted);margin:6px 0 0}@media (max-width:560px){.v{grid-template-columns:2em 1fr}.v span:last-child{grid-column:2}}.qn{color:var(--muted);font-weight:700;margin:0}.stem{font-size:20px;font-weight:700;margin:4px 0 12px}.opts{display:grid;gap:10px}.opt{display:flex;gap:12px;align-items:flex-start;text-align:start;min-height:52px;padding:10px 14px;border:2px solid var(--line);border-radius:14px;background:var(--card);color:var(--text);font:inherit;cursor:pointer}.opt:hover:not(:disabled){border-color:var(--teal)}.opt:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.opt .ol{flex:none;width:30px;height:30px;border-radius:50%;background:var(--info-soft);display:grid;place-items:center;font-weight:800}.opt.ok{border-color:var(--ok);background:var(--ok-soft)}.opt.bad{border-color:var(--bad);background:var(--bad-soft);text-decoration:line-through}.opt:disabled{cursor:default}.model{background:var(--info-soft);border-inline-start:5px solid var(--sun);border-radius:10px;padding:10px 14px;margin:10px 0}.qtools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.reportbox{display:grid;gap:8px;margin-bottom:10px}textarea{width:100%;padding:8px 12px;border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font:inherit}.nav{display:flex;gap:10px;margin:8px 0}.nav .btn{flex:1}.dots{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.dot{min-width:38px;min-height:38px;border-radius:10px;border:2px solid var(--line);background:var(--card);color:var(--text);font:700 14px Cairo,sans-serif;cursor:pointer}.dot.cur{outline:3px solid var(--sun)}.dot.ok{background:var(--ok-soft);border-color:var(--ok)}.dot.bad{background:var(--bad-soft);border-color:var(--bad)}.big{font:800 72px/1.1 "Baloo Bhaijaan 2",Cairo,sans-serif;color:var(--teal-d);text-align:center;margin:8px 0}tr.me td{background:var(--ok-soft);font-weight:800}progress{accent-color:var(--teal-d)}