:root{--oc-gray-0: #f8f9fa;--oc-gray-1: #f1f3f5;--oc-gray-2: #e9ecef;--oc-gray-3: #dee2e6;--oc-gray-4: #ced4da;--oc-gray-5: #adb5bd;--oc-gray-6: #868e96;--oc-gray-7: #495057;--oc-gray-8: #343a40;--oc-gray-9: #212529;--oc-blue-1: #d0ebff;--oc-blue-4: #4dabf7;--oc-blue-6: #228be6;--oc-blue-7: #1971c2;--oc-blue-9: #1864ab}:root,[data-theme=light]{--bg: var(--oc-gray-0);--bg-raised: #ffffff;--border: var(--oc-gray-2);--text: var(--oc-gray-9);--text-muted:var(--oc-gray-6);--accent: var(--oc-blue-6);--accent-hover: var(--oc-blue-7);--code-bg: var(--oc-gray-1);--shiki-light: initial;--shiki-dark: none}[data-theme=dark]{--bg: var(--oc-gray-9);--bg-raised: var(--oc-gray-8);--border: var(--oc-gray-7);--text: var(--oc-gray-1);--text-muted:var(--oc-gray-5);--accent: var(--oc-blue-4);--accent-hover: var(--oc-blue-1);--code-bg: var(--oc-gray-8);--shiki-light: none;--shiki-dark: initial}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: var(--oc-gray-9);--bg-raised: var(--oc-gray-8);--border: var(--oc-gray-7);--text: var(--oc-gray-1);--text-muted:var(--oc-gray-5);--accent: var(--oc-blue-4);--accent-hover: var(--oc-blue-1);--code-bg: var(--oc-gray-8);--shiki-light: none;--shiki-dark: initial}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;background-color:var(--bg);color:var(--text);transition:background-color .2s ease,color .2s ease;scrollbar-gutter:stable}body{font-family:IBM Plex Sans Arabic,sans-serif;font-weight:400;line-height:1.75;min-height:100dvh;display:flex;flex-direction:column}html[dir=rtl] body{font-size:18px;line-height:1.9}h1,h2,h3,h4,h5,h6{font-family:Lalezar,sans-serif;font-weight:400;line-height:1.2;color:var(--text)}h1{font-size:clamp(1.8rem,5vw,2.6rem)}h2{font-size:clamp(1.3rem,3.5vw,1.8rem)}h3{font-size:1.2rem}p{margin-block:.9em;max-width:68ch}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-hover);text-decoration:underline}.container{width:100%;max-width:740px;margin-inline:auto;padding-inline:clamp(1rem,5vw,2rem)}main{flex:1;padding-block:2.5rem}.site-header{padding-block:2rem 1.5rem;view-transition-name:site-header}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-logo{display:flex;align-items:center;color:var(--text)}.site-logo img{height:36px;width:auto}.logo-dark,[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-light{display:none}:root:not([data-theme=light]) .logo-dark{display:block}}.header-actions{display:flex;align-items:center;gap:.5rem}.header-nav{display:flex;align-items:center;gap:1.5rem;margin-inline-end:auto;margin-inline-start:1.5rem}.nav-link{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .15s ease}.nav-link:hover{color:var(--text)}.lang-toggle,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .65rem;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:IBM Plex Sans Arabic,sans-serif;font-size:.82rem;font-weight:500;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s,background .15s;line-height:1}.lang-toggle:hover,.theme-toggle:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.theme-toggle svg{width:16px;height:16px}.post-list{list-style:none;display:flex;flex-direction:column;gap:1.25rem}.post-card{display:flex;align-items:baseline;justify-content:flex-start;gap:1rem;color:var(--text);text-decoration:none;transition:color .15s}.post-card:hover{color:var(--accent);text-decoration:none}.post-card:hover .post-title{color:var(--accent)}.post-title{font-family:Lalezar,sans-serif;font-size:1.15rem;font-weight:400;color:var(--text);transition:color .15s}.post-date{font-size:.8rem;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}.load-more-container{display:flex;justify-content:center;margin-top:3rem}.load-more-btn{background:transparent;color:var(--text);border:1px solid var(--border);padding:.5rem 1.5rem;border-radius:20px;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{background:var(--code-bg);border-color:var(--text-muted)}.post-header{margin-bottom:2.5rem}.post-header .post-title{font-size:clamp(1.8rem,5vw,2.4rem);margin-bottom:.5rem}.post-meta{font-size:.82rem;color:var(--text-muted)}.back-link{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .15s}.back-link:hover{color:var(--accent)}.post-content{max-width:68ch}.post-content h1,.post-content h2,.post-content h3{margin-top:2em;margin-bottom:.5em}.post-content ul,.post-content ol{padding-inline-start:1.5em;margin-block:.8em}.post-content li{margin-block:.2em}.post-content blockquote{border-inline-start:3px solid var(--accent);padding-inline-start:1rem;color:var(--text-muted);margin-inline:0;margin-block:1em}pre.astro-code{padding:1.25rem 1.5rem;border-radius:8px;overflow-x:auto;font-size:.875rem;line-height:1.6;margin-block:1.25em;border:1px solid var(--border);position:relative}pre.astro-code[data-theme*=github-light]{display:var(--shiki-light, initial)}pre.astro-code[data-theme*=github-dark]{display:var(--shiki-dark, none)}code:not(pre code){background:var(--code-bg);padding:.15em .4em;border-radius:4px;font-size:.875em}.code-wrapper{position:relative}.copy-btn{position:absolute;top:.6rem;inset-inline-end:.6rem;padding:.25rem .5rem;font-size:.72rem;border-radius:4px;border:1px solid var(--border);background:var(--bg-raised);color:var(--text-muted);cursor:pointer;font-family:IBM Plex Sans Arabic,sans-serif;transition:color .15s,border-color .15s;line-height:1}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}.site-footer{padding-block:2.5rem 2rem;font-size:.8rem;color:var(--text-muted)}.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--accent)}.social-links{display:flex;align-items:center;gap:.75rem}.social-links a{display:flex;align-items:center;color:var(--text-muted);transition:color .15s}.social-links a:hover{color:var(--accent)}.social-links svg{width:18px;height:18px}::view-transition-old(root){animation:vt-fade-out .2s ease forwards;mix-blend-mode:normal;object-fit:none;object-position:top center}::view-transition-new(root){animation:vt-fade-in .25s ease forwards;mix-blend-mode:normal;object-fit:none;object-position:top center}::view-transition-old(site-header),::view-transition-new(site-header){animation:none;mix-blend-mode:normal}::view-transition-old(page-title),::view-transition-old(post-date),::view-transition-old(project-dates),::view-transition-old(project-badge){animation:vt-title-out .15s ease forwards}::view-transition-new(page-title),::view-transition-new(post-date),::view-transition-new(project-dates),::view-transition-new(project-badge){animation:vt-title-in .22s ease forwards}@keyframes vt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vt-title-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes vt-title-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-title{font-family:Lalezar,sans-serif;font-size:clamp(1.4rem,4vw,1.9rem);margin-bottom:2rem;color:var(--text-muted);view-transition-name:page-title}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.icon-sun[data-astro-cid-3ef6ksr2],.icon-moon[data-astro-cid-3ef6ksr2]{width:16px;height:16px;display:block}[data-astro-cid-3ef6ksr2][data-theme=light] .icon-sun[data-astro-cid-3ef6ksr2],:root:not([data-theme=dark]) .icon-sun[data-astro-cid-3ef6ksr2]{display:none}[data-astro-cid-3ef6ksr2][data-theme=dark] .icon-moon[data-astro-cid-3ef6ksr2]{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-moon[data-astro-cid-3ef6ksr2]{display:none}:root:not([data-theme=light]) .icon-sun[data-astro-cid-3ef6ksr2]{display:block}}