@font-face{font-family:Plex Arabic;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+898-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Plex Arabic;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+898-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Plex Arabic;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+2000-206F,U+20AC,U+2122,U+2212}@font-face{font-family:Plex Arabic;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+2000-206F,U+20AC,U+2122,U+2212}:root{--bg:#fff;--text:#0a0a0a;--muted:#737373;--line:#dbdbdb;--soft:#f5f5f5;--accent:#5b4bdb;--font:"Plex Arabic", "Segoe UI", Tahoma, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit}.topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;width:min(975px,100% - 32px);height:60px;margin:0 auto;display:flex}.wordmark{font-size:21px;font-weight:700}.topnav{color:var(--muted);gap:22px;font-size:15px;display:flex}.topnav a:hover{color:var(--text)}.feed{width:min(935px,100%);margin:0 auto;padding:30px 0 40px}.profile{align-items:center;gap:clamp(20px,8vw,90px);padding:10px clamp(16px,6vw,60px) 40px;display:flex}.avatar{aspect-ratio:1;background:conic-gradient(from 200deg,#8f7df7,#2fa8cc,#e6683c,#8f7df7);border-radius:50%;flex:none;width:clamp(86px,18vw,150px);padding:4px}.avatar span{color:#fff;background:#0b0a12;border:4px solid #fff;border-radius:50%;place-items:center;width:100%;height:100%;font-size:clamp(16px,3.2vw,26px);font-weight:700;display:grid}.profile-name{margin:0 0 10px;font-size:22px;font-weight:700}.profile-stats{margin-bottom:10px;font-size:16px}.profile-stats strong{font-weight:700}.profile-bio{color:#262626;max-width:34em;margin:0;font-size:15px}.feed-title{margin:0 0 18px;padding:0 16px;font-size:22px}.tabs{border-top:1px solid var(--line);scrollbar-width:none;justify-content:center;gap:clamp(18px,5vw,52px);padding:0 16px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--muted);white-space:nowrap;border-top:1px solid #0000;flex:none;align-items:center;gap:6px;margin-top:-1px;padding:16px 0;font-size:13px;font-weight:700;display:inline-flex}.tab:hover{color:var(--text)}.tab.on{color:var(--text);border-top:1px solid var(--text)}.ig-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.tile{background:var(--soft);position:relative}.pager{justify-content:center;gap:12px;padding:34px 16px 10px;display:flex}.pager a{background:var(--soft);border-radius:10px;padding:9px 22px;font-size:14px;font-weight:700}.pager a:hover{background:#ebebeb}.empty{text-align:center;color:var(--muted);padding:100px 0}.carousel{position:relative;overflow:hidden}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%}.carousel-slide img{aspect-ratio:4/5;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%}.carousel-tile .carousel-slide a:hover img{filter:brightness(.94)}.carousel-badge{color:#fff;filter:drop-shadow(0 0 3px #00000073);pointer-events:none;position:absolute;top:8px;right:8px}.carousel-arrow{cursor:pointer;color:#111;opacity:0;background:#ffffffe0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;transition:opacity .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 6px #0003}.carousel-arrow.prev{right:8px}.carousel-arrow.next{left:8px}.carousel:hover .carousel-arrow,.carousel-arrow:focus-visible{opacity:1}.carousel-dots{pointer-events:none;justify-content:center;gap:4px;display:flex;position:absolute;bottom:10px;left:0;right:0}.carousel-dots span{background:#ffffff80;border-radius:50%;width:6px;height:6px;transition:background .15s;box-shadow:0 0 2px #0000004d}.carousel-dots span.on{background:#fff}.carousel-story{border-radius:4px}.carousel-story .carousel-arrow{opacity:1;width:36px;height:36px}.carousel-story .carousel-dots{bottom:14px}.carousel-story .carousel-dots span{width:7px;height:7px}@media (hover:none){.carousel-tile .carousel-arrow{display:none}.carousel-story .carousel-arrow{opacity:.9}}.story{width:min(640px,100% - 36px);margin:0 auto;padding:38px 0 60px}.story-kicker{color:var(--accent);margin-bottom:12px;font-size:14px;font-weight:700;display:inline-block}.story h1{letter-spacing:0;margin:0 0 16px;font-size:clamp(30px,5vw,44px);font-weight:700;line-height:1.28}.byline{color:var(--muted);flex-wrap:wrap;gap:4px 8px;padding-bottom:22px;font-size:14px;display:flex}.byline span:first-child{color:var(--text);font-weight:700}.byline .dot{color:#b5b5b5}.story-media{margin:4px 0 26px}.story-media figcaption{color:var(--muted);margin-top:8px;font-size:13px}.story-body{font-size:18.5px;line-height:1.85}.story-body p{margin:0 0 20px}.story-body .story-lead{font-size:20px}.story-body strong{font-weight:700}.story-body h2{margin:34px 0 10px;font-size:23px}.story-body ul{margin:0 0 20px;padding-inline-start:22px}.story-body li{margin-bottom:8px}.story-body li::marker{color:var(--accent)}.story-body blockquote{border-inline-start:4px solid var(--accent);margin:26px 0;padding:4px 18px;font-size:20px}.tags{flex-wrap:wrap;gap:8px;margin:26px 0 0;display:flex}.tags span{color:var(--accent);font-size:14px}.share{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin:28px 0 0;padding:18px 0;display:flex}.share strong{margin-inline-end:6px;font-size:14px}.share a,.share button{cursor:pointer;color:var(--text);background:var(--soft);border:0;border-radius:999px;padding:7px 15px;font-size:14px}.share a:hover,.share button:hover{background:#ebebeb}.go-deeper{margin-top:40px}.go-deeper h2{border-bottom:3px solid var(--text);margin:0 0 6px;padding-bottom:10px;font-size:15px;font-weight:700;display:inline-block}.go-deeper ul{margin:0;padding:0;list-style:none}.go-deeper li{border-bottom:1px solid var(--line)}.go-deeper a{align-items:center;gap:14px;padding:14px 0;display:flex}.go-deeper img{aspect-ratio:4/5;object-fit:cover;border-radius:3px;flex:none;width:64px}.go-deeper strong{font-size:16.5px;line-height:1.5;display:block}.go-deeper small{color:var(--muted);font-size:13px}.go-deeper a:hover strong{text-underline-offset:4px;text-decoration:underline}.page{width:min(640px,100% - 36px);margin:0 auto;padding:48px 0 80px;font-size:18px;line-height:1.85}.page h1{margin:0 0 18px;font-size:36px}.btn{background:var(--text);color:#fff;border-radius:10px;padding:9px 22px;font-size:15px;font-weight:700;display:inline-block}.footer{border-top:1px solid var(--line);color:var(--muted);padding:26px 0 40px;font-size:13px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:12px;width:min(975px,100% - 32px);margin:0 auto;display:flex}.footer nav{gap:16px;display:flex}.footer a:hover{color:var(--text)}@media (max-width:735px){.tabs{justify-content:flex-start}.feed{padding-top:16px}.profile{gap:22px;padding-bottom:24px}.profile-name{margin-bottom:6px;font-size:19px}.profile-bio{font-size:14px}.story-body{font-size:17.5px}}.admin-wrap{width:min(1100px,100% - 32px);margin:0 auto;padding:24px 0 80px}.admin-login{text-align:center;width:min(420px,100% - 32px);margin:70px auto}.admin-login form{text-align:start;gap:12px;margin-top:24px;display:grid}.admin-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-tabs{gap:6px;display:flex}.admin-tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 16px;font-weight:700}.admin-tabs button.on{background:var(--soft);color:var(--text)}.admin-user{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.admin input,.admin textarea,.admin select{font:inherit;border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:9px 12px;font-size:15px}.admin textarea{resize:vertical;line-height:1.7}.admin input:focus,.admin textarea:focus,.admin select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.admin label{gap:6px;font-size:14px;font-weight:700;display:grid}.admin fieldset{border:1px solid var(--line);border-radius:12px;gap:8px;padding:10px 12px 12px;display:grid}.admin legend{color:var(--muted);padding:0 6px;font-size:13px}.a-btn{font:inherit;background:var(--soft);color:var(--text);cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:700}.a-btn:hover{background:#ebebeb}.a-btn.primary{background:var(--text);color:#fff}.a-btn.primary:hover{background:#333}.a-btn.danger{color:#c0262d}.a-btn.small{padding:6px 11px;font-size:13px}.a-btn:disabled{opacity:.5;cursor:default}.a-muted{color:var(--muted);font-size:13.5px}.a-error{color:#c0262d;font-size:13.5px}.a-ok{color:#1a7f37;font-size:13.5px;font-weight:700}.a-note{background:#fff8e1;border-radius:10px;margin:0;padding:8px 12px;font-size:13.5px}.a-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.a-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 14px;display:flex}.a-toolbar select{width:auto}.a-search{max-width:320px}.a-card{border:1px solid var(--line);border-radius:16px;margin-bottom:18px;padding:18px}.a-card h2{margin:0 0 6px;font-size:19px}.a-editor{gap:12px;display:grid}.a-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.a-item{border:1px solid var(--line);border-radius:14px;padding:10px}.a-item>.a-editor{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.a-item-main{align-items:center;gap:12px;display:flex}.a-item-main img,.a-thumb-empty{aspect-ratio:4/5;object-fit:cover;background:var(--soft);border-radius:6px;flex:none;width:56px}.a-item-text{flex:1;min-width:0}.a-item-text strong{font-size:15.5px;line-height:1.5;display:block}.a-meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:2px;font-size:12.5px;display:flex}.a-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.a-badge{background:var(--soft);border-radius:999px;padding:1px 8px;font-weight:700}.a-badge.s-published{color:#1a7f37;background:#e6f4ea}.a-badge.s-draft{color:#8a5a00;background:#fff4d6}.a-badge.s-hidden,.a-badge.s-rejected{color:#b42318;background:#fde8e8}.a-drop{text-align:center;border:2px dashed var(--line);cursor:pointer;border-radius:14px;place-items:center;gap:6px;padding:34px 16px;display:grid}.a-drop.over,.a-drop:hover{border-color:var(--accent);background:#f6f4ff}.a-drop code{font-family:var(--font);background:var(--soft);direction:rtl;border-radius:6px;padding:1px 6px}.a-up-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.a-up{border:1px solid var(--line);border-radius:14px;overflow:hidden}.a-up img{aspect-ratio:4/3;object-fit:cover;background:var(--soft);width:100%}.a-up-fields{gap:7px;padding:10px;display:grid}.a-up-fields .a-row select{flex:1;width:auto}.a-up.s-saved{opacity:.6}.a-up.s-error{border-color:#f1aeb5}.a-lib-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.a-lib{border:1px solid var(--line);border-radius:12px;overflow:hidden}.a-lib.off{opacity:.45}.a-lib img{aspect-ratio:1;object-fit:cover;background:var(--soft);width:100%}.a-lib-info{gap:3px;padding:8px 10px 10px;display:grid}.a-lib-info strong{font-size:15px}@media (max-width:640px){.a-item-main{flex-wrap:wrap}.a-actions{justify-content:flex-start;width:100%}}