@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-400-normal-EA1o-u_Q.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-arabic-arabic-600-normal-0pRdybE_.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-600-normal-MJZ0liF5.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-arabic-arabic-700-normal-DrtBj6UE.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-700-normal-9rXc6cUL.woff) format("woff")}:root{font-family:IBM Plex Sans Arabic,Tahoma,Arial,sans-serif;color:#f6efe5;background:#101524;font-synthesis:none;--bg:#101524;--sidebar:#151b2c;--surface:#191f31;--surface2:#20283c;--line:#2c344a;--text:#f6efe5;--muted:#adb5c9;--accent:#ebc78e;--accent-ink:#231c16;--green:#91bda9;--danger:#f2a6a0;--hero:#1b2846;--scale:1}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{cursor:default;opacity:.48}h1,h2,h3,p{margin:0}button svg{flex:none}::selection{background:#d7af74;color:#151b2c}.shell{min-height:100dvh;display:grid;grid-template-columns:232px minmax(0,1fr);font-size:calc(1rem * var(--scale))}.sidebar{position:sticky;inset-block-start:0;height:100dvh;display:flex;flex-direction:column;padding:32px 18px 20px;background:var(--sidebar);border-inline-end:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;margin:3px 12px 46px}.brand-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #8f744b;border-radius:14px;color:var(--accent);background:#b0884919}.brand strong{display:block;font-size:1.65em;line-height:1.15;letter-spacing:-.04em}.brand small{display:block;color:var(--muted);font-size:.75em;margin-top:4px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:12px;padding:11px 12px;min-height:47px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);text-align:start}.sidebar nav button:hover{background:var(--surface2);color:var(--text)}.sidebar nav button.selected{background:#ba945222;border-color:#ba945238;color:var(--accent);font-weight:600}.sidebar-foot{margin-top:auto;padding:12px 4px;color:var(--muted);font-size:.75em;display:flex;align-items:center;gap:8px}.sidebar-foot i,.local-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);flex:none}.main{min-width:0}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;border-block-end:1px solid var(--line);padding-inline:clamp(20px,4vw,58px);color:var(--muted);font-size:.88em}.crumb{padding-inline:9px;color:#68738e}.local-badge{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:5px 11px;border-radius:999px;white-space:nowrap}.content{width:min(100%,1380px);margin-inline:auto;padding:clamp(19px,3.8vw,53px);display:grid;gap:22px}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.35fr 1fr;min-height:362px;overflow:hidden;border:1px solid #434b66;border-radius:24px;background:radial-gradient(ellipse at 16% 75%,#ad85572e,transparent 34%),linear-gradient(116deg,#171f35,var(--hero) 53%,#233251);box-shadow:0 15px 42px #080b1438}.hero-copy{padding:clamp(24px,4.1vw,57px);z-index:1;align-self:center}.eyebrow{display:flex;gap:10px;align-items:center;font-size:.81em;font-weight:600;color:var(--accent);letter-spacing:.035em}.line{width:25px;height:1px;background:var(--accent)}.hero h1{margin:14px 0;font-size:clamp(2.35rem,4.8vw,4.7rem);line-height:1.19;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{color:#c7cede;line-height:1.8;max-width:33ch}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:19px}.primary,.secondary,.danger,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:10px;padding:8px 15px;font-weight:600;border:1px solid transparent}.primary{background:var(--accent);color:var(--accent-ink)}.primary:hover{filter:brightness(1.09)}.secondary,.icon-button{background:var(--surface2);color:var(--text);border-color:var(--line)}.secondary:hover,.icon-button:hover{border-color:#95805d}.danger{background:#713a4240;border-color:#a66b71;color:var(--danger)}.icon-button{width:44px;padding:0}.hero-art{position:relative;min-width:260px;min-height:320px;overflow:hidden;direction:ltr}.arch{position:absolute;width:66%;height:88%;left:16%;bottom:-10%;border:1px solid #d1ab7354;border-bottom:0;border-radius:50% 50% 0 0/38% 38% 0 0;transform:rotate(-12deg)}.arch-inner{width:55%;height:76%;left:22%;border-color:#e0c19b2c}.orb{position:absolute;width:36%;aspect-ratio:1;left:36%;bottom:22%;border-radius:50%;background:#d7a36540;filter:blur(42px)}.star{position:absolute;color:#dfbb85a6}.star-a{font-size:1.6rem;left:71%;top:19%}.star-b{font-size:1.4rem;left:15%;top:37%}.star-c{left:36%;top:12%;font-size:.8rem}.book-stack{position:absolute;display:flex;align-items:end;gap:5px;bottom:17%;left:17%;height:55%;width:69%;transform:rotate(-7deg);filter:drop-shadow(13px 16px 18px #05071188)}.spine{position:relative;width:17%;border:1px solid #f6df9c36;border-radius:7px 4px 4px 7px;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 4px),linear-gradient(90deg,#0005,transparent 26%,#fff2 50%,#0005),var(--spine);box-shadow:inset 2px 0 5px #0006}.spine:after{content:"✦";position:absolute;inset:10% 17%;display:grid;place-items:center;border-block:3px double #f9d68f91;color:#f9d68f91;font-size:clamp(.45rem,1.5vw,1.2rem)}.spine-one{height:75%;--spine:#724849}.spine-two{height:95%;--spine:#3a6b6e}.spine-three{height:100%;--spine:#384671}.spine-four{height:82%;--spine:#986d44}.spine-five{height:87%;--spine:#55547f;transform:rotate(-17deg);transform-origin:bottom left;margin-left:2%}.plinth{position:absolute;bottom:15%;left:12%;height:8px;width:77%;transform:rotate(-7deg);border-radius:5px;background:linear-gradient(90deg,#5b4c51,#ab846052,#c5a77780);box-shadow:0 17px 22px #0b102ca0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-top:5px}.section-heading h1,.section-heading h2{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.22;margin-top:5px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0}.empty{display:grid;place-items:center;text-align:center;gap:7px;padding:32px 15px}.empty>svg{color:var(--accent);margin-bottom:3px}.empty p,.muted{color:var(--muted)}.empty button{margin-top:5px}@media(max-width:900px){.shell{grid-template-columns:166px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{margin-inline:7px}.hero{grid-template-columns:1.35fr .8fr}.hero-art{min-width:170px}.hero-copy{padding:25px}.hero h1{font-size:clamp(2.2rem,5vw,3.1rem)}}@media(max-width:680px){.shell{display:block}.sidebar{position:fixed;z-index:5;inset:auto 0 0;height:auto;padding:4px 4px max(4px,env(safe-area-inset-bottom));border-inline-end:0;border-block-start:1px solid var(--line)}.sidebar .brand,.sidebar-foot{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.sidebar nav button{justify-content:center;flex-direction:column;gap:2px;padding:4px 1px;min-height:48px;text-align:center;font-size:clamp(.57rem,1.85vw,.72rem);line-height:1.1}.sidebar nav button svg{width:17px;height:17px}.topbar{height:55px;padding-inline:15px}.content{padding:16px 13px 88px;gap:16px}.hero{min-height:295px;grid-template-columns:1fr;border-radius:18px}.hero-copy{padding:22px 17px;align-self:center}.hero h1{font-size:clamp(2rem,8.4vw,3rem);max-width:11ch}.hero p{max-width:27ch;font-size:.9em}.hero-art{position:absolute;inset:0 auto 0 -37px;width:57%;min-width:0;min-height:0;opacity:.34;z-index:-1}.hero .actions{gap:6px}.hero .actions button{padding-inline:10px}.card{padding:15px}.empty{padding-block:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.shell{background:var(--bg);color:var(--text)}.shell[data-theme=oled]{--bg:#050505;--sidebar:#0c0c0c;--surface:#111;--surface2:#191919;--line:#333;--text:#f8f2e8;--muted:#b7b7b7;--hero:#24242b}.shell[data-theme=warm]{--bg:#201912;--sidebar:#291f18;--surface:#2d231c;--surface2:#382b22;--line:#514135;--text:#fff0dc;--muted:#d2bda6;--accent:#e8b77f;--hero:#4b392c}.shell[data-theme=oled] .hero{background:linear-gradient(125deg,#141519,#282727)}.shell[data-theme=warm] .hero{background:radial-gradient(ellipse at 16% 75%,#ba87545c,transparent 35%),linear-gradient(125deg,#302520,var(--hero))}.density-compact .content{gap:12px}.density-compact .card{padding:13px}.skip{position:fixed;top:6px;right:10px;z-index:12;background:var(--accent);color:var(--accent-ink);padding:8px 14px;border-radius:8px;transform:translateY(-150%)}.skip:focus{transform:none}.main:focus{outline:none}.nav-live{width:7px;height:7px;background:var(--green);border-radius:50%;margin-inline-start:auto}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.row-between h2,.card h2{font-size:1.25em;line-height:1.32}.prose-text{white-space:pre-wrap;line-height:1.9;margin-top:7px}.notice{padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface2)}.notice p{margin-block:3px 8px}.error{color:var(--danger)}.accent-card{border-color:#ad885455;background:linear-gradient(120deg,var(--surface),#b58f4f15);display:flex;flex-wrap:wrap;align-items:center;gap:10px}.accent-card p{color:var(--muted)}.accent-card svg{color:var(--accent)}.back{display:inline-flex;justify-content:start;align-items:center;gap:7px;padding:4px 0;min-height:36px;width:fit-content;border:0;background:none;color:var(--accent);text-align:start}.back:hover{text-decoration:underline}.pill{display:inline-flex;justify-content:center;align-items:center;gap:6px;width:max-content;max-width:100%;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--muted);background:var(--surface2);font-size:.8em}.earned{color:var(--accent);border-color:#bd9a625e}.form-stack{display:grid;gap:13px}.form-stack>.primary,.form-stack>.secondary{justify-self:start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.span-all{grid-column:1/-1}.field{display:grid;gap:5px;min-width:0;font-size:.93em}.field>span{font-weight:600}.check{display:flex;align-items:center;gap:8px;min-height:32px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filters>*{min-width:0}.search{display:flex;align-items:center;gap:9px;color:var(--accent)}.search input{width:100%}input:not([type=checkbox]),select,textarea{border:1px solid var(--line);border-radius:9px;padding:8px 10px;min-width:0;max-width:100%;min-height:43px;color:var(--text);background:var(--bg);color-scheme:dark}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input[type=checkbox],input[type=range]{accent-color:#cfaa73}input[type=checkbox]{width:17px;height:17px;flex:none}textarea{resize:vertical;min-height:70px}fieldset{padding:8px 12px 10px;border:1px solid var(--line);border-radius:10px;min-width:0;margin:0}legend{padding-inline:5px;color:var(--muted)}details{border:1px solid var(--line);border-radius:9px;padding:8px 12px}details summary{cursor:pointer;color:var(--accent)}details[open] summary{margin-bottom:9px}.weekdays{display:flex;gap:5px 13px;flex-wrap:wrap}.modal{direction:rtl;width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:17px;padding:clamp(14px,4vw,24px);box-shadow:0 12px 80px #0009}.modal::backdrop{background:#060811b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal>header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.modal>header h2{font-size:1.45em}.modal>.error{margin-bottom:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{display:grid;gap:6px;align-content:start}.stat svg{color:var(--accent);margin-bottom:3px}.stat small{color:var(--muted)}.stat strong{font-size:1.37em;line-height:1.28}.book-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.book-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px;align-items:center;text-align:start;color:var(--text);padding:13px}.book-row:hover{border-color:#a6895b}.book-row>svg{color:var(--accent)}.book-row-main,.book-row-end{display:grid;gap:5px;min-width:0}.book-row-main strong{font-size:1.14em;overflow-wrap:anywhere}.book-row small,.chapter-list small,blockquote small{color:var(--muted)}.book-row-end{justify-items:end}.compact-row{background:var(--bg);border:1px solid var(--line);border-radius:12px}.cover{position:relative;display:grid;place-content:center;justify-items:center;width:42px;height:59px;flex:none;overflow:hidden;border-radius:5px;border:1px solid #bf9d6361;box-shadow:inset -4px 0 #ffffff18;color:#f1cf97;background:linear-gradient(120deg,#364768,#203148)}.cover[data-tone="1"]{background:linear-gradient(120deg,#6b4147,#462b3e)}.cover[data-tone="2"]{background:linear-gradient(120deg,#3e5e56,#253d40)}.cover[data-tone="3"]{background:linear-gradient(120deg,#775b3b,#4e3b35)}.cover img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.cover.large{width:clamp(85px,14vw,151px);height:auto;aspect-ratio:2/3;padding:11px;gap:12px;align-self:start;position:relative;text-align:center}.cover.large span{font-size:.81em;line-height:1.35;overflow-wrap:anywhere}.book-detail{display:flex;gap:clamp(13px,3vw,32px);align-items:center}.book-detail-main{min-width:0;display:grid;gap:6px;flex:1}.book-detail-main h1{font-size:clamp(1.55rem,4vw,3rem);line-height:1.24;overflow-wrap:anywhere}.book-detail-main .actions{margin-top:5px}.meter{height:7px;border-radius:999px;background:var(--bg);overflow:hidden;border:1px solid var(--line);max-width:520px}.meter>span{display:block;background:linear-gradient(90deg,#ad794e,var(--accent));height:100%;border-radius:999px}.task-card>div:nth-child(2){margin-inline-end:auto}.calendar-strip{display:flex;gap:4px;flex-wrap:wrap}.calendar-strip span{width:12px;height:12px;background:var(--surface2);border:1px solid var(--line);border-radius:3px}.calendar-strip span.done{background:#7ea997;border-color:#7ea997}.calendar-strip span.today{background:var(--accent);border-color:var(--accent)}.calendar-strip span.late{background:#9c6857;border-color:#9c6857}.table-scroll{max-height:340px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:start}th,td{text-align:start;padding:8px 9px;border-bottom:1px solid var(--line)}th{color:var(--accent);background:var(--surface2);position:sticky;top:0}.chapter-list{display:grid;gap:0;list-style:none;padding:0;margin:0}.chapter-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.index-image img{width:100%;max-height:190px;object-fit:contain;background:var(--bg);border-radius:9px}blockquote{margin:0;padding:8px 12px;border-inline-start:2px solid var(--accent);background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere}blockquote small{display:block;margin-top:5px}.badge-list{display:flex;gap:7px;flex-wrap:wrap}.bar-chart{height:155px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:clamp(2px,1vw,10px);align-items:end;border-block-end:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent 0 24%,#ffffff0b 24% 25%)}.bar-chart>div{height:100%;display:flex;align-items:end;justify-content:center}.bar-chart span{display:block;width:72%;max-width:50px;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#9b7250,var(--accent))}.focus-room{min-height:430px;display:grid;justify-items:center;align-content:center;text-align:center;gap:12px;padding-block:34px;background:radial-gradient(ellipse at 50% 0,#ceab7016,transparent 48%),var(--surface)}.focus-room h2{font-size:1.6em}.focus-icon{display:grid;place-items:center;width:60px;height:60px;border:1px solid #d3a65d6b;border-radius:17px;background:#bd945424;color:var(--accent)}.focus-form{width:min(100%,470px);text-align:start}.focus-form>.primary{justify-self:stretch}.duration-row{display:flex;gap:6px;flex-wrap:wrap}.duration-row button{min-width:43px;padding-inline:10px}.clock-ring{display:grid;place-items:center;position:relative;isolation:isolate;width:min(225px,65vw);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--fraction) * 360deg),var(--line) 0);margin:8px}.clock-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--bg);z-index:-1}.clock-ring time{font:600 clamp(2.5rem,9vw,4.2rem)/1 "IBM Plex Sans Arabic",sans-serif;font-variant-numeric:tabular-nums;color:var(--accent)}.focus-room .actions{justify-content:center}.file-button{position:relative;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-button:focus-within{outline:2px solid var(--accent);outline-offset:3px}.celebration{position:fixed;bottom:24px;left:24px;z-index:6;display:flex;gap:9px;align-items:center;padding:12px 16px;border-radius:12px;background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 28px #0008;font-weight:700}.celebration.animate{animation:celebrate .55s cubic-bezier(.19,1.2,.42,1) both}@keyframes celebrate{0%{opacity:0;transform:translateY(22px) scale(.83)}70%{opacity:1;transform:translateY(-3px) scale(1.05)}to{transform:none}}.pdf-viewport{display:grid;gap:12px}.pdf-viewport[hidden],.pdf-scroll[hidden]{display:none}.pdf-toolbar{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}.pdf-toolbar .actions,.pdf-viewport .actions{margin-top:0}.pdf-toolbar input{width:70px}.pdf-scroll{overflow:auto;padding:8px;background:#101218;border-radius:10px;direction:ltr}.pdf-sheet{position:relative;margin:auto;background:#fff;isolation:isolate}.pdf-sheet canvas{display:block;width:100%;height:100%}.pdf-sheet .textLayer{direction:ltr}.dimmed canvas{filter:invert(.88) hue-rotate(180deg)}.reflow{white-space:pre-wrap;line-height:2;max-width:65ch;margin-inline:auto;padding:15px 9px;color:var(--text)}::highlight(riwaq-pdf-highlight){background:#efc24780;color:transparent}.pdf-search input{flex:1;min-width:140px}@media(max-width:680px){.stats-grid,.stats-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stats-grid:not(.four)>:last-child:nth-child(3){grid-column:auto}.stat{gap:3px}.stat strong{font-size:1.08em}.row-between{align-items:center}.form-grid{gap:8px}.book-row{gap:8px;padding:9px}.book-row>svg{width:15px}.book-row-main small{font-size:.75em}.book-row-end .pill{font-size:.68em;padding-inline:6px}.book-row-end small{font-size:.68em}.book-detail{align-items:start}.book-detail-main .primary,.book-detail-main .secondary{padding-inline:9px}.celebration{bottom:75px;left:10px}.task-card .cover{display:none}.task-card button{white-space:nowrap}.pdf-toolbar .actions{gap:5px}.pdf-toolbar .secondary{padding-inline:8px}}@media(max-width:385px){.form-grid{grid-template-columns:1fr}.book-detail{gap:9px}.book-row>svg{display:none}.book-row{grid-template-columns:auto minmax(0,1fr) auto}}@media(max-width:680px){.stats-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid:has(>:nth-child(3):last-child) .stat{padding:11px 9px}}.catalog-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin:0}.catalog-fields div{min-width:0}.catalog-fields dt{color:var(--muted);font-size:.83em}.catalog-fields dd{margin:2px 0 0;overflow-wrap:anywhere}@media print{body:has(.print-report) .shell>*:not(main),body:has(.print-report) main>.topbar,body:has(.print-report) .content>*:not(dialog),.no-print,.modal>header{display:none!important}body:has(.print-report) .shell,body:has(.print-report) .content,.modal{display:block;padding:0;background:#fff;color:#000}.modal{position:static;border:0;width:auto;max-height:none;box-shadow:none;overflow:visible}.modal::backdrop{display:none}.print-report{color:#000}.print-report blockquote{background:#fff;color:#000;break-inside:avoid}.print-report blockquote small{color:#444}}.account-screen{min-height:100dvh;display:grid;place-items:center;padding:1rem}.account-screen>section{width:min(100%,28rem)}