:root{--bg: #f6f8f9;--card: #ffffff;--ink: #12232b;--muted: #5b6b73;--line: #dde4e7;--brand: #0f4c5c;--brand-ink: #ffffff;--accent: #f4b942;--ok: #1f7a4d;--err: #b42318;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0e171b;--card: #152229;--ink: #e7eef1;--muted: #9db0b8;--line: #26363e;--brand: #4fb3c8;--brand-ink: #062027}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Tahoma,Noto Sans Arabic,sans-serif;font-size:17px;line-height:1.7}h1{font-size:1.45rem;margin:.2rem 0 .4rem}h2{font-size:1.1rem;margin:0 0 .6rem;display:flex;gap:.5rem;align-items:baseline}.center{min-height:100dvh;display:grid;place-items:center;padding:16px}.page{max-width:820px;margin:0 auto;padding:0 16px 48px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}.narrow{width:100%;max-width:420px;display:flex;flex-direction:column;gap:.6rem}.logo{width:56px;height:56px}.muted{color:var(--muted);margin:0}.hint{color:var(--muted);font-size:.88rem;margin:.2rem 0 0}.badge{align-self:flex-start;display:inline-block;margin:.3rem 0;background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--ink);border-radius:999px;padding:.15rem .8rem;font-size:.85rem;font-weight:600}label,.label{font-weight:600;font-size:.95rem;margin-top:.4rem}input{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem;width:100%}input:focus{outline:2px solid var(--brand);outline-offset:1px}input.code{font-size:1.5rem;letter-spacing:.4rem;text-align:center}button{font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:default}.primary{background:var(--brand);color:var(--brand-ink);border:0;border-radius:10px;padding:.75rem 1rem;font-weight:700;margin-top:.6rem}.link{background:none;border:0;color:var(--brand);padding:.3rem}.row{display:flex;gap:.8rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.choices{display:flex;gap:.5rem;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:.35rem 1rem}.chip.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.error{color:var(--err);margin:.4rem 0 0}.top{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:.5rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700}.brand img{width:32px;height:32px}.intro{margin-bottom:20px;display:flex;flex-direction:column;gap:.3rem}.stat{margin:0}.domain{margin:22px 0}.weight{color:var(--muted);font-size:.85rem;font-weight:500}.standards{list-style:none;margin:0;padding:0;display:grid;gap:8px}.std{background:var(--card);border:1px solid var(--line);border-radius:12px}.std summary{display:grid;grid-template-columns:2.2rem 1fr auto auto;gap:.6rem;align-items:center;padding:.65rem .8rem;cursor:pointer;list-style:none}.std summary::-webkit-details-marker{display:none}.std .detail{padding:0 .9rem .8rem;border-top:1px solid var(--line);font-size:.93rem}.std .detail p{margin:.7rem 0 .3rem;font-weight:600}.std .detail ol{margin:0;padding-inline-start:1.4rem;color:var(--muted)}.std .detail li{margin:.25rem 0}.code{font-size:.8rem;color:var(--muted);font-weight:500}.std .no{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-weight:700;font-size:.9rem}.std .name{font-weight:600}.std .state{font-size:.82rem;color:var(--muted);white-space:nowrap}.std.open{border-color:var(--brand)}.std.open .state{color:var(--ok);font-weight:700}.foot{margin-top:28px;text-align:center}@media (max-width: 480px){.std summary{grid-template-columns:2.2rem 1fr auto}.std .weight{display:none}}.back{display:inline-block;margin:14px 0 8px;color:var(--brand);text-decoration:none;font-size:.95rem}.small{font-size:.85rem}.center-text{text-align:center}.row.center{justify-content:center}.section{margin:22px 0 10px}.note{background:color-mix(in srgb,var(--accent) 14%,var(--card));border-radius:12px;padding:.7rem .9rem;margin:14px 0}.badge.admin{background:color-mix(in srgb,var(--brand) 18%,transparent)}.cta{margin:16px 0;display:flex;flex-direction:column;gap:.4rem}.cta h2{margin:0}.cta .primary{align-self:flex-start}.primary.wide{width:100%;margin:16px 0 6px}a.primary.btn{text-decoration:none;display:inline-block}.std .state.go{color:var(--brand-ink);background:var(--brand);border-radius:999px;padding:.2rem .8rem;text-decoration:none;font-weight:700}.concepts{list-style:none;margin:0;padding:0;display:grid;gap:8px}.concept{display:grid;grid-template-columns:2rem 1fr auto;gap:.6rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem;color:inherit;text-decoration:none}.concept.focus{border-color:var(--accent);border-width:2px}.concept .no{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-weight:700;font-size:.85rem}.concept .name{font-weight:600}.tag{margin-inline-start:.5rem;font-size:.75rem;background:var(--accent);color:#2b1d00;border-radius:999px;padding:.05rem .55rem;font-weight:700}.lvl{font-size:.78rem;border-radius:999px;padding:.15rem .6rem;white-space:nowrap;border:1px solid var(--line);color:var(--muted)}.lvl-weak{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent)}.lvl-mid{color:#8a5a00;border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.lvl-mastered{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 50%,transparent);font-weight:700}.analogy{margin-top:.8rem;background:var(--bg);border-radius:10px;padding:.7rem .9rem}.tabs{display:flex;gap:6px;margin:16px 0 0}.tab{flex:1;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px 10px 0 0;padding:.55rem .4rem;font-weight:600}.tab.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.layer{border-top-left-radius:0;border-top-right-radius:0;margin-bottom:14px}.layer p{margin:.2rem 0 .7rem}.mis{margin:.3rem 0;padding-inline-start:1.2rem}.mis li{margin:.3rem 0}.ex{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ex li{display:flex;flex-direction:column}.ex a{color:var(--brand);font-weight:700;text-decoration:none}.card+.card{margin-top:14px}.code{background:#0f1b21;color:#e6f1f4;border-radius:10px;padding:.6rem 0;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.6;text-align:left;margin:.6rem 0}.code .ln{padding:0 .8rem;white-space:pre}.code .ln.cur{background:color-mix(in srgb,var(--accent) 40%,transparent)}.code .no{display:inline-block;width:1.6rem;color:#6f8a95;-webkit-user-select:none;user-select:none}.tracer{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 760px){.tracer{grid-template-columns:1.1fr 1fr}}.state{display:flex;flex-direction:column;gap:8px}.frame,.out,.ret{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem}.frame.top{border-color:var(--brand)}.fname{font-weight:700;font-size:.85rem;margin-bottom:.2rem}.vars{font-family:ui-monospace,Menlo,Consolas,monospace;text-align:left}.vars div{border-top:1px solid var(--line);padding:.2rem}.out pre{margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;text-align:left;min-height:1.4em;white-space:pre-wrap}.ret{background:color-mix(in srgb,var(--ok) 12%,var(--card))}.ask{margin-top:12px}.controls{margin:14px 0}.bar{height:6px;background:var(--line);border-radius:99px;overflow:hidden;margin:6px 0 12px}.bar span{display:block;height:100%;background:var(--brand);transition:width .2s}.q .stem{font-weight:600;font-size:1.05rem;margin:0 0 .4rem}.opts{display:grid;gap:8px;margin-top:10px}.opt{display:flex;gap:.7rem;align-items:center;text-align:start;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:.65rem .8rem;font:inherit}.opt .letter{flex:none;width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);font-weight:700}.opt.picked{border-color:var(--brand)}.opt.right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,var(--card))}.opt.wrong{border-color:var(--err);background:color-mix(in srgb,var(--err) 12%,var(--card))}.opt:disabled{opacity:1;cursor:default}.fb{margin-top:12px;border-radius:10px;padding:.7rem .9rem}.fb p{margin:.3rem 0}.okbox{background:color-mix(in srgb,var(--ok) 10%,var(--card));border:1px solid color-mix(in srgb,var(--ok) 35%,transparent)}.badbox{background:color-mix(in srgb,var(--err) 8%,var(--card));border:1px solid color-mix(in srgb,var(--err) 30%,transparent)}.ok{color:var(--ok);font-weight:700}.errorbox{border-color:var(--err)}.big{font-size:2.2rem;font-weight:800;margin:.2rem 0}.inds{list-style:none;padding:0;margin:0;display:grid;gap:6px}.inds li{display:flex;justify-content:space-between;gap:1rem;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.55rem .8rem;font-size:.9rem}.inds li.good{border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.inds li.bad{border-color:color-mix(in srgb,var(--err) 45%,transparent)}.review summary{cursor:pointer;font-weight:600}.review.good summary b{color:var(--ok)}.review.bad summary b{color:var(--err)}.ropts{list-style:none;padding:0}.ropts li{padding:.2rem 0}.ropts li.right{color:var(--ok);font-weight:700}.ropts li.wrong{color:var(--err)}.parsons{display:flex;flex-direction:column;gap:6px;min-height:3rem;border:1px dashed var(--line);border-radius:10px;padding:8px}.parsons.answer{background:var(--card)}.pline{text-align:left;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92rem;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:.45rem .7rem;white-space:pre;overflow-x:auto}.pline.bad{border-color:var(--err);background:color-mix(in srgb,var(--err) 12%,var(--card))}.pline.good{border-color:var(--ok)}.report{margin-top:10px;display:flex;flex-direction:column;gap:8px;text-align:start}.report textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;min-height:4rem}