@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(../media/tajawal-arabic-400-normal.0-580jniyhb-r.woff2)format("woff2"),url(../media/tajawal-arabic-400-normal.2ovv9_hbyh1uy.woff)format("woff")}
@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(../media/tajawal-arabic-500-normal.305q4ldufnkkg.woff2)format("woff2"),url(../media/tajawal-arabic-500-normal.07977_sbs0ld2.woff)format("woff")}
@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(../media/tajawal-arabic-700-normal.0tgi04_e6au3n.woff2)format("woff2"),url(../media/tajawal-arabic-700-normal.3t7opmhqxdmj6.woff)format("woff")}
@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(../media/tajawal-latin-400-normal.0y2leyagdmm4-.woff2)format("woff2"),url(../media/tajawal-latin-400-normal.2w3gqjel_ansn.woff)format("woff")}
@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(../media/tajawal-latin-500-normal.0p2ns5yind3a6.woff2)format("woff2"),url(../media/tajawal-latin-500-normal.0ai59gr4vsmuc.woff)format("woff")}
@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(../media/tajawal-latin-700-normal.34i5dk2ouqd61.woff2)format("woff2"),url(../media/tajawal-latin-700-normal.20b98eip_w3el.woff)format("woff")}
@font-face{font-family:Noto Naskh Arabic Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/noto-naskh-arabic-arabic-wght-normal.12r0n0cv1atcw.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Naskh Arabic Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/noto-naskh-arabic-math-wght-normal.3339y-d3t9z36.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Naskh Arabic Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/noto-naskh-arabic-symbols-wght-normal.3pl5d5j3o-7ur.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Noto Naskh Arabic Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/noto-naskh-arabic-latin-ext-wght-normal.08_8h34h--5s0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Naskh Arabic Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/noto-naskh-arabic-latin-wght-normal.2by4e6wowdzr0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-cyrillic-ext-wght-normal.1ladf10s224e1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-cyrillic-wght-normal.0x7cg5h5x34js.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-greek-wght-normal.1k07jbkicvzf3.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-vietnamese-wght-normal.0a13tgqsi9z78.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-latin-ext-wght-normal.3rxtet6g9i1k3.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-latin-wght-normal.2rmhnsrc80fag.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:700;src:url(../media/aref-ruqaa-arabic-700-normal.14fjkyxt_x-zr.woff2)format("woff2"),url(../media/aref-ruqaa-arabic-700-normal.0l-43_moqdp_5.woff)format("woff")}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:"Tajawal", system-ui, sans-serif;--font-read:"Noto Naskh Arabic Variable", "Tajawal", serif;--font-pen:"Aref Ruqaa", "Tajawal", serif;--font-mono:"JetBrains Mono Variable", ui-monospace, Consolas, monospace;--ground:#f8fafd;--surface:#fefeff;--sunken:#ebf1f7;--ink:#132643;--ink-2:#475974;--rule:#d8dfe8;--rule-strong:#b8c5d8;--rail-bg:#0f284d;--rail-ink:#edf2f8;--rail-ink-2:#afbfd5;--rail-hover:#1c3861;--rail-active:#274777;--pen:#d01d21;--pen-soft:#ffecea;--btn-bg:#143463;--btn-ink:#f8fafd;--btn-hover:#072754;--focus:#3177dc;--ok:#006640;--ok-soft:#d9f7e5;--cue-screen-ink:#004f8b;--cue-screen-bg:#e2f0ff;--cue-code-ink:#005549;--cue-code-bg:#daf6ef;--cue-type-ink:#6c4701;--cue-type-bg:#fef0d4;--cue-demo-ink:#633481;--cue-demo-bg:#f5e9fe;--code-bg:#ebf1f8;--tok-kw:#65389f;--tok-str:#006640;--tok-num:#944f00;--tok-com:#667383;--tok-fn:#004b96;--read-size:1.5rem;--radius:6px;--rail-w:17.5rem;--ease:cubic-bezier(.16, 1, .3, 1)}@supports (color:lab(0% 0 0)){:root{--ground:lab(98.2562% -.553459 -1.78938);--surface:lab(99.7666% -.22313 -.716782);--sunken:lab(94.7668% -.979006 -3.6119);--ink:lab(14.9228% .420049 -21.0445);--ink-2:lab(37.1381% -1.62251 -17.9311);--rule:lab(88.368% -1.18428 -5.48466);--rule-strong:lab(79.0391% -2.01443 -10.927);--rail-bg:lab(15.9121% 1.7789 -26.1622);--rail-ink:lab(95.3516% -1.09163 -3.57015);--rail-ink-2:lab(76.7099% -2.47532 -12.6583);--rail-hover:lab(22.8889% .939682 -28.0107);--rail-active:lab(29.7991% .720561 -31.5548);--pen:lab(45.6933% 66.2056 47.555);--pen-soft:lab(95.0932% 9.04813 5.32234);--btn-bg:lab(21.5891% 2.29737 -31.3793);--btn-ink:lab(98.2562% -.553459 -1.78938);--btn-hover:lab(15.6924% 3.94361 -31.2541);--focus:lab(49.8997% 5.63273 -59.1615);--ok:lab(37.7684% -40.6531 15.896);--ok-soft:lab(94.7409% -12.871 5.1101);--cue-screen-ink:lab(32.0502% -2.01271 -40.1671);--cue-screen-bg:lab(94.1652% -3.08996 -10.6153);--cue-code-ink:lab(31.5289% -31.9397 -.215989);--cue-code-bg:lab(94.5767% -10.2116 -.0939965);--cue-type-ink:lab(33.7772% 12.3198 42.1806);--cue-type-bg:lab(95.4996% 1.50701 15.5243);--cue-demo-ink:lab(30.66% 32.4579 -35.6585);--cue-demo-bg:lab(93.8262% 6.70055 -8.6014);--code-bg:lab(94.7552% -.962138 -4.39568);--tok-kw:lab(33.5601% 36.7267 -49.3465);--tok-str:lab(37.7684% -40.6531 15.896);--tok-num:lab(41.3933% 28.3899 61.7982);--tok-com:lab(47.7174% -2.02113 -10.8074);--tok-fn:lab(31.5831% 4.36035 -47.9739)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0c1626;--surface:#121e31;--sunken:#060f1e;--ink:#e3e8ee;--ink-2:#a7b2c1;--rule:#243145;--rule-strong:#374863;--rail-bg:#020b1c;--rail-ink:#e6ecf2;--rail-ink-2:#9eacbe;--rail-hover:#0a182d;--rail-active:#152741;--pen:#fd736d;--pen-soft:#47211e;--btn-bg:#3370c7;--btn-ink:#fafcfe;--btn-hover:#427fd8;--focus:#59aaf8;--ok:#56d298;--ok-soft:#0a3723;--cue-screen-ink:#95c9ff;--cue-screen-bg:#142f4b;--cue-code-ink:#7ed8c6;--cue-code-bg:#07362f;--cue-type-ink:#e9c67d;--cue-type-bg:#3b2b0d;--cue-demo-ink:#d8b2f5;--cue-demo-bg:#372544;--code-bg:#060f1e;--tok-kw:#c3a5f9;--tok-str:#71d6a3;--tok-num:#f2b772;--tok-com:#8390a2;--tok-fn:#8cc3fc}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--ground:lab(7.04212% -.314526 -12.2984);--surface:lab(11.0364% -.459701 -14.1486);--sunken:lab(4.2909% .0259355 -10.9413);--ink:lab(91.8716% -1.09071 -3.5696);--ink-2:lab(72.1001% -1.85123 -9.07964);--rule:lab(19.7676% -1.02565 -14.2722);--rule-strong:lab(30.1632% -1.35005 -17.8575);--rail-bg:lab(2.89269% .478558 -10.8608);--rail-ink:lab(93.0316% -1.09106 -3.56977);--rail-ink-2:lab(69.7644% -2.15137 -10.8632);--rail-hover:lab(8.06932% .186205 -15.8012);--rail-active:lab(14.9764% .0188202 -19.3432);--pen:lab(65.8493% 53.3364 30.7453);--pen-soft:lab(18.2165% 18.7613 10.63);--btn-bg:lab(46.6485% 3.82897 -52.2989);--btn-ink:lab(98.8378% -.333846 -1.07464);--btn-hover:lab(52.5208% 2.56914 -52.4263);--focus:lab(66.978% -7.00608 -47.4265);--ok:lab(76.3335% -46.3634 18.2498);--ok-soft:lab(19.5919% -19.9693 7.8489);--cue-screen-ink:lab(78.8585% -7.47535 -34.3866);--cue-screen-bg:lab(18.5617% -2.88492 -20.3069);--cue-code-ink:lab(80.2497% -31.1032 -.254405);--cue-code-bg:lab(19.4274% -17.4952 -.130594);--cue-type-ink:lab(81.6683% 5.85034 41.3455);--cue-type-bg:lab(18.8249% 4.97413 21.5729);--cue-demo-ink:lab(77.7741% 23.1612 -28.0807);--cue-demo-bg:lab(17.9362% 14.3379 -16.6409);--code-bg:lab(4.2909% .0259355 -10.9413);--tok-kw:lab(72.9152% 23.5845 -37.791);--tok-str:lab(78.3958% -39.4697 15.5676);--tok-num:lab(78.9868% 16.1321 43.581);--tok-com:lab(59.3216% -2.09939 -10.8403);--tok-fn:lab(76.5334% -7.37491 -34.3608)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0c1626;--surface:#121e31;--sunken:#060f1e;--ink:#e3e8ee;--ink-2:#a7b2c1;--rule:#243145;--rule-strong:#374863;--rail-bg:#020b1c;--rail-ink:#e6ecf2;--rail-ink-2:#9eacbe;--rail-hover:#0a182d;--rail-active:#152741;--pen:#fd736d;--pen-soft:#47211e;--btn-bg:#3370c7;--btn-ink:#fafcfe;--btn-hover:#427fd8;--focus:#59aaf8;--ok:#56d298;--ok-soft:#0a3723;--cue-screen-ink:#95c9ff;--cue-screen-bg:#142f4b;--cue-code-ink:#7ed8c6;--cue-code-bg:#07362f;--cue-type-ink:#e9c67d;--cue-type-bg:#3b2b0d;--cue-demo-ink:#d8b2f5;--cue-demo-bg:#372544;--code-bg:#060f1e;--tok-kw:#c3a5f9;--tok-str:#71d6a3;--tok-num:#f2b772;--tok-com:#8390a2;--tok-fn:#8cc3fc}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]){--ground:lab(7.04212% -.314526 -12.2984);--surface:lab(11.0364% -.459701 -14.1486);--sunken:lab(4.2909% .0259355 -10.9413);--ink:lab(91.8716% -1.09071 -3.5696);--ink-2:lab(72.1001% -1.85123 -9.07964);--rule:lab(19.7676% -1.02565 -14.2722);--rule-strong:lab(30.1632% -1.35005 -17.8575);--rail-bg:lab(2.89269% .478558 -10.8608);--rail-ink:lab(93.0316% -1.09106 -3.56977);--rail-ink-2:lab(69.7644% -2.15137 -10.8632);--rail-hover:lab(8.06932% .186205 -15.8012);--rail-active:lab(14.9764% .0188202 -19.3432);--pen:lab(65.8493% 53.3364 30.7453);--pen-soft:lab(18.2165% 18.7613 10.63);--btn-bg:lab(46.6485% 3.82897 -52.2989);--btn-ink:lab(98.8378% -.333846 -1.07464);--btn-hover:lab(52.5208% 2.56914 -52.4263);--focus:lab(66.978% -7.00608 -47.4265);--ok:lab(76.3335% -46.3634 18.2498);--ok-soft:lab(19.5919% -19.9693 7.8489);--cue-screen-ink:lab(78.8585% -7.47535 -34.3866);--cue-screen-bg:lab(18.5617% -2.88492 -20.3069);--cue-code-ink:lab(80.2497% -31.1032 -.254405);--cue-code-bg:lab(19.4274% -17.4952 -.130594);--cue-type-ink:lab(81.6683% 5.85034 41.3455);--cue-type-bg:lab(18.8249% 4.97413 21.5729);--cue-demo-ink:lab(77.7741% 23.1612 -28.0807);--cue-demo-bg:lab(17.9362% 14.3379 -16.6409);--code-bg:lab(4.2909% .0259355 -10.9413);--tok-kw:lab(72.9152% 23.5845 -37.791);--tok-str:lab(78.3958% -39.4697 15.5676);--tok-num:lab(78.9868% 16.1321 43.581);--tok-com:lab(59.3216% -2.09939 -10.8403);--tok-fn:lab(76.5334% -7.37491 -34.3608)}}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font-ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.7}::selection{background:color-mix(in oklch, var(--pen) 26%, transparent);color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}a{color:inherit;-webkit-text-decoration-color:color-mix(in oklch, currentColor 40%, transparent);text-decoration-color:color-mix(in oklch, currentColor 40%, transparent);text-underline-offset:.22em}a:hover{text-decoration-color:currentColor}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.35}h1{font-size:1.75rem;font-weight:700}h2{margin-block:2.25rem .75rem;font-size:1.25rem;font-weight:700}h3{font-size:1.05rem;font-weight:700}p{margin:0 0 .9rem}code,pre,kbd{font-family:var(--font-mono);font-size:.875em}:not(pre)>code{background:var(--sunken);direction:ltr;unicode-bidi:isolate;border-radius:4px;padding:.1em .38em}.num{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate;font-size:.875em}.muted{color:var(--ink-2)}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}::-webkit-scrollbar{block-size:10px;inline-size:10px}::-webkit-scrollbar-thumb{background:var(--rule-strong);border:2px solid var(--ground);border-radius:8px}.shell{grid-template-columns:var(--rail-w) minmax(0, 1fr);min-block-size:100dvh;display:grid}.rail{background:var(--rail-bg);color:var(--rail-ink);flex-direction:column;block-size:100dvh;padding-block:1rem;display:flex;position:sticky;inset-block-start:0;overflow-y:auto}.rail a{text-decoration:none}.brand{align-items:center;gap:.6rem;padding-block-end:1rem;padding-inline:1.1rem;font-size:1.1rem;font-weight:700;display:flex}.brand svg{color:var(--rail-ink);flex:none}.rail-label{color:var(--rail-ink-2);margin-block:1rem .3rem;padding-inline:1.1rem;font-size:.8rem;font-weight:500}.rail-list{margin:0;padding:0;list-style:none}.rail-course{color:var(--rail-ink);padding:.9rem 1.1rem .6rem;font-weight:700;line-height:1.45;display:block}.rail-course small{color:var(--rail-ink-2);font-weight:400;display:block}.rail-link{color:var(--rail-ink-2);grid-template-columns:2rem 1fr auto;align-items:center;gap:.35rem;padding:.42rem 1.1rem;font-size:.92rem;line-height:1.45;display:grid}.rail-link:hover{background:var(--rail-hover);color:var(--rail-ink)}.rail-link[aria-current=page]{background:var(--rail-active);color:var(--rail-ink);font-weight:700}.rail-link .num{color:inherit;opacity:.8}.rail-link .tick{color:#ff8e86;color:lab(72.818% 53.2479 30.4177)}.rail-foot{gap:.5rem;margin-block-start:auto;padding:1rem 1.1rem 0;display:flex}.scrim{display:none}.main{flex-direction:column;min-inline-size:0;display:flex}.topbar{z-index:5;background:var(--ground);border-block-end:1px solid var(--rule);align-items:center;gap:.75rem;min-block-size:3.25rem;padding:.6rem 1.5rem;display:flex;position:sticky;inset-block-start:0}.crumbs{min-inline-size:0;color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.92rem;display:flex}.crumbs a{color:inherit}.crumbs [aria-current]{color:var(--ink);font-weight:700}.spacer{flex:1}.content{inline-size:100%;max-inline-size:72rem;margin-inline:auto;padding:1.75rem 1.5rem 4rem}.nav-toggle{display:none}@media (max-width:72rem){.shell{grid-template-columns:minmax(0,1fr)}.rail{z-index:20;inline-size:min(20rem,86vw);transition:transform .25s var(--ease);position:fixed;inset-block:0;inset-inline-start:0;transform:translate(100%)}[dir=ltr] .rail{transform:translate(-100%)}body[data-nav=open] .rail{transform:none}body[data-nav=open] .scrim{z-index:10;background:#00030c80;background:lab(.84656% .245057 -3.80009/.5);display:block;position:fixed;inset:0}.nav-toggle{display:inline-flex}.topbar,.content{padding-inline:1rem}}.btn{min-block-size:2.4rem;font:inherit;border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.35rem .95rem;font-size:.92rem;font-weight:500;line-height:1.3;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--sunken)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--btn-bg);color:var(--btn-ink);border-color:#0000}.btn-primary:hover{background:var(--btn-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-icon{min-inline-size:2.4rem;padding-inline:.55rem}.btn-danger{color:var(--pen);border-color:color-mix(in oklch, var(--pen) 50%, var(--rule))}.btn-danger:hover{background:var(--pen-soft)}.rail .btn{color:var(--rail-ink);background:0 0;border-color:#fff3;border-color:lab(100% 0 0/.2)}.rail .btn:hover{background:var(--rail-hover)}.btn-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.field{gap:.3rem;margin-block-end:1rem;display:grid}.field label,.field .label{color:var(--ink-2);font-size:.88rem;font-weight:500}.input,.textarea,.select{inline-size:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius);min-block-size:2.5rem;padding:.5rem .7rem;font-size:.95rem}.input::placeholder,.textarea::placeholder{color:color-mix(in oklch, var(--ink-2) 80%, var(--ground))}.input:hover,.textarea:hover,.select:hover{border-color:var(--ink-2)}.input[aria-invalid=true]{border-color:var(--pen)}.textarea{resize:vertical;line-height:1.7}.input,.textarea{text-align:start;unicode-bidi:plaintext}.input.ltr{text-align:left;direction:ltr}.msg{border-radius:var(--radius);border:1px solid var(--rule-strong);background:var(--sunken);padding:.6rem .8rem;font-size:.92rem}.msg-error{border-color:color-mix(in oklch, var(--pen) 55%, var(--rule));background:var(--pen-soft);color:var(--ink)}.msg-ok{border-color:color-mix(in oklch, var(--ok) 55%, var(--rule));background:var(--ok-soft)}.msg ul{margin:.3rem 0 0;padding-inline-start:1.2rem}.login-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-block-size:100dvh;display:grid}.login-side{background:var(--rail-bg);color:var(--rail-ink);flex-direction:column;justify-content:space-between;padding:3rem;display:flex}.login-side h1{max-inline-size:14ch;font-size:2.4rem;line-height:1.3}.login-side p{color:var(--rail-ink-2);max-inline-size:34ch}.login-form{align-content:center;justify-items:center;padding:3rem 2rem;display:grid}.login-form form{inline-size:min(22rem,100%)}.login-form h2{margin-block:0 1.25rem}@media (max-width:52rem){.login-wrap{grid-template-columns:minmax(0,1fr)}.login-side{gap:1rem;padding:1.5rem}.login-side h1{font-size:1.6rem}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-block-end:1.25rem;display:flex}.page-head p{color:var(--ink-2);margin:.25rem 0 0}.table-wrap{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table.t{border-collapse:collapse;inline-size:100%;font-size:.94rem}.t th,.t td{text-align:start;border-block-end:1px solid var(--rule);vertical-align:top;padding:.6rem .9rem}.t thead th{background:var(--sunken);color:var(--ink-2);white-space:nowrap;font-size:.85rem;font-weight:700}.t tbody tr:last-child td{border-block-end:0}.t tbody tr:hover{background:color-mix(in oklch, var(--sunken) 55%, transparent)}.t td.num,.t th.num{white-space:nowrap;text-align:end}.t a.row-link{font-weight:700;text-decoration:none}.t a.row-link:hover{text-decoration:underline}.status-short,.status-long{color:var(--pen);font-weight:500}.status-ok{color:var(--ink-2)}.course-list{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);gap:0;display:grid}.course-row{border-block-end:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;display:grid}.course-row:last-child{border-block-end:0}.course-row:hover{background:color-mix(in oklch, var(--sunken) 55%, transparent)}.course-row h3{font-size:1.1rem}.course-meta{color:var(--ink-2);flex-wrap:wrap;gap:1.25rem;font-size:.9rem;display:flex}.progress{align-items:center;gap:.4rem;display:inline-flex}.progress-bar{background:var(--rule);border-radius:4px;block-size:.4rem;inline-size:6rem;overflow:hidden}.progress-bar span{background:var(--pen);block-size:100%;display:block}.empty{text-align:center;color:var(--ink-2);border:1px dashed var(--rule-strong);border-radius:var(--radius);padding:2.5rem 1.5rem}.empty h3{color:var(--ink);margin-block-end:.4rem}.about-list{gap:.35rem;max-inline-size:60rem;margin:0;padding:0;list-style:none;display:grid}.about-list li{color:var(--ink-2)}.about-list b{color:var(--ink);font-weight:700}.panel{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);padding:1rem 1.25rem}.dialog-panel{margin-block-end:1.25rem}.inline-form{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));align-items:end;gap:.75rem;display:grid}.inline-form .field{margin:0}.pen-tick{block-size:1.15em;inline-size:1.15em;color:var(--pen);flex:none}.pen-tick path{stroke-dasharray:30;stroke-dashoffset:0}.pen-tick.draw path{animation:tick-draw .45s var(--ease) both}@keyframes tick-draw{0%{stroke-dashoffset:30px}to{stroke-dashoffset:0}}.pen-note{color:var(--pen);font-size:.92rem;font-weight:500}.margin-note{color:var(--pen);font-family:var(--font-pen);margin-block-start:.6rem;padding-block-end:.5rem;font-size:1.1rem;font-weight:700;line-height:1.5;display:block;position:relative}.margin-note svg{block-size:.5rem;inline-size:100%;color:var(--pen);position:absolute;inset-block-end:0;inset-inline:0}.margin-note svg path{stroke-dasharray:220;stroke-dashoffset:0}.margin-note.draw svg path{animation:note-draw .7s var(--ease) both}@keyframes note-draw{0%{stroke-dashoffset:220px}to{stroke-dashoffset:0}}.rec-btn[aria-pressed=true]{border-color:color-mix(in oklch, var(--pen) 60%, var(--rule));color:var(--pen)}.rec-btn[aria-pressed=true] .pen-tick{display:inline-block}.video-layout{grid-template-columns:minmax(0,1fr) 14.5rem;align-items:start;gap:2rem;display:grid}.video-main{min-inline-size:0}.video-head{max-inline-size:44rem;margin-block-end:1.5rem}.video-head h1{font-size:2rem}.video-head .desc{color:var(--ink-2);margin-block-start:.6rem;font-size:1.05rem}.learn{color:var(--ink-2);margin:.75rem 0 0;padding-inline-start:1.2rem}.script{max-inline-size:41.6rem;font-family:var(--font-read);font-size:var(--read-size);padding-inline-start:1.6rem;line-height:1.95;position:relative}.script:before{content:"";background:color-mix(in oklch, var(--pen) 38%, transparent);inline-size:1px;position:absolute;inset-block:0;inset-inline-start:0}.seg{margin-block-end:2.5rem;scroll-margin-block-start:5rem}.seg-head{font-family:var(--font-ui);border-block-end:1px solid var(--rule);align-items:baseline;gap:.75rem;margin-block-end:1rem;padding-block-end:.4rem;display:flex}.seg-head h2{flex:1;margin:0;font-size:1.15rem}.seg-time{color:var(--ink-2);white-space:nowrap;font-size:.85rem}.script p{white-space:pre-line;overflow-wrap:anywhere;margin:0 0 1.1rem}.script code,.video-head,.learn li,.about-list li,.md p,.md li{overflow-wrap:anywhere}.script code{font-size:.7em}.cue{font-family:var(--font-ui);border-radius:var(--radius);background:var(--cue-bg);color:var(--cue-ink);border:1px solid color-mix(in oklch, var(--cue-ink) 30%, transparent);align-items:baseline;gap:.6rem;margin-block:.4rem 1.1rem;padding:.35rem .7rem;font-size:.95rem;line-height:1.7;display:flex}.cue-tag{font-family:var(--font-mono);letter-spacing:.04em;direction:ltr;flex:none;font-size:.72rem;font-weight:700}.cue-text{overflow-wrap:anywhere;text-align:start;direction:rtl;unicode-bidi:isolate;min-inline-size:0}.cue-SCREEN{--cue-bg:var(--cue-screen-bg);--cue-ink:var(--cue-screen-ink)}.cue-CODE{--cue-bg:var(--cue-code-bg);--cue-ink:var(--cue-code-ink)}.cue-TYPE{--cue-bg:var(--cue-type-bg);--cue-ink:var(--cue-type-ink)}.cue-DEMO{--cue-bg:var(--cue-demo-bg);--cue-ink:var(--cue-demo-ink)}.codeblock{text-align:left;border:1px solid var(--rule);border-radius:var(--radius);background:var(--code-bg);direction:ltr;margin-block:.2rem 1.4rem;overflow-x:auto}.codeblock pre{tab-size:2;margin:0;padding:.9rem 1.1rem;font-size:.86rem;line-height:1.65}.script .codeblock pre{font-size:calc(var(--read-size) * .72)}.hljs-keyword,.hljs-built_in,.hljs-type,.hljs-literal{color:var(--tok-kw)}.hljs-string,.hljs-subst{color:var(--tok-str)}.hljs-number,.hljs-meta{color:var(--tok-num)}.hljs-comment{color:var(--tok-com);font-style:italic}.hljs-title,.hljs-function,.hljs-class{color:var(--tok-fn)}.inspector{gap:1.5rem;font-size:.92rem;display:grid;position:sticky;inset-block-start:4.5rem}.inspector h3{color:var(--ink-2);margin-block-end:.5rem;font-size:.85rem;font-weight:500}.dur{font-size:1.6rem;font-weight:700;line-height:1.2}.dur small{color:var(--ink-2);font-size:.9rem;font-weight:400}.stations{margin:0;padding:0;list-style:none;position:relative}.stations:before{content:"";background:var(--rule-strong);inline-size:2px;position:absolute;inset-block:.7rem;inset-inline-start:.42rem}.stations li{position:relative}.stations a{color:var(--ink-2);grid-template-columns:.9rem 1fr auto;align-items:center;gap:.6rem;padding-block:.28rem;line-height:1.4;text-decoration:none;display:grid}.stations a:hover{color:var(--ink)}.station-dot{border:2px solid var(--rule-strong);background:var(--ground);z-index:1;border-radius:50%;block-size:.9rem;inline-size:.9rem;position:relative}.stations a[aria-current=true]{color:var(--ink);font-weight:700}.stations a[aria-current=true] .station-dot{border-color:var(--pen);background:var(--pen)}.stations .num{font-size:.75rem}.pager{gap:.5rem;display:grid}.size-ctl{align-items:center;gap:.4rem;display:flex}.size-ctl output{text-align:center;min-inline-size:3ch}@media (max-width:52rem){.video-layout{grid-template-columns:minmax(0,1fr)}.inspector{position:static}}.tabs{border-block-end:1px solid var(--rule);flex-wrap:wrap;gap:.25rem;margin-block-end:1.5rem;display:flex}.tab{color:var(--ink-2);border-block-end:2px solid #0000;margin-block-end:-1px;padding:.55rem 1rem;font-weight:500;text-decoration:none}.tab:hover{color:var(--ink)}.tab[aria-current=page]{color:var(--ink);border-block-end-color:var(--pen);font-weight:700}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.panel .textarea,.qcard .textarea{text-align:right}.editor-grid .textarea{tab-size:2;min-block-size:60dvh;font-family:JetBrains Mono Variable,Tajawal,ui-monospace,monospace;font-size:.9rem;line-height:1.9}.preview{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);max-block-size:80dvh;padding:1rem 1.25rem;overflow:auto}.preview .script{--read-size:1.2rem;padding-inline-start:1rem}.savebar{z-index:4;background:var(--ground);border-block-start:1px solid var(--rule);align-items:center;gap:.75rem;margin-block-start:1rem;padding:.75rem 0;display:flex;position:sticky;inset-block-end:0}.dirty-dot{color:var(--pen);font-weight:500}@media (max-width:70rem){.editor-grid{grid-template-columns:minmax(0,1fr)}}.quiz-list{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);gap:0;display:grid}.q{border-block-end:1px solid var(--rule);grid-template-columns:2.2rem minmax(0,1fr);gap:.25rem .75rem;padding:1rem 1.25rem;display:grid}.q:last-child{border-block-end:0}.q-no{font-family:var(--font-mono);color:var(--ink-2);padding-block-start:.3rem;font-size:.85rem}.q-text{font-size:1.05rem;font-weight:500;line-height:1.8}.q-opts{grid-column:2;gap:.3rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.q-opts li{align-items:center;gap:.6rem;padding:.2rem 0;display:flex}.q-opts .key{font-family:var(--font-mono);border:1px solid var(--rule-strong);border-radius:50%;flex:none;place-items:center;block-size:1.6rem;inline-size:1.6rem;font-size:.8rem;display:inline-grid}.q-opts li.correct .key{border-color:var(--pen);color:var(--pen)}.q-opts li.correct .pen-tick{margin-inline-start:.25rem}.q-type{color:var(--ink-2);font-size:.78rem;font-family:var(--font-mono)}.qgrid{gap:.9rem;display:grid}.qcard{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);gap:.75rem;padding:1rem 1.1rem;display:grid}.qcard.has-error{border-color:color-mix(in oklch, var(--pen) 60%, var(--rule))}.qcard-top{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.qcard-top .select{inline-size:auto;min-inline-size:7rem}.qopts{gap:.45rem;display:grid}.qopt{grid-template-columns:1.6rem minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.qopt label.radio{cursor:pointer;place-items:center;display:inline-grid}.qopt input[type=radio]{accent-color:var(--pen);block-size:1.1rem;inline-size:1.1rem}.issues{color:var(--pen);margin:0;padding-inline-start:1.1rem;font-size:.88rem}.md h2{font-size:1.2rem}.md h3{margin-block:1.4rem .4rem}.md ul{margin-block:0 1rem;padding-inline-start:1.3rem}.md li{margin-block-end:.2rem}.md .codeblock{margin-block-end:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media print{.rail,.topbar,.inspector,.savebar{display:none}.shell{display:block}}