@import url("https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Scheherazade+New:wght@400;700&display=swap");*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink-900);color:var(--paper);font-family:var(--font-ui);font-size:15px;line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased;min-height:100vh}figure,h1,h2,h3,h4,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}img{max-width:100%;display:block}button{font:inherit}a,button{color:inherit}a{text-decoration:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}::selection{background:var(--gold-dim);color:var(--paper)}mark.hl{background:color-mix(in srgb,var(--gold) 22%,transparent);color:var(--gold);font-weight:600;border-radius:3px;padding-inline:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.num{unicode-bidi:-webkit-isolate;unicode-bidi:isolate;direction:ltr;display:inline-block}.t-micro{font-size:11px;letter-spacing:.02em;line-height:1.5}.t-label{font-size:13px;font-weight:500;line-height:1.6}.t-body{font-size:15px;line-height:1.7}.t-sec{font-size:17px;font-weight:600;line-height:1.6}.t-screen{font-size:22px;font-weight:600;line-height:1.5}.muted{color:var(--paper-70)}.faint{color:var(--paper-45)}.sacred{line-height:1.9}.mark,.sacred{font-family:var(--font-sacred)}.mark{color:var(--gold);line-height:1;font-size:1.05em}.rule{display:flex;align-items:center;gap:12px;color:var(--paper-45)}.rule:after,.rule:before{content:"";height:1px;background:var(--ink-600);flex:1 1}.shell{max-width:var(--shell);margin-inline:auto;padding-inline:16px}.screen{padding-bottom:calc(var(--tabbar-h) + 32px + env(safe-area-inset-bottom))}.screen--flow{padding-bottom:32px}.stack-16>*+*{-webkit-margin-before:16px;margin-block-start:16px}.stack-24>*+*{-webkit-margin-before:24px;margin-block-start:24px}.stack-32>*+*{-webkit-margin-before:32px;margin-block-start:32px}.section{padding-block:32px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;height:56px;padding-inline:16px;background:var(--ink-900);border-bottom:var(--line)}.topbar--plain{border-bottom:0}.topbar__title{font-size:17px;font-weight:600}.topbar__spacer{flex:1 1}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:0;border-radius:var(--r);color:var(--paper-70);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.iconbtn:hover{background:var(--ink-800);color:var(--paper)}.iconbtn[disabled]{color:var(--paper-45);cursor:default}.iconbtn[disabled]:hover,.like-btn{background:none;color:var(--paper-45)}.like-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding-inline:10px;-webkit-margin-end:-10px;margin-inline-end:-10px;border:0;border-radius:999px;font-size:13px;cursor:pointer;flex:none;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.like-btn:hover{background:var(--ink-800);color:var(--paper-70)}.like-btn[aria-pressed=true]{color:var(--gold)}.like-btn[disabled]{cursor:default;opacity:.6}.like-btn svg{flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding-inline:18px;border:1px solid transparent;border-radius:var(--r);background:none;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .14s var(--ease),border-color .14s var(--ease),color .14s var(--ease)}.btn--primary{background:var(--paper);color:var(--ink-900)}.btn--primary:hover{background:var(--paper-70)}.btn--secondary{background:var(--ink-700);border-color:var(--ink-600);color:var(--paper)}.btn--secondary:hover{background:var(--ink-600)}.btn--quiet{color:var(--paper-70)}.btn--quiet:hover{background:var(--ink-800);color:var(--paper)}.btn--sm{min-height:36px;font-size:13px;padding-inline:12px}.btn--wide{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding-inline:12px;border:var(--line);border-radius:var(--r);background:none;color:var(--paper-70);font-size:13px;font-weight:500;cursor:pointer;transition:color .14s var(--ease),border-color .14s var(--ease)}.chip:hover{color:var(--paper);border-color:var(--paper-45)}.chip[aria-pressed=true],.chip[aria-selected=true]{color:var(--paper);border-color:var(--gold-dim);background:var(--ink-800)}.chip .mark{display:none;font-size:13px}.chip[aria-pressed=true] .mark,.chip[aria-selected=true] .mark{display:inline}.field{display:flex;align-items:center;gap:10px;min-height:52px;padding-inline:14px;background:var(--ink-800);border:var(--line);border-radius:var(--r);transition:border-color .14s var(--ease)}.field:focus-within{border-color:var(--gold-dim)}.field input{flex:1 1;min-width:0;background:none;border:0;outline:0;color:var(--paper);font:inherit;font-size:15px;padding-block:14px}.field input::placeholder{color:var(--paper-45)}.field svg{color:var(--paper-45);flex:none}.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:var(--line)}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;padding:12px 14px;background:none;border:0;border-bottom:2px solid transparent;color:var(--paper-45);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .14s var(--ease),border-color .14s var(--ease)}.tab:hover{color:var(--paper-70)}.tab[aria-selected=true]{color:var(--paper);border-bottom-color:var(--gold)}.seg{display:inline-flex;border:var(--line);border-radius:var(--r);overflow:hidden}.seg button{min-height:36px;padding-inline:14px;background:none;border:0;color:var(--paper-45);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .14s var(--ease),color .14s var(--ease)}.seg button+button{-webkit-border-start:var(--line);border-inline-start:var(--line)}.seg button:hover{color:var(--paper-70)}.seg button[aria-pressed=true]{background:var(--ink-700);color:var(--paper)}.ed{display:flex;flex-direction:column;min-height:100dvh}.ed__stage{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px 16px}.ed__canvas{width:88%;max-width:340px}.ed__sheet{position:-webkit-sticky;position:sticky;bottom:0;background:var(--ink-800);border-top:var(--line);border-radius:var(--r) var(--r) 0 0;padding-bottom:env(safe-area-inset-bottom);transition:transform var(--dur) var(--ease)}.ed__handle{display:flex;justify-content:center;padding:8px 0 4px;background:none;border:0;width:100%;cursor:pointer}.ed__handle span{width:36px;height:4px;border-radius:2px;background:var(--ink-600)}.ed__panel{padding:14px 16px 18px;transition:opacity var(--dur-fast) var(--ease)}.ed[data-collapsed=true] .ed__panel{display:none}.opts{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-block:2px}.opts::-webkit-scrollbar{display:none}.opt{flex:none;background:none;border:var(--line);border-radius:var(--r);padding:3px;cursor:pointer;transition:border-color .14s var(--ease)}.opt:hover{border-color:var(--paper-45)}.opt[aria-pressed=true]{border-color:var(--gold)}.opt__cap{display:block;font-size:11px;color:var(--paper-70);padding:4px 2px 2px;text-align:center}.thumb{width:56px;height:70px;border-radius:var(--r-in);overflow:hidden;position:relative;display:flex;flex-direction:column;padding:6px;gap:3px}.thumb i{display:block;height:3px;border-radius:2px;background:currentColor;opacity:.75}.swatch{width:56px;height:44px;position:relative;overflow:hidden}.fontsample,.swatch{border-radius:var(--r-in)}.fontsample{width:104px;height:52px;background:var(--ink-700);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--paper)}.slider-row{display:grid;grid-template-columns:76px 1fr;align-items:center;grid-gap:12px;gap:12px}.slider-row+.slider-row{-webkit-margin-before:8px;margin-block-start:8px}@media (min-width:900px){.ed{flex-direction:row;min-height:100dvh}.ed__stage{flex:1 1}.ed__canvas{max-width:420px}.ed__sheet{position:static;width:340px;flex:none;border-top:0;-webkit-border-start:var(--line);border-inline-start:var(--line);border-radius:0;overflow-y:auto}.ed__handle{display:none}.ed[data-collapsed=true] .ed__panel{display:block}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--ink-600)}input[type=range]::-moz-range-track{height:2px;background:var(--ink-600)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--paper);border:0;margin-top:-7px}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--paper);border:0}.card{background:var(--ink-800);border:var(--line);border-radius:var(--r);padding:16px}.card--action{display:block;width:100%;text-align:start;cursor:pointer;transition:border-color .14s var(--ease)}.card--action:hover{border-color:var(--paper-45)}.srcline{display:flex;gap:8px;flex-wrap:wrap;color:var(--paper-70)}.grade,.srcline{align-items:center;font-size:13px}.grade{display:inline-flex;gap:6px;font-weight:500}.grade__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.grade[data-g="صحيح"]{color:var(--sahih)}.grade[data-g="حسن"]{color:var(--hasan)}.grade[data-g="ضعيف"]{color:var(--daif)}.grade[data-g="موضوع"]{color:var(--mawdu)}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile{display:block;width:100%;padding:3px;background:none;cursor:pointer;border:2px solid var(--gold-dim);border-radius:var(--r);transition:border-color .14s var(--ease)}.tile:hover{border-color:var(--gold)}.author-badge{transition:color .14s var(--ease)}.author-badge:hover{color:var(--paper)}.tile>*{border:var(--line);border-radius:var(--r-in);overflow:hidden;display:block}.mushaf{border:2px solid var(--gold-dim);border-radius:var(--r);padding:3px;background:var(--ink-800)}.mushaf>*{border:var(--line);border-radius:var(--r-in);overflow:hidden;display:block}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gallery--profile{columns:200px 3;column-gap:12px}.gallery--profile>*{page-break-inside:avoid;break-inside:avoid;margin-bottom:12px}.strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-padding-after:4px;padding-block-end:4px}.strip::-webkit-scrollbar{display:none}.strip>*{flex:none;width:140px;scroll-snap-align:start}.cv{container-type:inline-size;position:relative;width:100%;overflow:hidden;background:var(--c-bg,#12141A);color:var(--c-fg,#F2EDE3);border-radius:var(--r-in);display:flex;transition:background-color var(--dur-fast) var(--ease)}.cv[data-ratio="1:1"]{aspect-ratio:1/1}.cv[data-ratio="4:5"]{aspect-ratio:4/5}.cv[data-ratio="9:16"]{aspect-ratio:9/16}.cv__bg{position:absolute;inset:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease)}.cv__bg[data-bg=grad]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.28))}.cv__bg[data-bg=paper]{background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 4px)}.cv__bg[data-bg=raq]{background-image:radial-gradient(120% 80% at 70% 20%,rgba(255,255,255,.06),transparent 60%),repeating-linear-gradient(115deg,rgba(0,0,0,.05) 0 2px,transparent 2px 7px)}.cv__bg[data-bg=geo]{background-image:repeating-linear-gradient(45deg,var(--c-acc,#C9A227) 0 1px,transparent 1px 22px),repeating-linear-gradient(-45deg,var(--c-acc,#C9A227) 0 1px,transparent 1px 22px);opacity:.16}.cv__frame{position:absolute;inset:calc(var(--pad, 9) * .4cqw);pointer-events:none}.cv__frame[data-frame=thin]{border:1px solid var(--c-acc,#c9a227);opacity:.65}.cv__frame[data-frame=mushaf]{border:2px solid var(--c-acc,#c9a227);padding:3px}.cv__frame[data-frame=mushaf]:after{content:"";display:block;width:100%;height:100%;border:1px solid var(--c-acc,#c9a227);opacity:.55}.cv__frame[data-frame=corner]{border:0}.cv__frame[data-frame=corner]:after,.cv__frame[data-frame=corner]:before{content:"";position:absolute;width:18cqw;height:18cqw;border:1.5px solid var(--c-acc,#c9a227)}.cv__frame[data-frame=corner]:before{top:0;right:0;border-bottom:0;border-left:0}.cv__frame[data-frame=corner]:after{bottom:0;left:0;border-top:0;border-right:0}.cv__body{position:relative;flex:1 1;display:flex;flex-direction:column;padding:calc(var(--pad, 9) * 1cqw);gap:calc(3cqw);z-index:2}.cv__text{font-family:var(--c-font,var(--font-sacred));font-size:calc(var(--fs, 9.4) * 1cqw);line-height:var(--lh,1.9);font-weight:400;margin:0}.cv__src{font-family:var(--font-ui);font-size:calc(var(--fs, 9.4) * .3cqw + 1.6cqw);display:flex;align-items:center;gap:.6em;flex-wrap:wrap}.cv__src,.cv__src .g{color:var(--c-acc,#C9A227)}.cv__src .g{opacity:.85}.cv__wm{position:absolute;inset-block-end:calc(var(--pad, 9) * .45cqw);inset-inline:0;text-align:center;font-family:var(--font-ui);font-size:2.4cqw;color:var(--c-fg,#F2EDE3);opacity:.35;letter-spacing:.02em}.cv[data-tpl="1"] .cv__body{justify-content:center;align-items:center;text-align:center}.cv[data-tpl="2"] .cv__body{justify-content:flex-end;align-items:flex-start;text-align:start}.cv[data-tpl="3"] .cv__body{justify-content:flex-start;align-items:center;text-align:center}.cv[data-tpl="4"] .cv__body{justify-content:center;align-items:center;text-align:center}.cv[data-tpl="5"] .cv__body{justify-content:center;align-items:flex-start;text-align:start}.cv[data-tpl="6"] .cv__body{justify-content:flex-end;align-items:flex-end;text-align:end}.cv[data-tpl="7"] .cv__body{justify-content:center;align-items:center;text-align:center;padding-inline:calc(var(--pad, 9) * 1.7cqw)}.cv[data-tpl="8"] .cv__body{justify-content:space-between;align-items:flex-start;text-align:start}.cv[data-tpl="3"] .cv__src,.cv[data-tpl="8"] .cv__src{-webkit-margin-before:auto;margin-block-start:auto}.tabbar{position:fixed;inset-block-end:0;inset-inline:0;z-index:50;justify-content:space-around;height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom);background:var(--ink-900);border-top:var(--line)}.tabbar,.tabbar__item{display:flex;align-items:center}.tabbar__item{flex-direction:column;gap:4px;font-size:11px;font-weight:500;color:var(--paper-45);transition:color .14s var(--ease)}.tabbar__item:hover,.tabbar__item[aria-current=page]{color:var(--paper)}.tabbar__item[aria-current=page] svg{color:var(--gold)}.admin-shell{display:flex;align-items:stretch;min-height:100vh}.admin-sidebar{flex:none;width:220px;display:flex;flex-direction:column;gap:4px;padding:20px 12px;background:var(--ink-800);-webkit-border-end:var(--line);border-inline-end:var(--line)}.admin-sidebar__brand{padding-inline:8px;-webkit-margin-after:16px;margin-block-end:16px}.admin-nav__item,.admin-sidebar__brand{display:flex;align-items:center;gap:10px}.admin-nav__item{padding:10px 12px;border-radius:var(--r-in);-webkit-border-start:2px solid transparent;border-inline-start:2px solid transparent;color:var(--paper-45);font-size:14px;font-weight:500;cursor:pointer;transition:color .14s var(--ease),background-color .14s var(--ease),border-color .14s var(--ease)}.admin-nav__item:hover,.admin-nav__item[aria-current=page]{color:var(--paper);background:var(--ink-700)}.admin-nav__item[aria-current=page]{border-inline-start-color:var(--gold)}.admin-sidebar__footer{-webkit-margin-before:auto;margin-block-start:auto;padding-top:12px;border-top:var(--line)}.admin-main{flex:1 1;min-width:0}.sidenav{position:fixed;inset-block:0;inset-inline-end:0;z-index:50;display:flex;flex-direction:column;gap:4px;width:180px;padding:20px 12px;background:var(--ink-900);-webkit-border-start:var(--line);border-inline-start:var(--line)}.sidenav--collapsed{width:64px;align-items:center}.sidenav__brand{display:flex;align-items:center;gap:8px;padding-inline:8px;-webkit-margin-after:20px;margin-block-end:20px;font-size:16px;font-weight:700;color:var(--paper)}.sidenav--collapsed .sidenav__brand span:last-child{display:none}.sidenav__links{display:flex;flex-direction:column;gap:4px}.sidenav__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-in);color:var(--paper-45);font-size:13px;font-weight:500;transition:color .14s var(--ease),background-color .14s var(--ease)}.sidenav--collapsed .sidenav__item{padding:10px}.sidenav--collapsed .sidenav__item span:last-child{display:none}.sidenav__item:hover,.sidenav__item[aria-current=page]{color:var(--paper);background:var(--ink-800)}.sidenav__item[aria-current=page] svg{color:var(--gold)}.sidenav__toggle{position:absolute;top:50%;right:-14px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:var(--line);border-radius:50%;background:var(--ink-800);color:var(--paper-70);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:color .14s var(--ease),background-color .14s var(--ease)}.sidenav__toggle:hover{color:var(--paper);background:var(--ink-700)}body{transition:-webkit-padding-end .2s var(--ease);transition:padding-inline-end .2s var(--ease);transition:padding-inline-end .2s var(--ease),-webkit-padding-end .2s var(--ease)}.topbar__navlinks{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);align-items:center;gap:24px}.topbar__navlinks-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--paper-45);transition:color .14s var(--ease)}.topbar__navlinks-item svg{width:16px;height:16px}.topbar__navlinks-item:hover,.topbar__navlinks-item[aria-current=page]{color:var(--paper)}.loader-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding-block:24px}.loader-rosette{position:relative;display:inline-flex;align-items:center;justify-content:center}.loader-rosette__ring{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(var(--gold) 0deg 3deg,transparent 3deg 15deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));opacity:.55;animation:loader-spin 3.2s linear infinite}.loader-rosette__mark{position:relative;color:var(--gold);line-height:1;font-weight:700;text-shadow:0 0 16px var(--gold-dim);animation:loader-breathe 2.2s ease-in-out infinite}@keyframes loader-spin{to{transform:rotate(1turn)}}@keyframes loader-breathe{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.loader-rosette__mark,.loader-rosette__ring{animation:none;opacity:1}}.topbar__navlinks-item[aria-current=page] svg{color:var(--gold)}:root{--ink-900:#12141A;--ink-800:#1B1F27;--ink-700:#262B35;--ink-600:#363C48;--paper:#F2EDE3;--paper-70:#B9B4AA;--paper-45:#797E8A;--gold:#C9A227;--gold-dim:#6B5714;--sahih:#4F9D69;--hasan:#6B9BB8;--daif:#C4842B;--mawdu:#CE6B5F;--r:10px;--r-in:6px;--line:1px solid var(--ink-600);--dur-fast:160ms;--dur:280ms;--ease:cubic-bezier(.32,.72,0,1);--font-ui:"IBM Plex Sans Arabic","Noto Sans Arabic",system-ui,sans-serif;--font-sacred:"Amiri","Scheherazade New",serif;--font-alt:"Scheherazade New","Amiri",serif;--shell:1180px;--tabbar-h:64px}html[data-theme=light]{--ink-900:#F4F0E7;--ink-800:#FBF8F2;--ink-700:#EDE7DA;--ink-600:#D9D1C0;--paper:#191C22;--paper-70:#4E5560;--paper-45:#6E6859;--gold:#8A6B12;--gold-dim:#C9B584;--sahih:#2F7A4A;--hasan:#3C7391;--daif:#8A5A12;--mawdu:#9E4034}