*{margin:0}body{min-height:100svh;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{background:none;border:none;padding:0;cursor:pointer}a{color:inherit}:where(code,pre,kbd,samp){direction:ltr;unicode-bidi:isolate}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{color-scheme:dark;--k-spec: #6aa7e0;--k-spec-dim: #2e455c;--k-env: #e0a44e;--k-env-dim: #5c4526;--k-ours: #63c98a;--k-ours-dim: #2b5440;--k-break: #e0685c;--k-break-dim: #5c2e2b;--k-void: #0b0c0d;--k-deep: #101214;--k-panel: #16181b;--k-elev: #1d2023;--k-code: #0d0f11;--k-hair: #1e2225;--k-line: #282d31;--k-line-2: #3a4046;--k-strong: #f4f6f8;--k-text: #e3e6e9;--k-dim: #a3aab0;--k-faint: #6d757c;--k-body: "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;--k-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--k-r: 2px;--k-bar: 52px;--k-rail: 44px;--k-max: 76ch;--k-pad: clamp(16px, 4vw, 40px);--ck-primary: var(--k-ours);--ck-primary-soft: #8fe0ac;--ck-secondary: var(--k-spec);--ck-ok: var(--k-ours);--ck-warn: var(--k-env);--ck-danger: var(--k-break);--ck-bg: var(--k-void);--ck-surface: var(--k-panel);--ck-surface-2: var(--k-elev);--ck-line: var(--k-line);--ck-line-2: var(--k-line-2);--ck-text: var(--k-text);--ck-text-dim: var(--k-dim);--ck-text-faint: var(--k-faint);--ck-font-body: var(--k-body);--ck-font-mono: var(--k-mono);--ck-r: var(--k-r);--ck-border-w: 1px;--k-tok-keyword: var(--k-spec);--k-tok-type: var(--ck-primary-soft);--k-tok-string: var(--k-env);--k-tok-number: var(--k-env);--k-tok-comment: var(--k-faint);--k-tok-fn: var(--k-ours);--k-tok-macro: var(--k-spec);--k-tok-punct: var(--k-dim)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}body{margin:0;background:var(--k-void);color:var(--k-text);font-family:var(--k-body);font-size:16px;line-height:1.85;direction:rtl;background-image:repeating-linear-gradient(to bottom,var(--k-hair) 0,var(--k-hair) 1px,transparent 1px,transparent 7px);background-attachment:fixed;background-blend-mode:normal}body:before{content:"";position:fixed;inset:0;background:var(--k-void);opacity:.86;pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4{text-wrap:balance;line-height:1.45;margin:0;font-weight:600}p{text-wrap:pretty;margin:0 0 1em}a{color:var(--ck-primary);text-decoration-color:var(--k-ours-dim);text-underline-offset:3px}a:hover{text-decoration-color:var(--ck-primary)}:focus-visible{outline:2px solid var(--ck-primary);outline-offset:2px}::selection{background:var(--k-ours-dim)}code,pre,.en,kbd,samp{direction:ltr;unicode-bidi:isolate;font-family:var(--k-mono);font-variant-ligatures:none}pre{text-align:left}.num{font-family:var(--k-mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.prose{max-width:var(--k-max)}.prose>:last-child{margin-bottom:0}.prose code{background:var(--k-code);border:1px solid var(--k-hair);border-radius:var(--k-r);padding:.08em .36em;font-size:.88em;color:var(--k-text)}.prose strong{color:var(--k-strong);font-weight:600}.prose em{font-style:normal;color:var(--k-dim)}.prose ul,.prose ol{padding-inline-start:1.4em;margin:0 0 1em}.prose li{margin-bottom:.3em}.prose blockquote{margin:0 0 1em;padding-inline-start:1em;border-inline-start:2px solid var(--k-line-2);color:var(--k-dim)}.prose table,table.grid{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:.94em;font-variant-numeric:tabular-nums}.prose th,.prose td,table.grid th,table.grid td{text-align:start;vertical-align:top;padding:.5em .7em;border-bottom:1px solid var(--k-hair)}.prose thead th,table.grid thead th{color:var(--k-dim);font-weight:500;font-size:.9em;border-bottom:1px solid var(--k-line)}.prose tbody tr:hover,table.grid tbody tr:hover{background:var(--k-deep)}.prose table code{background:none;border:0;padding:0}.table-wrap{overflow-x:auto}.limit{display:grid;grid-template-columns:auto 1fr;gap:0 .6em;margin:0 0 1em;padding:.7em .9em;background:var(--k-deep);border-inline-start:2px solid var(--k-line-2);border-radius:var(--k-r);color:var(--k-dim);font-size:.95em}.limit>.limit-mark{color:var(--k-faint);line-height:1.85}.limit>div>:last-child{margin-bottom:0}.bar{position:fixed;inset-block-start:0;inset-inline:0;height:var(--k-bar);display:flex;align-items:center;gap:.9em;padding-inline:var(--k-pad);background:color-mix(in oklab,var(--k-void) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--k-hair);z-index:20}.bar-home{display:flex;align-items:center;gap:.5em;color:var(--k-text);text-decoration:none;font-weight:600}.bar-mark{width:18px;height:18px;display:block}.bar-sp{flex:1}.bar-link{color:var(--k-dim);text-decoration:none;font-size:.9em}.bar-link:hover,.bar-link[aria-current=page]{color:var(--k-text)}.shell{padding-block:calc(var(--k-bar) + 28px) 96px;padding-inline:var(--k-pad)}.wrap{max-width:1080px;margin-inline:auto}.narrow{max-width:78ch;margin-inline:auto}.ch-head{display:flex;align-items:baseline;gap:.7em;flex-wrap:wrap;margin-bottom:.35em}.ch-num{font-size:.95rem;color:var(--k-faint)}.ch-title{font-size:clamp(1.5rem,3.4vw,2.1rem)}.ch-sub{color:var(--k-dim);max-width:var(--k-max);margin:0 0 1.4em}.rail{position:sticky;inset-block-start:var(--k-bar);z-index:10;display:flex;gap:2px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;background:var(--k-deep);border:1px solid var(--k-hair);border-radius:var(--k-r);padding:3px;margin-bottom:26px}.rail-item{flex:0 0 auto;appearance:none;background:none;border:0;border-radius:var(--k-r);padding:.42em .75em;font:inherit;font-size:.84rem;color:var(--k-faint);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}.rail-item:hover{color:var(--k-dim);background:var(--k-panel)}.rail-item[data-seen="1"]{color:var(--k-dim)}.rail-item[aria-current=true]{color:var(--k-text);background:var(--k-panel);border-bottom-color:var(--ck-primary)}.shot{max-width:var(--k-max)}.shot-h{font-size:1.28rem;margin-bottom:.9em}.shot-h .stage-of{display:block;font-size:.8rem;font-weight:500;color:var(--k-faint);margin-bottom:.2em}.sub-h{font-size:1.02rem;color:var(--ck-primary-soft);margin:1.8em 0 .7em}.sub-h:before{content:"— ";color:var(--k-faint)}.step{display:flex;align-items:stretch;gap:10px;margin-top:40px;padding-top:20px;border-top:1px solid var(--k-hair)}.step-btn{appearance:none;font:inherit;cursor:pointer;background:var(--k-panel);color:var(--k-text);border:1px solid var(--k-line);border-radius:var(--k-r);padding:.6em 1em;text-align:start;text-decoration:none;display:block}.step-btn:hover{border-color:var(--k-line-2);background:var(--k-elev)}.step-next{flex:1;border-color:var(--k-ours-dim)}.step-next:hover{border-color:var(--ck-primary)}.step-k{display:block;font-size:.78rem;color:var(--k-faint)}.step-v{display:block}.step-prev{color:var(--k-dim)}.shot-bar{height:2px;background:var(--k-hair);margin-bottom:22px;border-radius:var(--k-r)}.shot-bar>i{display:block;height:100%;background:var(--k-ours-dim);border-radius:var(--k-r)}.hero{padding-block:clamp(24px,6vw,64px) 8px}.hero-mark{width:clamp(38px,6vw,58px);height:auto;color:var(--k-line-2);display:block;margin-bottom:1em}.hero .lede p{margin-bottom:.6em}.hero h1{font-size:clamp(2.1rem,6.4vw,3.9rem);line-height:1.25}.hero .lede{font-size:clamp(1.02rem,2vw,1.2rem);color:var(--k-dim);max-width:58ch;margin-top:.7em}.sec{margin-block:clamp(40px,7vw,78px)}.sec>h2{font-size:1.12rem;color:var(--k-dim);font-weight:500;padding-bottom:.5em;margin-bottom:1.2em;border-bottom:1px solid var(--k-hair)}.cols{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cols-road{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}@media(max-width:640px){body{font-size:15px}.shell{padding-block:calc(var(--k-bar) + 18px) 72px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.code{margin:0 0 1.3em;border:1px solid var(--k-hair);border-radius:var(--k-r);background:var(--k-code)}.code-top{display:flex;align-items:center;gap:.6em;padding:.4em .7em;border-bottom:1px solid var(--k-hair);background:var(--k-deep);font-size:.78rem;color:var(--k-faint)}.code-file{font-family:var(--k-mono);direction:ltr;unicode-bidi:isolate;color:var(--k-dim)}.code-sp{flex:1}.code pre{margin:0;padding:.85em 1em;overflow-x:auto;font-size:.85rem;line-height:1.75}.code-open{appearance:none;font:inherit;font-size:.78rem;background:none;border:1px solid var(--k-line);border-radius:var(--k-r);color:var(--k-dim);padding:.12em .6em;cursor:pointer}.code-open:hover{color:var(--k-text);border-color:var(--k-line-2)}.tok-keyword,.tok-controlKeyword,.tok-moduleKeyword,.tok-operatorKeyword{color:var(--k-tok-keyword)}.tok-typeName,.tok-standard.tok-typeName{color:var(--k-tok-type)}.tok-string,.tok-character{color:var(--k-tok-string)}.tok-number,.tok-integer,.tok-float{color:var(--k-tok-number)}.tok-comment,.tok-lineComment,.tok-blockComment{color:var(--k-tok-comment);font-family:var(--k-body);font-size:.95em;font-style:normal;unicode-bidi:plaintext}.tok-function,.tok-definition.tok-variableName,.tok-labelName{color:var(--k-tok-fn)}.tok-macroName,.tok-meta,.tok-processingInstruction,.tok-builtin{color:var(--k-tok-macro)}.tok-punctuation,.tok-bracket,.tok-separator,.tok-operator{color:var(--k-tok-punct)}.tok-variableName,.tok-propertyName{color:var(--k-text)}.panel{margin:0 0 1.4em;border:1px solid var(--k-line);border-radius:var(--k-r);background:var(--k-panel)}.panel[data-fam=spec]{border-inline-start:3px solid var(--k-spec)}.panel[data-fam=env]{border-inline-start:3px solid var(--k-env)}.panel[data-fam=ours]{border-inline-start:3px solid var(--k-ours)}.panel[data-fam=none]{border-inline-start:3px solid var(--k-line-2)}.panel[data-broken="1"]{border-inline-start-color:var(--k-break)}.panel-top{display:flex;align-items:center;gap:.6em;flex-wrap:wrap;padding:.5em .8em;border-bottom:1px solid var(--k-hair)}.panel-t{font-size:.9rem;color:var(--k-text)}.panel-sp{flex:1}.tag{font-family:var(--k-mono);font-size:.74rem;direction:ltr;unicode-bidi:isolate;border:1px solid var(--k-line);border-radius:var(--k-r);padding:.05em .45em;white-space:nowrap}.tag[data-fam=spec]{color:var(--k-spec);border-color:var(--k-spec-dim)}.tag[data-fam=env]{color:var(--k-env);border-color:var(--k-env-dim)}.tag[data-fam=ours]{color:var(--k-ours);border-color:var(--k-ours-dim)}.tag[data-fam=none]{color:var(--k-faint)}.stage-chip{font-family:var(--k-mono);font-size:.74rem;direction:ltr;unicode-bidi:isolate;color:var(--k-dim);border:1px solid var(--k-line);border-radius:var(--k-r);padding:.05em .45em}.stage-chip[data-broken="1"]{color:var(--k-break);border-color:var(--k-break-dim)}.panel-note{padding:.45em .8em 0;font-size:.84rem;color:var(--k-dim)}.panel pre{margin:0;padding:.85em 1em;overflow-x:auto;font-size:.83rem;line-height:1.7;background:var(--k-code)}.panel-foot{padding:.4em .8em;border-top:1px solid var(--k-hair);font-size:.78rem;color:var(--k-faint)}.panel-foot code{font-size:.95em;color:var(--k-dim)}.o-spec{color:var(--k-spec)}.o-env{color:var(--k-env)}.o-ours{color:var(--k-ours)}.trace{margin:0 0 1.3em;border:1px solid var(--k-hair);border-radius:var(--k-r);background:var(--k-deep);padding:.7em 0;counter-reset:tr}.trace-s{display:grid;grid-template-columns:2.2em 1fr;align-items:baseline;padding:.18em .8em;font-size:.92rem}.trace-s>.trace-n{font-family:var(--k-mono);font-size:.72rem;color:var(--k-faint);direction:ltr;unicode-bidi:isolate}.trace-s+.trace-s{border-top:1px dashed var(--k-hair)}.trace-s code{font-size:.88em;color:var(--ck-primary-soft)}.build{border:1px solid var(--k-line);border-radius:var(--k-r);background:var(--k-panel);margin-bottom:26px}.build-top{display:flex;align-items:center;gap:.6em;flex-wrap:wrap;padding:.55em .85em;border-bottom:1px solid var(--k-hair)}.build-h{font-size:.9rem;color:var(--k-dim)}.build-cmd{font-family:var(--k-mono);font-size:.8rem;color:var(--k-dim);direction:ltr;unicode-bidi:isolate}.build-files{display:flex;flex-wrap:wrap;gap:4px;padding:.7em .85em;direction:ltr}.file{font-family:var(--k-mono);font-size:.75rem;direction:ltr;unicode-bidi:isolate;border:1px solid var(--k-hair);border-radius:var(--k-r);padding:.1em .45em;color:var(--k-faint);background:var(--k-code)}.file[data-new="1"]{color:var(--k-ours);border-color:var(--k-ours-dim)}.file[data-gone="1"]{color:var(--k-faint);border-style:dashed;text-decoration:line-through}.build-foot{padding:.45em .85em;border-top:1px solid var(--k-hair);font-size:.8rem;color:var(--k-faint)}.build-foot b{color:var(--k-ours);font-weight:500}.traps{display:grid;gap:8px}.trap{border:1px solid var(--k-hair);border-radius:var(--k-r);background:var(--k-deep);padding:.65em .85em}.trap-q{color:var(--k-dim);margin-bottom:.35em;font-size:.95rem}.trap-a{color:var(--k-text);font-size:.97rem}.trap-a:before{content:"← ";color:var(--ck-primary)}.art{border:1px solid var(--k-line);border-radius:var(--k-r);background:var(--k-panel);overflow:hidden}.art-row{display:grid;grid-template-columns:8.5em 1fr;gap:.8em;padding:.55em .85em;font-size:.95rem}.art-row+.art-row{border-top:1px solid var(--k-hair)}.art-k{color:var(--k-faint);font-size:.86rem}.cp{display:grid;gap:12px}.cp-q{border:1px solid var(--k-hair);border-radius:var(--k-r);background:var(--k-deep);padding:.7em .85em}.cp-n{font-family:var(--k-mono);font-size:.74rem;color:var(--k-faint);direction:ltr;unicode-bidi:isolate}.cp-k{font-size:.78rem;color:var(--k-faint)}.cp-t{margin:.25em 0 .5em}.cp-ask{color:var(--k-faint);font-size:.9rem;margin-bottom:.4em}.cp-said{color:var(--k-text)}textarea.write,input.write{width:100%;font:inherit;font-size:.94rem;line-height:1.7;background:var(--k-code);color:var(--k-text);border:1px solid var(--k-line);border-radius:var(--k-r);padding:.5em .7em;resize:vertical}textarea.write:focus,input.write:focus{border-color:var(--ck-primary)}.cp-saved{font-size:.78rem;color:var(--k-faint);margin-top:.3em}.gate{border:1px dashed var(--k-line-2);border-radius:var(--k-r);background:var(--k-deep);padding:.8em .9em;margin:0 0 1.3em}.gate-h{font-size:.95rem;margin-bottom:.5em}.gate-s{font-size:.85rem;color:var(--k-dim);margin-bottom:.6em}.btn{appearance:none;font:inherit;cursor:pointer;background:var(--k-elev);color:var(--k-text);border:1px solid var(--k-line);border-radius:var(--k-r);padding:.42em .9em;font-size:.9rem}.btn:hover:not(:disabled){border-color:var(--k-line-2)}.btn:disabled{color:var(--k-faint);cursor:not-allowed}.btn-go{border-color:var(--k-ours-dim)}.btn-go:hover:not(:disabled){border-color:var(--ck-primary)}.btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:.6em}.pair{display:flex;gap:6px;margin-bottom:10px}.pair-b{appearance:none;font:inherit;font-size:.86rem;cursor:pointer;background:var(--k-deep);color:var(--k-dim);border:1px solid var(--k-line);border-radius:var(--k-r);padding:.32em .8em}.pair-b[aria-pressed=true]{color:var(--k-text);background:var(--k-elev);border-color:var(--ck-primary)}.pair-b[data-broken="1"][aria-pressed=true]{border-color:var(--k-break)}.ax{display:grid;gap:8px;counter-reset:ax}.ax-i{display:grid;grid-template-columns:1.9em 1fr;align-items:baseline;gap:.6em;border:1px solid var(--k-hair);border-radius:var(--k-r);background:var(--k-deep);padding:.6em .8em}.ax-n{font-family:var(--k-mono);font-size:.78rem;color:var(--ck-primary);direction:ltr;unicode-bidi:isolate}.pack{border:1px solid var(--k-hair);border-radius:var(--k-r);background:var(--k-deep);padding:.8em .9em}.pack-h{display:flex;align-items:baseline;gap:.6em;margin-bottom:.6em}.pack-r{font-family:var(--k-mono);font-size:.76rem;color:var(--k-faint);direction:ltr;unicode-bidi:isolate}.pack-t{font-size:1rem}.ch-list{display:grid;gap:2px}.ch-li{display:grid;grid-template-columns:2.4em 1fr;gap:.5em;align-items:baseline;padding:.35em .4em;border-radius:var(--k-r);text-decoration:none;color:var(--k-text);font-size:.92rem}.ch-li:hover{background:var(--k-panel)}.ch-li[data-seen="1"] .ch-li-n{color:var(--ck-primary)}.ch-li-n{font-family:var(--k-mono);font-size:.78rem;color:var(--k-faint);direction:ltr;unicode-bidi:isolate}.ch-li-g{color:var(--k-dim);font-size:.88em}.meas{border:1px solid var(--k-line);border-radius:var(--k-r);background:var(--k-panel)}.meas-tabs{display:flex;gap:4px;padding:6px;border-bottom:1px solid var(--k-hair);flex-wrap:wrap}.meas-b{appearance:none;font:inherit;font-size:.88rem;cursor:pointer;background:none;color:var(--k-dim);border:1px solid transparent;border-radius:var(--k-r);padding:.3em .7em}.meas-b:hover{color:var(--k-text)}.meas-b[aria-pressed=true]{color:var(--k-text);background:var(--k-deep);border-color:var(--k-line)}.meas-body{padding:.9em 1em}.meas-say{color:var(--k-dim);font-size:.94rem;margin-top:.7em}.bars{display:grid;gap:6px;font-variant-numeric:tabular-nums}.bar-row{display:grid;grid-template-columns:4.2em 1fr 4.4em;align-items:center;gap:.6em;font-size:.86rem}.bar-k{font-family:var(--k-mono);color:var(--k-dim);direction:ltr;unicode-bidi:isolate}.bar-t{height:8px;background:var(--k-code);border-radius:var(--k-r);overflow:hidden}.bar-t>i{display:block;height:100%}.bar-t>i[data-w=sys]{background:var(--ck-primary)}.bar-t>i[data-w=user]{background:var(--k-line-2)}.bar-t>i[data-w=real]{background:var(--k-line)}.bar-v{font-family:var(--k-mono);color:var(--k-text);direction:ltr;unicode-bidi:isolate;text-align:start}.trail-ch{border:1px solid var(--k-hair);border-radius:var(--k-r);background:var(--k-deep);padding:.8em .9em;margin-bottom:10px}.trail-h{display:flex;align-items:baseline;gap:.6em;margin-bottom:.5em}.empty{color:var(--k-faint);border:1px dashed var(--k-line);border-radius:var(--k-r);padding:1.2em;text-align:center}.fam{border:1px solid var(--k-hair);border-radius:var(--k-r);background:var(--k-deep);padding:.75em .9em}.fam-h{display:flex;align-items:center;gap:.5em;margin-bottom:.4em}.swatch{width:10px;height:10px;border-radius:var(--k-r);display:inline-block}.swatch[data-fam=spec]{background:var(--k-spec)}.swatch[data-fam=env]{background:var(--k-env)}.swatch[data-fam=ours]{background:var(--k-ours)}.swatch[data-fam=none]{background:var(--k-line-2)}.fam-m{color:var(--k-dim);font-size:.9rem}.tag-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:.5em}