.bio-body{background:#f6f6f8;margin:0}.bio{--bio-bg:#f6f6f8;--bio-surface:#fff;--bio-text:#0e121b;--bio-muted:#506795;--bio-border:#e8ebf3;--bio-primary:#194cb3;--bio-on-primary:#fff;--bio-skeleton:#e9ecf2;--bio-skeleton-shine:#f4f6fa;box-sizing:border-box;min-height:100dvh;padding-block:max(28px,env(safe-area-inset-top))max(24px,env(safe-area-inset-bottom));padding-inline:max(16px,env(safe-area-inset-left))max(16px,env(safe-area-inset-right));background:var(--bio-bg);color:var(--bio-text);font-family:var(--font-sachach),"Noto Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-text-size-adjust:100%;text-size-adjust:100%;flex-direction:column;align-items:center;line-height:1.6;display:flex}.bio *,.bio :before,.bio :after{box-sizing:border-box}@media (prefers-color-scheme:dark){.bio-body{background:#121212}.bio{--bio-bg:#121212;--bio-surface:#1e1e1e;--bio-text:#fff;--bio-muted:#a9b1c0;--bio-border:#2d2d2d;--bio-primary:#60a5fa;--bio-on-primary:#0e121b;--bio-skeleton:#1f1f1f;--bio-skeleton-shine:#2a2a2a}.bio-logo img{filter:invert()}}.bio-head{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:520px;padding-block:8px 28px;display:flex}.bio-logo{border-radius:8px;padding:4px;display:inline-flex}.bio-logo img{width:auto;height:44px;display:block}.bio-heading{color:var(--bio-text);margin:16px 0 0;font-size:1.05rem;font-weight:600}.bio-intro{color:var(--bio-muted);margin:2px 0 0;font-size:.9rem}.bio-social{justify-content:center;gap:12px;margin:18px 0 0;padding:0;list-style:none;display:flex}.bio-social a{border:1px solid var(--bio-border);background:var(--bio-surface);width:48px;height:48px;color:var(--bio-text);-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;transition:transform .18s,color .18s,border-color .18s;display:grid}.bio-social svg{width:24px;height:24px;display:block}.bio-social a:active{transform:scale(.93)}.bio-main{flex:1;width:100%;max-width:960px;container-type:inline-size}.bio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin:0;padding:0;list-style:none;display:grid}@container (min-width:560px){.bio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}}@container (min-width:860px){.bio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.bio-card{color:inherit;-webkit-tap-highlight-color:transparent;border-radius:16px;text-decoration:none;display:block}.bio-thumb{aspect-ratio:4/5;border:1px solid var(--bio-border);background:var(--bio-skeleton);border-radius:16px;transition:transform .18s;position:relative;overflow:hidden}.bio-thumb:before{content:"";background:linear-gradient(100deg,transparent 20%,var(--bio-skeleton-shine)50%,transparent 80%);background-size:200% 100%;position:absolute;inset:0}.bio-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:block;position:relative}.bio-thumb-fallback{background:var(--bio-skeleton);color:var(--bio-border);place-items:center;display:grid;position:absolute;inset:0}.bio-thumb-fallback svg{width:34%;height:auto}.bio-card:active .bio-thumb{transform:scale(.98)}.bio-badge,.bio-draft{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:calc(100% - 20px);padding:3px 10px;font-size:.72rem;font-weight:700;line-height:1.6;position:absolute;inset-block-start:10px;overflow:hidden}.bio-badge{background:var(--bio-primary);color:var(--bio-on-primary);inset-inline-start:10px}.bio-draft{color:#fff;background:#b45309;inset-inline-end:10px}.bio-caption{padding:10px 4px 0}.bio-title,.bio-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bio-title{color:var(--bio-text);margin:0;font-size:.95rem;font-weight:600;line-height:1.55;transition:color .18s}.bio-desc{color:var(--bio-muted);margin:2px 0 0;font-size:.82rem;line-height:1.6}.bio-date{color:var(--bio-muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:.75rem;display:block}.bio-empty{text-align:center;border:1px solid var(--bio-border);background:var(--bio-surface);border-radius:20px;flex-direction:column;align-items:center;gap:6px;max-width:420px;margin:12px auto 0;padding:36px 24px;display:flex}.bio-empty-title{margin:0;font-size:1.05rem;font-weight:600}.bio-empty-text{color:var(--bio-muted);margin:0;font-size:.92rem}.bio-button{background:var(--bio-primary);min-height:46px;color:var(--bio-on-primary);border-radius:12px;justify-content:center;align-items:center;margin-top:14px;padding:10px 26px;font-weight:600;text-decoration:none;display:inline-flex}.bio-foot{color:var(--bio-muted);flex-wrap:wrap;justify-content:center;gap:8px;margin-top:36px;font-size:.82rem;display:flex}.bio-foot a{color:inherit;padding:6px 4px;text-decoration:none}.bio a:focus-visible{outline:3px solid var(--bio-primary);outline-offset:3px}@media (hover:hover){.bio-social a:hover{color:var(--bio-primary);border-color:var(--bio-primary);transform:translateY(-2px)}.bio-card:hover .bio-thumb img{transform:scale(1.04)}.bio-card:hover .bio-title,.bio-foot a:hover{color:var(--bio-primary)}}@media (prefers-reduced-motion:no-preference){.bio-thumb:before{animation:1.6s linear infinite bio-shimmer}.bio-item{animation:.5s cubic-bezier(.2,.7,.2,1) both bio-rise;animation-delay:calc(var(--i,0)*45ms)}}@keyframes bio-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes bio-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.bio-preview .bio{min-height:640px}