:root{--bg-page: #070708;--bg-surface: #0b0b0c;--bg-raised: #101013;--bg-stripe-a: #17171a;--bg-stripe-b: #121215;--bg-stripe-active-a: #1e1e22;--bg-stripe-active-b: #17171a;--text: #f3f3f4;--text-strong: #ffffff;--text-body: #c9c9ce;--text-body-alt: #e6e6e9;--text-muted: #a6a6ac;--text-dim: #9a9aa1;--text-meta: #8f8f97;--text-placeholder: #7e7e86;--text-disabled: #5f5f66;--rule: rgba(255, 255, 255, .09);--rule-soft: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-control: rgba(255, 255, 255, .14);--border-chevron: rgba(255, 255, 255, .12);--border-blockquote: rgba(255, 255, 255, .18);--border-thumb-active: rgba(255, 255, 255, .28);--code-text: #d6d6db;--code-keyword: #8f8f97;--code-fn: #c9c9ce;--code-literal: #e6e6e9;--astro-code-foreground: var(--code-text);--astro-code-background: transparent;--astro-code-token-keyword: var(--code-keyword);--astro-code-token-punctuation: var(--code-keyword);--astro-code-token-string: var(--code-literal);--astro-code-token-string-expression: var(--code-literal);--astro-code-token-constant: var(--code-literal);--astro-code-token-function: var(--code-fn);--astro-code-token-parameter: var(--code-text);--astro-code-token-comment: var(--code-keyword);--astro-code-token-link: var(--code-literal);--font-sans: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--frame-max: 920px;--frame-pad-x: 96px;--frame-pad-top: 64px;--frame-pad-bottom: 56px}[data-theme=light]{--bg-page: #f4f4f5;--bg-surface: #fbfbfc;--bg-raised: #f0f0f2;--bg-stripe-a: #e4e4e7;--bg-stripe-b: #ececef;--bg-stripe-active-a: #dcdce0;--bg-stripe-active-b: #e4e4e7;--text: #17171a;--text-strong: #000000;--text-body: #3d3d43;--text-body-alt: #232327;--text-muted: #54545b;--text-dim: #5f5f66;--text-meta: #6d6d75;--text-placeholder: #7e7e86;--text-disabled: #a2a2a9;--rule: rgba(0, 0, 0, .12);--rule-soft: rgba(0, 0, 0, .09);--border: rgba(0, 0, 0, .1);--border-control: rgba(0, 0, 0, .18);--border-chevron: rgba(0, 0, 0, .15);--border-blockquote: rgba(0, 0, 0, .22);--border-thumb-active: rgba(0, 0, 0, .32);--code-text: #2c2c31;--code-keyword: #6d6d75;--code-fn: #3d3d43;--code-literal: #232327}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg-page);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,ul,ol,figure,blockquote,pre{margin:0}ul,ol{padding:0}img{display:block;max-inline-size:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;border-radius:0}input,select,textarea{font:inherit;color:inherit;border-radius:0}a{color:var(--text);text-decoration:none;transition:color .12s ease}a:hover{color:var(--text-strong);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}::selection{background:#ffffff29}[data-theme=light] ::selection{background:#00000024}:focus-visible{outline:1px solid var(--text);outline-offset:3px}html{border-radius:0}*,*:before,*:after{border-radius:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.mono{font-family:var(--font-mono)}.placeholder{background:repeating-linear-gradient(135deg,var(--bg-stripe-a) 0 6px,var(--bg-stripe-b) 6px 12px);border:1px solid var(--rule-soft);display:flex;align-items:center;justify-content:center}.placeholder>span{font-family:var(--font-mono);font-size:10px;line-height:1;letter-spacing:.08em;color:var(--text-placeholder)}.placeholder.is-active{background:repeating-linear-gradient(135deg,var(--bg-stripe-active-a) 0 6px,var(--bg-stripe-active-b) 6px 12px);border-color:var(--border-thumb-active)}.frame{inline-size:100%;max-inline-size:var(--frame-max);margin-inline:auto;background:var(--bg-surface);border:1px solid var(--border);padding-block:var(--frame-pad-top) var(--frame-pad-bottom);padding-inline:var(--frame-pad-x);display:flex;flex-direction:column}.frame--home{gap:64px}.frame--page{gap:56px}.frame--project{gap:48px}.frame--post,.frame--about{gap:44px}@media(max-width:1039px){:root{--frame-pad-x: 40px}}@media(max-width:639px){:root{--frame-pad-x: 20px;--frame-pad-top: 40px;--frame-pad-bottom: 40px}.frame{border:0}}.prose{display:flex;flex-direction:column;gap:28px;max-inline-size:660px}.prose>p{font-size:16px;line-height:2;color:var(--text-body);text-wrap:pretty}.prose>p:first-of-type{font-size:18px;color:var(--text-body-alt)}.prose h2{font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.prose h3{font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.prose ul,.prose ol{padding-inline-start:20px;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.9;color:var(--text-body)}.prose li::marker{color:var(--text-meta)}.prose blockquote{padding-inline-start:20px;border-inline-start:1px solid var(--border-blockquote);font-size:17px;line-height:1.95;color:var(--text-body-alt)}.prose blockquote p{font-size:17px;line-height:1.95;color:var(--text-body-alt)}.prose code:not(pre code){font-family:var(--font-mono);font-size:14px;background:var(--bg-stripe-a);border:1px solid var(--rule);padding:3px 6px;color:var(--code-literal);direction:ltr;unicode-bidi:isolate;display:inline-block}.prose img{border:1px solid var(--rule-soft)}.prose a{color:var(--text-body-alt);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.prose a:hover{color:var(--text-strong)}.prose hr{border:0;border-block-start:1px solid var(--rule);margin:0}.code-block{border:1px solid var(--rule);background:var(--bg-raised)}.code-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-block-end:1px solid var(--border)}.code-label{font-size:11px;line-height:1;letter-spacing:.06em;color:var(--text-meta)}.code-copy{display:flex;align-items:center;gap:6px;border:1px solid var(--border-control);color:var(--text-body);font-size:10px;line-height:1;letter-spacing:.08em;padding:5px 8px;transition:color .12s ease}.code-copy:hover{color:var(--text-strong)}.code-body{position:relative}.code-body pre{margin:0;padding:18px 16px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.9;font-weight:400;text-align:left;background:transparent!important;direction:ltr}.code-body pre code{font-family:inherit}.code-raw{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none;inset-block-start:0;inset-inline-start:0}.site-header[data-astro-cid-ctg3m53h]{display:flex;justify-content:space-between;align-items:center;border-block-end:1px solid var(--rule);padding-block-end:20px}.site-name[data-astro-cid-ctg3m53h]{font-size:15px;font-weight:600;letter-spacing:-.01em}.site-nav[data-astro-cid-ctg3m53h]{display:flex;gap:26px;align-items:center;font-size:14px}.site-nav[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h]{color:var(--text-muted)}.site-nav[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h]:hover{color:var(--text-strong)}.site-nav[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h].active{color:var(--text)}.nav-divider[data-astro-cid-ctg3m53h]{inline-size:1px;block-size:14px;background:var(--border-control)}.lang-toggle[data-astro-cid-ctg3m53h]{font-family:var(--font-mono);font-size:12px;line-height:1;letter-spacing:.08em}.theme-toggle[data-astro-cid-ctg3m53h]{display:flex;align-items:center;color:var(--text-muted);transition:color .12s ease;min-inline-size:15px;min-block-size:15px}.theme-toggle[data-astro-cid-ctg3m53h]:hover{color:var(--text-strong)}[data-theme=dark] .icon-moon[data-astro-cid-ctg3m53h],[data-theme=light] .icon-sun[data-astro-cid-ctg3m53h]{display:none}@media(max-width:639px){.site-nav[data-astro-cid-ctg3m53h]{gap:18px}.site-nav[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h]{padding-block:10px;margin-block:-10px;align-self:center}.theme-toggle[data-astro-cid-ctg3m53h]{padding:10px;margin:-10px;margin-inline-start:-8px}}.site-footer[data-astro-cid-gcn2mc3v]{display:flex;justify-content:space-between;align-items:center;gap:16px;border-block-start:1px solid var(--rule);padding-block-start:22px;padding-block-end:22px;font-size:13px;color:var(--text-meta)}.copyright[data-astro-cid-gcn2mc3v]{font-size:11px;line-height:1;color:var(--text-meta);white-space:nowrap}.footer-colophon[data-astro-cid-gcn2mc3v]{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1;color:var(--text-meta);white-space:nowrap}.colophon-item[data-astro-cid-gcn2mc3v]{display:inline-flex;align-items:center;gap:6px}.colophon-label[data-astro-cid-gcn2mc3v]{font-size:11px;color:var(--text-meta)}.colophon-badge[data-astro-cid-gcn2mc3v]{display:inline-flex;align-items:center;opacity:.82;transition:opacity .12s ease,color .12s ease;color:var(--text-body)}.colophon-badge[data-astro-cid-gcn2mc3v]:hover{opacity:1;color:var(--text-strong);text-decoration:none}.colophon-dot[data-astro-cid-gcn2mc3v]{color:var(--rule-soft);font-size:11px}.astro-icon[data-astro-cid-gcn2mc3v]{display:block;height:20px;width:auto}.cf-icon[data-astro-cid-gcn2mc3v]{display:block;height:14px;width:auto;position:relative;bottom:3px;margin-left:6px}.footer-links[data-astro-cid-gcn2mc3v]{display:flex;align-items:center;gap:12px;white-space:nowrap}.footer-icon-link[data-astro-cid-gcn2mc3v]{display:inline-flex;align-items:center;justify-content:center;color:var(--text-meta);padding:3px;border-radius:4px;line-height:1;transition:color .12s ease,opacity .12s ease,transform .12s ease}.footer-icon-link[data-astro-cid-gcn2mc3v]:hover{color:var(--text-strong);text-decoration:none;transform:translateY(-1px)}.footer-icon-link[data-astro-cid-gcn2mc3v]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.footer-icon[data-astro-cid-gcn2mc3v]{display:block;width:15px;height:15px}@media(max-width:560px){.site-footer[data-astro-cid-gcn2mc3v]{flex-wrap:wrap;gap:12px}.copyright[data-astro-cid-gcn2mc3v]{order:1}.footer-links[data-astro-cid-gcn2mc3v]{order:2}.footer-colophon[data-astro-cid-gcn2mc3v]{order:3;inline-size:100%;padding-block-start:4px}}