:root{--canvas:#f7f5f1;--surface:#fff;--border:#e3ddd3;--ink:#1a1d1a;--muted:#5f6660;--action:#0f5c4e;--action-hover:#0b4a3f;--der:#1d4ed8;--die:#be1250;--das:#0f7a3d;--radius:12px;--maxw:62rem;--shadow:0 1px 2px #1a1d1a0f, 0 8px 24px -18px #1a1d1a4d}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--ink);margin:0;font-family:IBM Plex Sans Arabic,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.75}h1,h2,h3{font-family:Tajawal,IBM Plex Sans Arabic,system-ui,sans-serif;line-height:1.35}h1{letter-spacing:-.01em;margin:0 0 .5rem;font-size:clamp(1.75rem,5vw,2.6rem);font-weight:800}h2{margin:2.5rem 0 .75rem;font-size:clamp(1.3rem,3.6vw,1.75rem);font-weight:700}h3{margin:1.5rem 0 .4rem;font-size:1.1rem;font-weight:700}p{margin:0 0 1rem}a{color:var(--action)}a:hover{color:var(--action-hover)}:focus-visible{outline:3px solid var(--action);outline-offset:2px;border-radius:4px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.1rem}.de{letter-spacing:-.005em;direction:ltr;unicode-bidi:isolate;font-family:IBM Plex Sans,system-ui,sans-serif}.site-head{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#f7f5f1ed;position:sticky;top:0}.site-head .wrap{flex-wrap:nowrap;align-items:center;gap:1rem;min-height:58px;display:flex}.brand{color:var(--ink);flex:none;align-items:center;min-height:44px;font-family:Tajawal,sans-serif;font-size:1.12rem;font-weight:800;text-decoration:none;display:inline-flex}.brand span{color:var(--action)}.site-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:auto;justify-content:flex-end;gap:.35rem;min-width:0;margin-inline-start:auto;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;min-height:44px;padding:.35rem .7rem;font-size:.97rem;font-weight:600;text-decoration:none;display:inline-flex}.site-nav a:hover{color:var(--ink);background:#ece7de}.site-nav a[aria-current=page]{background:var(--action);color:#fff}main{padding:1.5rem 0 3rem}.crumbs{color:var(--muted);margin-bottom:1rem;font-size:.9rem}.crumbs a{margin:-.5rem 0;padding:.5rem .2rem;text-decoration:none;display:inline-block}.lede{color:var(--muted);max-width:46rem;font-size:1.06rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;display:grid}.tool-card{color:inherit;flex-direction:column;gap:.35rem;text-decoration:none;display:flex}.tool-card h3{margin:0}.tool-card p{color:var(--muted);margin:0;font-size:.95rem}.tool-card .go{color:var(--action);margin-top:.6rem;font-weight:700}.tool-card:hover{border-color:var(--action)}.soon{opacity:.72;box-shadow:none}.badge{color:var(--muted);background:#ece7de;border-radius:999px;padding:.1rem .55rem;font-size:.88rem;font-weight:700;display:inline-block}.badge.live{color:var(--das);background:#dff1e7}.search-row{flex-wrap:wrap;gap:.5rem;display:flex}.search-row input{min-width:0;font:inherit;border:2px solid var(--border);color:var(--ink);background:#fff;border-radius:10px;flex:14rem;padding:.7rem .9rem;font-size:1.05rem}.search-row input:focus{border-color:var(--action);outline:none}.btn{font:inherit;cursor:pointer;background:var(--action);color:#fff;border:0;border-radius:10px;min-height:46px;padding:.7rem 1.2rem;font-weight:700}.btn:hover{background:var(--action-hover)}.btn.ghost{color:var(--action);border:2px solid var(--border);background:#fff}.btn.ghost:hover{border-color:var(--action);background:#fff}.hint{color:var(--muted);margin-top:.5rem;font-size:.92rem}.chips{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.chip{font:inherit;cursor:pointer;color:var(--ink);border:1px solid var(--border);background:#fff;border-radius:999px;align-items:center;min-height:44px;padding:.3rem .9rem;font-size:.94rem;display:inline-flex}.chip:hover{border-color:var(--action);color:var(--action)}.chip[aria-pressed=true]{background:var(--action);color:#fff;border-color:var(--action)}.parts{flex-wrap:wrap;gap:.4rem;margin:.2rem 0 .9rem;display:flex}.part{border:1px solid var(--border);background:#faf8f5;border-radius:8px;padding:.3rem .6rem;font-size:.95rem}.part b{color:var(--muted);letter-spacing:.02em;font-size:.88rem;font-weight:600;display:block}.part .de,.part{font-size:1rem}.aux{color:var(--muted);font-size:.92rem}.tbl-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.96rem}th,td{text-align:start;border-bottom:1px solid var(--border);padding:.5rem .6rem}thead th{color:var(--muted);white-space:nowrap;font-size:.9rem;font-weight:700}tbody tr:hover{background:#faf8f5}caption{text-align:start;color:var(--muted);padding-bottom:.4rem;font-size:.9rem}.gender{font-weight:700}.g-der{color:var(--der)}.g-die{color:var(--die)}.g-das{color:var(--das)}.gpill{text-align:center;color:#fff;border-radius:999px;min-width:3.1rem;padding:.05rem .5rem;font-size:.9rem;font-weight:700;display:inline-block}.gpill.g-der{background:var(--der);color:#fff}.gpill.g-die{background:var(--die);color:#fff}.gpill.g-das{background:var(--das);color:#fff}.quiz-word{margin:.2rem 0 .1rem;font-size:1.6rem;font-weight:600}.quiz-opts{flex-wrap:wrap;gap:.5rem;margin:.8rem 0;display:flex}.qbtn{font:inherit;cursor:pointer;border:2px solid var(--border);min-height:52px;color:var(--ink);background:#fff;border-radius:10px;flex:6rem;font-size:1.05rem;font-weight:700;transition:background .12s,color .12s,border-color .12s}.qbtn:hover:not(:disabled){border-color:var(--action)}.qbtn.right{border-color:var(--das);color:var(--das);background:#dff1e7}.qbtn.wrong{border-color:var(--die);color:var(--die);background:#fbe4ec}.qbtn:disabled{cursor:default}.quiz-fb{white-space:pre-line;min-height:2.4rem;font-weight:600}.quiz-fb .ok,.quiz-fb.ok{color:var(--das)}.quiz-fb .no,.quiz-fb.no{color:var(--die)}.progress{background:#ece7de;border-radius:999px;height:6px;margin:.2rem 0 .9rem;overflow:hidden}.progress i{background:var(--action);height:100%;transition:width .2s;display:block}.quiz-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.2rem 0 .9rem;display:flex}.quiz-meta span{color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:999px;padding:.15rem .7rem;font-size:.92rem;font-weight:700}.result-band{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:1.2rem}.result-level{color:var(--action);font-family:Tajawal,sans-serif;font-size:clamp(2.2rem,9vw,3.4rem);font-weight:800;line-height:1.1}.result-score{color:var(--muted);font-size:.95rem}.bars{gap:.55rem;margin:1rem 0;display:grid}.bar-row{grid-template-columns:8.5rem 1fr 3.2rem;align-items:center;gap:.6rem;font-size:.92rem;display:grid}.bar-track{background:#ece7de;border-radius:999px;height:10px;overflow:hidden}.bar-track i{background:var(--action);height:100%;display:block}.bar-row.weak .bar-track i{background:var(--die)}@media (width<=560px){.bar-row{grid-template-columns:1fr 2.6rem}.bar-row .bar-track{grid-column:1/-1}}.week{margin-bottom:.6rem}.week>summary{flex-wrap:wrap;align-items:center;gap:.55rem;min-height:44px;display:flex}.week-badge{color:var(--muted);white-space:nowrap;background:#ece7de;border-radius:999px;padding:.1rem .55rem;font-size:.88rem;font-weight:700}.week.done>summary .week-badge{color:var(--das);background:#dff1e7}.task{align-items:flex-start;gap:.55rem;padding:.3rem 0;display:flex}.task input{width:1.3rem;height:1.3rem;accent-color:var(--action);flex:none;margin-top:.5rem}.task label{cursor:pointer;padding:.35rem 0;font-size:.97rem}.task input:checked+label{color:var(--muted);text-decoration:line-through}.plan-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.prose{max-width:46rem}.prose ul,.prose ol{padding-inline-start:1.3rem}.prose li{margin-bottom:.35rem}details{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:.5rem;padding:.7rem .9rem}details summary{cursor:pointer;min-height:44px;padding:.55rem 0;font-weight:700}details p{color:var(--muted);margin:.6rem 0 0}.related{flex-wrap:wrap;gap:.5rem;display:flex}.related a{border:1px solid var(--border);background:#fff;border-radius:999px;align-items:center;min-height:44px;padding:.35rem .9rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.related a:hover{border-color:var(--action)}.note{background:#fff8e8;border:1px solid #e8d9ae;border-radius:10px;padding:.7rem .9rem;font-size:.93rem}.site-foot{border-top:1px solid var(--border);color:var(--muted);padding:1.6rem 0 2.5rem;font-size:.94rem}.site-foot nav{flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.6rem;display:flex}.site-foot a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}@media (width<=640px){body{font-size:16px}.qbtn{flex:100%}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.vt-cols{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.vt-cols>div{flex-direction:column;gap:1rem;display:flex}.vt-fields{gap:.7rem;display:grid}.vt-field{flex-direction:column;gap:.25rem;display:flex}.vt-field label{font-size:.9rem;font-weight:600}.vt-field input,.vt-field select{box-sizing:border-box;width:100%;font:inherit;border:2px solid var(--border);color:inherit;background:#fff;border-radius:10px;padding:.5rem .65rem;font-size:.95rem}.vt-field input:focus,.vt-field select:focus{border-color:var(--action);outline:none}.vt-actions{flex-wrap:wrap;gap:.45rem;display:flex}.vt-actions .btn{padding:.45rem .8rem;font-size:.9rem}.vt-out-card{position:sticky;top:.8rem}.vt-out{white-space:pre-wrap;word-break:break-word;text-align:left;border:1px solid var(--border);background:#fbfaf7;border-radius:10px;max-height:30rem;margin:.7rem 0 .5rem;padding:.9rem 1rem;font-family:IBM Plex Sans,ui-monospace,monospace;font-size:.9rem;line-height:1.7;overflow:auto}@media (width<=900px){.vt-cols{grid-template-columns:1fr}.vt-out-card{position:static}}:target,h2[id],h3[id],section[id]{scroll-margin-top:5.5rem}.nav-toggle{font:inherit;cursor:pointer;min-height:44px;color:var(--ink);border:1px solid var(--border);background:#fff;border-radius:10px;flex:none;align-items:center;gap:.45rem;margin-inline-start:auto;padding:.4rem .8rem;font-size:.95rem;font-weight:700;display:none}.nav-toggle:hover{border-color:var(--action)}.nav-toggle .bars{flex-direction:column;gap:3px;display:inline-flex}.nav-toggle .bars i{background:var(--ink);border-radius:2px;width:17px;height:2px;display:block}.nav-toggle[aria-expanded=true]{background:var(--action);color:#fff;border-color:var(--action)}.nav-toggle[aria-expanded=true] .bars i{background:#fff}@media (width<=800px){.site-head .wrap{flex-wrap:wrap;gap:.5rem;min-height:56px}.nav-toggle{display:inline-flex}html.js-nav .site-nav{display:none}html.js-nav .site-nav.is-open{border-top:1px solid var(--border);flex-direction:column;align-items:stretch;gap:.2rem;width:100%;max-height:min(66vh,23rem);margin:0 0 .55rem;padding-top:.5rem;display:flex;overflow:hidden auto}html.js-nav .site-nav.is-open a{border-radius:10px;padding:.55rem .8rem;font-size:1rem}html:not(.js-nav) .site-nav{width:100%;margin-inline-start:0;padding-bottom:.35rem}}.help-band{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#fbfaf7,#fff);margin:2.5rem 0 0;padding:1.15rem 1.2rem}.help-band h2{margin:0 0 .35rem;font-size:1.2rem}.help-band p{color:var(--muted);max-width:42rem;margin:0 0 .9rem;font-size:.97rem}.help-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.help-actions .btn{align-items:center;text-decoration:none;display:inline-flex}.help-link{align-items:center;min-height:44px;padding:0 .5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.help-note{color:var(--muted);margin:.7rem 0 0;font-size:.9rem}.wa-dock{inset-inline-end:1rem;z-index:40;display:none;position:fixed;bottom:1rem}.wa-dock.is-ready{display:block}.wa-fab{font:inherit;cursor:pointer;background:var(--action);color:#fff;opacity:0;border:0;border-radius:999px;align-items:center;gap:.5rem;min-height:48px;padding:.5rem 1rem .5rem .85rem;font-size:.95rem;font-weight:700;transition:opacity .25s,transform .25s;display:inline-flex;transform:translateY(8px);box-shadow:0 4px 14px -4px #0f5c4e80}.wa-dock.is-ready .wa-fab{opacity:1;transform:none}.wa-fab:hover{background:var(--action-hover)}.wa-fab svg{fill:currentColor;flex:none;width:20px;height:20px}.wa-sheet{inset-inline-end:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(19rem,100vw - 2rem);padding:.9rem;position:absolute;bottom:calc(100% + .6rem);box-shadow:0 10px 34px -14px #1a1d1a73}.wa-sheet[hidden]{display:none}.wa-sheet h3{margin:0 0 .15rem;font-size:1.02rem}.wa-sheet .wa-sub{color:var(--muted);margin:0 0 .7rem;font-size:.9rem}.wa-opts{gap:.4rem;display:grid}.wa-opts a{color:var(--ink);border:1px solid var(--border);border-radius:10px;padding:.55rem .7rem;font-size:.95rem;font-weight:600;text-decoration:none;display:block}.wa-opts a:hover{border-color:var(--action);background:#fbfaf7}.wa-opts a small{color:var(--muted);font-size:.9rem;font-weight:500;display:block}.wa-close{inset-inline-start:.4rem;cursor:pointer;width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:999px;font-size:1.15rem;line-height:1;position:absolute;top:.4rem}.wa-close:hover{color:var(--ink);background:#f1ede6}.wa-dismiss{text-align:center;width:100%;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:40px;margin-top:.55rem;font-size:.92rem;display:block}.wa-dismiss:hover{color:var(--ink);text-decoration:underline}.wa-inline{background:#f4faf7;border:1px solid #cfe6da;border-radius:12px;margin:1rem 0 0;padding:.9rem 1rem}.wa-inline p{margin:0 0 .7rem;font-size:.97rem}.wa-inline .btn{align-items:center;text-decoration:none;display:inline-flex}@media (width<=480px){.wa-dock{inset-inline-end:.7rem;bottom:.7rem}.wa-fab span{display:none}.wa-fab{border-radius:999px;justify-content:center;min-width:52px;min-height:52px;padding:.5rem}.wa-fab svg{width:24px;height:24px}}.pg-panel{border-radius:var(--radius);background:#f4faf7;border:1px solid #cfe6da;margin:1.2rem 0 1.6rem;padding:1rem 1.1rem}.pg-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.pg-head h2{margin:0;font-size:1.12rem}.pg-note{color:var(--muted);margin:0;font-size:.85rem}.pg-stats{flex-wrap:wrap;gap:.5rem;margin:.7rem 0 0;display:flex}.pg-stat{color:var(--muted);background:#fff;border:1px solid #dce8e1;border-radius:999px;padding:.3rem .7rem;font-size:.9rem}.pg-stat b{color:var(--action);font-size:1rem}.pg-goal{color:var(--muted);margin-top:.8rem;font-size:.9rem}.pg-bar{background:#e3ece7;border-radius:999px;height:8px;margin-bottom:.35rem;overflow:hidden}.pg-bar i{background:var(--action);border-radius:999px;height:100%;transition:width .4s;display:block}.pg-review{color:var(--ink);background:#fff;border:1px solid #cfe6da;border-radius:10px;align-items:center;gap:.7rem;min-height:44px;margin-top:.9rem;padding:.7rem .8rem;font-weight:600;text-decoration:none;display:flex}.pg-review:hover{border-color:var(--action);color:var(--ink)}.pg-review small{color:var(--muted);margin-top:.12rem;font-size:.85rem;font-weight:400;display:block}.pg-review-n{background:var(--action);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:2.2rem;height:2.2rem;font-weight:700;display:inline-flex}.pg-resume{flex-wrap:wrap;align-items:center;gap:.35rem;min-height:44px;margin-top:.6rem;font-size:.95rem;display:flex}.rv-bar{background:#fff8ec;border:1px solid #e8d9bd;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.8rem;padding:.7rem .85rem;display:flex}.rv-txt{color:var(--ink);font-size:.95rem}.rv-txt b{color:#8a5a12}.rv-go{font:inherit;cursor:pointer;background:var(--action);color:#fff;border:0;border-radius:10px;min-height:44px;padding:.55rem 1rem;font-size:.92rem;font-weight:700}.rv-go:hover{background:var(--action-hover)}.rv-clear{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;min-height:44px;padding:0 .4rem;font-size:.9rem}.rv-clear:hover{color:var(--ink);text-decoration:underline}.rv-done{color:var(--muted);background:#f4faf7;border:1px solid #cfe6da;border-radius:10px;margin:.8rem 0 0;padding:.7rem .85rem;font-size:.93rem}