@font-face{font-family:Thmanyah Serif Display;src:url(/assets/thmanyahserifdisplay-Medium-BawbtKH-.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--color-black:#0a0a0a;--color-white:#fafafa;--color-ink:#1a1a1a;--color-muted:#6b6b6b;--color-subtle:#9e9e9e;--color-border:#e4e4e4;--color-surface:#f5f5f5;--color-hover:#f0f0f0}[data-theme=dark]{--color-black:#fafafa;--color-white:#0a0a0a;--color-ink:#e5e5e5;--color-muted:#a3a3a3;--color-subtle:#737373;--color-border:#262626;--color-surface:#171717;--color-hover:#1f1f1f}:root{--font-display:"Thmanyah Serif Display", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-base:"Thmanyah Serif Display", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.375rem;--font-size-xl:1.75rem;--font-size-2xl:2.25rem;--font-size-3xl:3rem;--font-size-4xl:3.75rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.2;--line-height-snug:1.4;--line-height-base:1.65;--line-height-loose:1.85;--letter-spacing-tight:-.02em;--letter-spacing-base:0;--letter-spacing-wide:.04em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--border-width:1px;--border:1px solid var(--color-border);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--max-width:1100px;--content-width:720px;--page-padding:var(--space-6)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;direction:rtl;font-size:16px}body{font-family:var(--font-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-ink);background-color:var(--color-white);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-ink);letter-spacing:var(--letter-spacing-tight)}p{line-height:var(--line-height-base);color:var(--color-muted)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}ul,ol{list-style:none}button{font-family:var(--font-base);cursor:pointer;background:0 0;border:none}#root{flex-direction:column;min-height:100vh;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.logo{font-family:var(--font-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--color-ink);letter-spacing:0;-webkit-user-select:none;user-select:none;line-height:1}.logo__dot{color:var(--color-muted)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;border:var(--border-width) solid transparent;line-height:1;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn--primary{background-color:var(--color-ink);color:var(--color-white);border-color:var(--color-ink)}.btn--primary:hover{background-color:var(--color-black);border-color:var(--color-black)}.btn--ghost{color:var(--color-muted);border-color:var(--color-border);background-color:#0000}.btn--ghost:hover{background-color:var(--color-hover);color:var(--color-ink);border-color:var(--color-border)}.btn--sm{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4)}.btn--lg{font-size:var(--font-size-base);padding:var(--space-4) var(--space-8)}.navbar{z-index:100;background-color:var(--color-white);border-bottom:var(--border);position:sticky;top:0}.navbar__inner{max-width:1152px;padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-6);height:56px;margin:0 auto;display:flex}.navbar__logo a{text-decoration:none}.navbar__nav{align-items:center;gap:var(--space-1);display:flex}.navbar__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-decoration:none;transition:color .12s,background-color .12s}.navbar__link:hover{color:var(--color-ink);background-color:var(--color-hover);text-decoration:none}.navbar__actions{align-items:center;gap:var(--space-2);display:flex}.navbar__user-actions{align-items:center;gap:var(--space-3);display:flex}.navbar__theme-toggle{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--color-subtle);font-size:var(--font-size-md);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;transition:color .12s,background-color .12s;display:flex}.navbar__theme-toggle:hover{color:var(--color-ink);background-color:var(--color-hover)}@media (width<=640px){.navbar__inner{height:52px;padding:0 var(--space-4)}.navbar__nav{display:none}}.auth-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);padding:var(--space-4);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out authModalFadeIn;display:flex;position:fixed;inset:0}@keyframes authModalFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background-color:var(--color-white);border:var(--border);border-radius:var(--radius-lg,16px);width:100%;max-width:440px;max-height:90vh;padding:var(--space-6) var(--space-4) var(--space-4);animation:.25s cubic-bezier(.16,1,.3,1) authModalSlideUp;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes authModalSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-modal__close{z-index:20;border-radius:var(--radius-full,9999px);width:32px;height:32px;color:var(--color-subtle);font-size:var(--font-size-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;line-height:1;transition:all .15s;display:flex;position:absolute;top:14px;left:14px}.auth-modal__tabs{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-md);border:var(--border);padding:4px;display:flex}.auth-modal__tab{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex:1;transition:all .15s}.auth-modal__tab:hover{color:var(--color-ink)}.auth-modal__tab--active{background-color:var(--color-white);color:var(--color-ink);box-shadow:0 1px 3px #00000014}.auth-modal__clerk-container{justify-content:center;width:100%;display:flex}.hibr-clerk-root{width:100%!important}.hibr-clerk-card-box{width:100%!important;box-shadow:none!important;border:none!important}.hibr-clerk-card{box-shadow:none!important;padding:var(--space-2)!important;background-color:#0000!important;border:none!important;width:100%!important}.hibr-clerk-primary-btn{background-color:var(--color-black)!important;color:var(--color-white)!important;font-family:var(--font-base)!important;border-radius:var(--radius-md)!important;font-size:var(--font-size-sm)!important;font-weight:500!important;transition:opacity .15s!important}.hibr-clerk-primary-btn:hover{opacity:.9!important}.hibr-clerk-social-btn{border:var(--border)!important;border-radius:var(--radius-md)!important;font-family:var(--font-base)!important;color:var(--color-ink)!important;transition:background-color .15s!important}.hibr-clerk-social-btn:hover{background-color:var(--color-hover)!important}.hibr-clerk-footer-link{color:var(--color-ink)!important;font-weight:600!important}.auth-modal::-webkit-scrollbar{width:6px}.auth-modal::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}@media (width<=480px){.auth-modal{max-width:100%;margin:0 var(--space-2);padding:var(--space-5) var(--space-3) var(--space-3);border-radius:var(--radius-md)}}.post-card{background-color:var(--color-white);border:var(--border);padding:var(--space-6);border-radius:30px;transition:border-color .15s}.post-card:hover{border-color:var(--color-muted)}.post-card__author-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.post-card__avatar{border-radius:var(--radius-full);background-color:var(--color-surface);border:var(--border);width:36px;height:36px;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.post-card__author-meta{flex-direction:column;gap:3px;display:flex}.post-card__author-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-ink);line-height:1}.post-card__date{font-size:var(--font-size-xs);color:var(--color-subtle);line-height:1}.post-card__content{margin-bottom:var(--space-5);text-decoration:none;display:block}.post-card__content:hover .post-card__title{text-underline-offset:3px;text-decoration:underline}.post-card__content:hover{text-decoration:none}.post-card__title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-ink);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-card__excerpt{font-size:var(--font-size-sm);color:var(--color-muted);line-height:var(--line-height-base);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-card__footer{padding-top:var(--space-4);margin-top:var(--space-4);border-top:var(--border);justify-content:space-between;align-items:center;display:flex}.post-card__actions{align-items:center;gap:var(--space-5);display:flex}.post-card__action{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--color-subtle);font-family:var(--font-base);font-size:var(--font-size-sm);background:0 0;border:none;padding:0;line-height:1;transition:color .12s;display:inline-flex}.post-card__action:hover{color:var(--color-ink)}.post-card__action svg{flex-shrink:0;display:block}.post-card__action-count{font-size:var(--font-size-sm);color:inherit;line-height:1}.post-card__read-time{font-size:var(--font-size-xs);color:var(--color-subtle);white-space:nowrap}@media (width<=640px){.post-card{padding:var(--space-4);border-radius:var(--radius-sm)}.post-card__title{font-size:var(--font-size-base)}.post-card__excerpt{-webkit-line-clamp:2}.post-card__actions{gap:var(--space-4)}}.create-post-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);padding:var(--space-4);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.create-post-modal{background-color:var(--color-white);border:var(--border);border-radius:var(--radius-lg,16px);width:100%;max-width:680px;max-height:90vh;padding:var(--space-6) var(--space-8);animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.create-post-modal__header{margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:var(--border);justify-content:space-between;align-items:center;display:flex}.create-post-modal__heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-ink);margin:0}.create-post-modal__close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-subtle);font-size:var(--font-size-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.create-post-modal__close:hover{background-color:var(--color-hover);color:var(--color-ink)}.create-post-modal__error{color:#991b1b;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);margin-bottom:var(--space-4);background-color:#fef2f2;border:1px solid #fecaca}.create-post-modal__form{gap:var(--space-5);flex-direction:column;display:flex}.create-post-modal__field{gap:var(--space-2);flex-direction:column;display:flex}.create-post-modal__label-row{justify-content:space-between;align-items:center;display:flex}.create-post-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-ink)}.create-post-modal__read-meta{font-size:var(--font-size-xs);color:var(--color-subtle)}.create-post-modal__input,.create-post-modal__textarea{width:100%;font-family:var(--font-base);font-size:var(--font-size-base);color:var(--color-ink);background-color:var(--color-white);border:var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);outline:none;transition:border-color .15s,box-shadow .15s}.create-post-modal__title-input{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.create-post-modal__input:focus,.create-post-modal__textarea:focus{border-color:var(--color-ink);box-shadow:0 0 0 2px #0a0a0a0f}.create-post-modal__textarea{resize:vertical;line-height:var(--line-height-base)}.create-post-modal__actions{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:var(--border);display:flex}@media (width<=640px){.create-post-modal{padding:var(--space-5) var(--space-4);border-radius:var(--radius-md)}}.feed{background-color:var(--color-white);flex:1}.feed__wrapper{max-width:720px;padding:0 var(--space-6);margin:0 auto}.feed__bar{border-bottom:var(--border);padding:var(--space-5) 0 0;justify-content:space-between;align-items:center;display:flex}.feed__tabs{align-items:flex-end;gap:0;display:flex}.feed__tab{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-subtle);padding:var(--space-2) var(--space-4) var(--space-3);cursor:pointer;font-family:var(--font-base);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;transition:color .12s,border-color .12s}.feed__tab:hover{color:var(--color-ink)}.feed__tab--active{color:var(--color-ink);font-weight:var(--font-weight-medium);border-bottom-color:var(--color-ink)}.feed__list{gap:var(--space-4);padding-top:var(--space-5);padding-bottom:var(--space-20);flex-direction:column;display:flex}@media (width<=768px){.feed__wrapper{padding:0 var(--space-4)}.feed__tab{padding:var(--space-2) var(--space-3) var(--space-3);font-size:var(--font-size-xs)}}@media (width<=480px){.feed__wrapper{padding:0 var(--space-4)}}.post-page{flex:1}.post-page__container{max-width:var(--content-width);padding:var(--space-12) var(--page-padding) var(--space-20);margin:0 auto}.post-page__back{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-subtle);margin-bottom:var(--space-10);text-decoration:none;transition:color .12s;display:inline-flex}.post-page__back:hover{color:var(--color-ink);text-decoration:none}.post-page__back-arrow{font-size:var(--font-size-base);line-height:1}.post-page__header{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:var(--border)}.post-page__title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);color:var(--color-ink);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-6)}.post-page__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.post-page__author{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-ink);line-height:1}.post-page__separator{font-size:var(--font-size-xs);color:var(--color-subtle);-webkit-user-select:none;user-select:none;line-height:1}.post-page__date,.post-page__read-time{font-size:var(--font-size-sm);color:var(--color-subtle);line-height:1}.post-page__body{font-size:var(--font-size-md);color:var(--color-ink);line-height:var(--line-height-loose);margin-bottom:var(--space-10)}.post-page__body p{color:var(--color-ink);font-size:var(--font-size-md);line-height:var(--line-height-loose);margin-bottom:var(--space-6)}.post-page__placeholder{padding:var(--space-8);border:var(--border);border-radius:var(--radius-md);background-color:var(--color-surface);text-align:center}.post-page__placeholder p{font-size:var(--font-size-sm);color:var(--color-subtle);line-height:var(--line-height-base);margin:0}.post-page__footer{align-items:center;gap:var(--space-6);padding-top:var(--space-8);border-top:var(--border);display:flex}.post-page__action{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--color-subtle);font-family:var(--font-base);background:0 0;border:none;padding:0;transition:color .12s;display:inline-flex}.post-page__action:hover{color:var(--color-ink)}.post-page__action-icon{font-size:var(--font-size-md);line-height:1}.post-page__action-label{font-size:var(--font-size-sm);line-height:1}.post-page__not-found{text-align:center;padding:var(--space-24) var(--page-padding)}.post-page__not-found h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-ink);margin-bottom:var(--space-4)}.post-page__not-found p{font-size:var(--font-size-base);color:var(--color-muted);margin-bottom:var(--space-8)}@media (width<=640px){.post-page__title{font-size:var(--font-size-2xl)}.post-page__container{padding-top:var(--space-8)}}