@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(../media/amiri-quran-arabic-400-normal.2gicl1eg5klze.woff2)format("woff2"),url(../media/amiri-quran-arabic-400-normal.1xuv3lrmr3hz8.woff)format("woff")}
@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:700;src:url(../media/aref-ruqaa-arabic-700-normal.14fjkyxt_x-zr.woff2)format("woff2"),url(../media/aref-ruqaa-arabic-700-normal.0l-43_moqdp_5.woff)format("woff")}
@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:700;src:url(../media/aref-ruqaa-latin-700-normal.29-ixn1ur40zq.woff2)format("woff2"),url(../media/aref-ruqaa-latin-700-normal.3x4y83fxjy24p.woff)format("woff")}
@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(../media/cormorant-garamond-latin-400-normal.1fm7t8dmldrtt.woff2)format("woff2"),url(../media/cormorant-garamond-latin-400-normal.38f0-_0_stt74.woff)format("woff")}
@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(../media/cormorant-garamond-latin-400-italic.1zhb_kb4w2oq1.woff2)format("woff2"),url(../media/cormorant-garamond-latin-400-italic.3qhckdzyyfe93.woff)format("woff")}
@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(../media/cormorant-garamond-latin-500-normal.1ua6lqq3rsqyo.woff2)format("woff2"),url(../media/cormorant-garamond-latin-500-normal.410p0bora3wvy.woff)format("woff")}
@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(../media/cormorant-garamond-latin-600-normal.2k7r9iymu8ux8.woff2)format("woff2"),url(../media/cormorant-garamond-latin-600-normal.0ya_yl54k7n41.woff)format("woff")}
@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(../media/cinzel-latin-600-normal.2kktoxdq6k5qd.woff2)format("woff2"),url(../media/cinzel-latin-600-normal.0s-gj738stn36.woff)format("woff")}
@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(../media/cinzel-latin-700-normal.1fxfn3cl79teb.woff2)format("woff2"),url(../media/cinzel-latin-700-normal.0wpqk51og166a.woff)format("woff")}
:root{--lapis:#15305a;--lapis-deep:#0b1a35;--lapis-line:#2c4a7e;--gold:#a9802f;--gold-light:#e2bd6b;--gold-glow:#f3d48e;--red:#8c2a1e;--ink:#1f2330;--ink-soft:#4a4d58;--parchment:#f6efdf;--parchment-deep:#ece1c6;--cream:#f6efdf;--cream-soft:#d9d2c0;--font-quran:"Amiri Quran", serif;--font-callig:"Aref Ruqaa", "Amiri Quran", serif;--font-body:"Cormorant Garamond", Georgia, serif;--font-label:"Cinzel", Georgia, serif;--arabic-scale:1;--ease:cubic-bezier(.22, .61, .36, 1);--tabbar-h:64px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--lapis-deep)}body{min-height:100dvh;font-family:var(--font-body);color:var(--cream);background:var(--lapis-deep);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.5}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--gold-glow);outline-offset:3px;border-radius:4px}svg{display:block}.honorific{font-family:var(--font-quran);color:var(--gold-light);margin:0 .12em;font-size:1.05em;line-height:1}.eyebrow,.label{font-family:var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light);font-size:11px;font-weight:600}.eyebrow.muted{color:var(--cream-soft);opacity:.85}.gold-rule{background:linear-gradient(90deg, transparent, var(--gold-light), transparent);width:72px;height:1px;margin:18px auto;display:block}.page.night{min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));background:radial-gradient(ellipse 90% 40% at 50% 0%, #f3d48e2e, transparent 70%), linear-gradient(180deg, var(--lapis) 0%, var(--lapis-deep) 70%);background-attachment:fixed}.feed{max-width:560px;padding:calc(28px + env(safe-area-inset-top)) 20px 32px;margin:0 auto}.hero,.page-head{text-align:center;animation:rise .9s var(--ease) both;padding:18px 4px 10px}.hero .lantern-mark{color:var(--gold-light);filter:drop-shadow(0 0 18px #f3d48e73);margin:0 auto 8px;animation:5s ease-in-out infinite flicker}.hero-title{font-family:var(--font-body);color:var(--cream);margin:8px 0 10px;font-size:34px;font-weight:500;line-height:1.15}.hero-text{color:var(--cream-soft);max-width:30em;margin:0 auto;font-size:18px}.feed-section,.shelf,.about-block{animation:rise .9s var(--ease) both;margin-top:34px;animation-delay:80ms}.feed-heading{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);font-size:13px;font-weight:600}.feed-blurb{color:var(--cream-soft);margin-top:4px;font-size:16px}.row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:14px -20px 0;padding:2px 20px 8px;display:flex;overflow-x:auto}.row::-webkit-scrollbar{display:none}.row .tile{scroll-snap-align:start;flex:0 0 168px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.tile{min-height:190px;color:var(--cream);transition:transform .25s var(--ease), box-shadow .25s var(--ease);background:radial-gradient(80% 60% at 50% 20%,#f3d48e29,#0000 70%),linear-gradient(#1d3c6e,#132a52);border:1px solid #e2bd6b59;border-radius:18px 18px 10px 10px;flex-direction:column;gap:4px;padding:16px 14px 14px;text-decoration:none;display:flex;position:relative;box-shadow:0 10px 24px #030a1959}a.tile:hover,a.tile:focus-visible{transform:translateY(-3px);box-shadow:0 16px 30px #030a1973}a.tile:active{transform:scale(.98)}.tile-soon{opacity:.72;border-style:dashed;border-color:#e2bd6b47}.tile-arabic{font-family:var(--font-callig);color:var(--gold-glow);text-align:center;font-size:34px;line-height:1.5}.tile-title{font-size:21px;font-weight:600;line-height:1.2}.tile-blurb{color:var(--cream-soft);font-size:15px;line-height:1.35}.tile-status{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;margin-top:auto;padding-top:8px;font-size:10px;font-weight:600}.tile-status.ready{color:var(--gold-glow)}.tile-status.soon{color:var(--cream-soft)}.start{gap:12px;margin-top:14px;display:grid}.start-card{text-align:center;transition:transform .25s var(--ease);background:radial-gradient(70% 70% at 50% 25%,#f3d48e52,#0000 70%),linear-gradient(#24467e,#142c56);border:1px solid #e2bd6b8c;border-radius:120px 120px 16px 16px/70px 70px 16px 16px;flex-direction:column;gap:6px;padding:22px 20px;text-decoration:none;display:flex}.start-card:active{transform:scale(.98)}.start-card.quiet{text-align:left;background:#ffffff0a;border-color:#e2bd6b40;border-radius:16px}.start-title{color:var(--cream);font-size:25px;font-weight:600;line-height:1.2}.continue{gap:10px;margin-top:12px;display:grid}.continue-item{background:#ffffff0d;border:1px solid #e2bd6b4d;border-radius:14px;gap:2px;padding:14px 16px;text-decoration:none;display:grid}.mini-progress{background:#e2bd6b33;border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.mini-progress span{background:var(--gold-light);height:100%;display:block}.shelf-head{border-bottom:1px solid #e2bd6b40;justify-content:space-between;align-items:baseline;padding-bottom:6px;display:flex}.shelf-count{color:var(--cream-soft);font-size:14px;font-style:italic}.prose-page p,.prose-page li{color:var(--cream-soft);margin-top:10px}.prose-page strong{color:var(--cream)}.ticks{list-style:none}.ticks li{padding-left:22px;position:relative}.ticks li:before{content:"";border:1px solid var(--gold-light);width:8px;height:8px;position:absolute;top:.55em;left:2px;transform:rotate(45deg)}.tabbar{z-index:20;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);background:#09152bdb;border-top:1px solid #e2bd6b40;justify-content:center;gap:8px;display:flex;position:fixed;inset:auto 0 0}.tab{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--cream-soft);flex-direction:column;flex:0 120px;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.tab svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.tab[aria-current=page]{color:var(--gold-glow)}.cover{max-width:520px;padding:calc(16px + env(safe-area-inset-top)) 20px 32px;margin:0 auto}.back-link{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);padding:8px 0;font-size:11px;text-decoration:none;display:inline-block}.back-link:before{content:"‹ "}.cover-arch{text-align:center;animation:rise .9s var(--ease) both;background:radial-gradient(80% 55% at 50% 30%,#f3d48e4d,#0000 72%);border:1px solid #e2bd6b8c;border-radius:220px 220px 18px 18px/150px 150px 18px 18px;margin-top:12px;padding:38px 22px 26px}.title-arabic{font-family:var(--font-callig);color:var(--gold-glow);text-shadow:0 0 28px #f3d48e73;font-size:84px;line-height:1.45}.title-name{font-size:36px;font-weight:600;line-height:1.1}.title-meaning{color:var(--cream-soft);font-size:20px;font-style:italic}.cover-oneline{font-size:19px;line-height:1.45}.chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;list-style:none;display:flex}.chips li{color:var(--cream-soft);border:1px solid #e2bd6b66;border-radius:999px;padding:3px 10px;font-size:14px}.review-chip{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);margin-top:14px;font-size:10px;font-weight:600;display:inline-flex}.review-chip:before{content:"";border:1px solid var(--gold-light);border-radius:50%;width:8px;height:8px;margin:3px 8px 0 0}.mode-buttons{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.mode-btn{transition:transform .2s var(--ease);border-radius:16px;flex-direction:column;gap:4px;padding:18px 16px;text-decoration:none;display:flex}.mode-btn:active{transform:scale(.97)}.mode-btn.swipe{background:linear-gradient(180deg, var(--gold-light), var(--gold));color:var(--lapis-deep);box-shadow:0 10px 26px #a9802f59}.mode-btn.read{background:var(--parchment);color:var(--ink)}.mode-name{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;font-size:16px;font-weight:700}.mode-desc{font-size:15px;line-height:1.3}.coach{animation:rise .6s var(--ease) .4s both;background:#ffffff0f;border:1px solid #e2bd6b4d;border-radius:14px;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;font-size:16px;display:flex}.coach button{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-glow);flex:none;padding:8px 6px;font-size:11px}.tour-link{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--cream-soft);opacity:.75;margin:34px auto 6px;padding:8px 10px;font-size:10px;font-weight:700;display:block}.tour-link:hover,.tour-link:focus-visible{opacity:1;color:var(--gold-glow)}.tour{background:radial-gradient(ellipse at 50% 0%, #f3d48e24, transparent 60%), var(--lapis-deep);width:min(360px,100vw - 40px);color:var(--cream);text-align:center;border:1px solid #e2bd6b8c;border-radius:180px 180px 22px 22px/110px 110px 22px 22px;margin:auto;padding:30px 24px 22px;box-shadow:0 24px 60px #00000080}.tour::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050d1dd1}.tour[open]{animation:rise .4s var(--ease) both}.tour-show{min-height:78px;color:var(--gold-light);justify-content:center;align-items:center;margin-top:10px;display:flex}.tour-show .lantern-mark{filter:drop-shadow(0 0 18px #f3d48e80)}.tour-icons{gap:22px;display:inline-flex}.tour-icons svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.tour-pill,.tour-badge{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-glow);border:1px solid #e2bd6b80;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:11px;font-weight:700;display:inline-flex}.tour-pill svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.tour .eyebrow{margin:10px 0 6px}.tour-title{text-wrap:balance;margin:0;font-size:27px;font-weight:600;line-height:1.15}.tour-text{min-height:5.6em;color:var(--cream-soft);text-wrap:pretty;margin:12px 0 0;font-size:19px;line-height:1.4}.tour-dots{justify-content:center;gap:7px;margin-top:14px;display:flex}.tour-dots span{background:#e2bd6b4d;border-radius:50%;width:6px;height:6px}.tour-dots .on{background:var(--gold-light)}.tour-actions{grid-template-columns:1fr 1.6fr;align-items:center;gap:10px;margin-top:18px;display:grid}.tour-quiet{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--cream-soft);padding:12px 8px;font-size:11px;font-weight:700}.tour-next{text-align:center;width:100%}.tour button:focus-visible{outline:1px solid var(--gold-glow);outline-offset:3px}.deck{background:#050d1d;position:fixed;inset:0}.cards{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;max-width:480px;height:100dvh;margin:0 auto;overflow-y:scroll}.cards::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;scroll-snap-stop:always;background:radial-gradient(ellipse 85% 48% at 50% 36%, #f3d48e42, #f3d48e0d 60%, transparent 76%), linear-gradient(180deg, var(--lapis) 0%, var(--lapis-deep) 100%);content-visibility:auto;contain-intrinsic-size:100dvh;height:100dvh;display:flex;position:relative;overflow:hidden}.card:before{content:"";inset:calc(96px + env(safe-area-inset-top)) 16px calc(70px + env(safe-area-inset-bottom));pointer-events:none;border:1px solid #e2bd6b6b;border-radius:200px 200px 14px 14px/120px 120px 14px 14px;position:absolute}.card-inner{width:100%;max-height:100%;padding:calc(120px + env(safe-area-inset-top)) 34px calc(96px + env(safe-area-inset-bottom));text-align:center;scrollbar-width:none;margin:auto;position:relative;overflow-y:auto}.deck-top{z-index:10;width:100%;max-width:480px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:linear-gradient(#050d1dd9,#050d1d00);position:fixed;top:0;left:50%;transform:translate(-50%)}.progress{background:#e2bd6b38;border-radius:2px;height:3px;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--gold), var(--gold-glow));height:100%;transition:width .45s var(--ease);display:block}.deck-bar{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.deck-count{text-align:right;min-width:44px;font-family:var(--font-label);letter-spacing:.08em;color:var(--cream-soft);font-size:12px}.deck-meta{text-align:center;color:var(--cream-soft);margin-top:6px;font-size:13px;font-style:italic}.icon-btn{width:44px;height:44px;color:var(--cream);border-radius:50%;place-items:center;display:grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.mode-toggle{background:#050d1d80;border:1px solid #e2bd6b73;border-radius:999px;padding:3px;display:inline-flex}.mode-toggle>*{text-align:center;min-width:74px;font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--cream-soft);border-radius:999px;padding:7px 14px;font-size:11px;font-weight:600;text-decoration:none}.mode-toggle .on{background:var(--gold-light);color:var(--lapis-deep)}.go-deeper{z-index:2;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-glow);background:#050d1d8c;border:1px solid #e2bd6b66;border-radius:999px;align-items:center;gap:4px;padding:9px 16px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;transform:translate(-50%)}.go-deeper svg{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}.card-heading{color:var(--cream);margin:10px 0 16px;font-size:32px;font-weight:600;line-height:1.15}.card-heading.small{margin-bottom:18px;font-size:25px}.card-text{color:var(--cream);margin-top:12px;font-size:22px;line-height:1.45}.title-hook{white-space:pre-line;margin-bottom:26px;font-size:27px;line-height:1.3}.swipe-hint{font-family:var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);flex-direction:column;align-items:center;gap:2px;margin-top:30px;font-size:11px;animation:2.4s ease-in-out infinite nudge;display:inline-flex}.swipe-hint svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:22px;height:22px}.card .card-inner>*>*{animation:ink-in .9s var(--ease) both;animation-timeline:view();animation-range:entry 10% cover 40%}.ayah .arabic{font-family:var(--font-quran);color:var(--cream);text-align:center;line-height:2.1;font-size:calc(var(--arabic-size) * var(--arabic-scale))}.ayah-large{--arabic-size:34px}.ayah-medium{--arabic-size:27px}.ayah-small{--arabic-size:22px}.ayah-end{color:var(--gold-light);white-space:nowrap}.ayah .translation{color:var(--cream-soft);margin-top:18px;font-size:19px;font-style:italic;line-height:1.45}.ayah-small .translation{font-size:17px}.ayah .translation p+p{margin-top:8px}.ayah .translation sup{font-family:var(--font-label);color:var(--gold-light);font-size:10px;font-style:normal}.ayah-ref{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);margin-top:18px;font-size:11px}.journey{text-align:left;counter-reset:step;list-style:none;position:relative}.journey:before{content:"";background:linear-gradient(180deg, transparent, var(--gold-light) 8%, var(--gold-light) 92%, transparent);width:1px;position:absolute;top:14px;bottom:14px;left:25px}.journey button{text-align:left;grid-template-columns:52px 1fr;column-gap:12px;width:100%;padding:5px 0;display:grid}.journey .range{border:1px solid var(--gold-light);background:var(--lapis-deep);width:52px;height:26px;font-family:var(--font-label);color:var(--gold-glow);border-radius:999px;grid-row:span 2;align-self:center;place-items:center;font-size:10px;font-weight:600;display:grid;position:relative}.journey .step-title{font-size:18px;font-weight:600;line-height:1.2}.journey .step-desc{color:var(--cream-soft);font-size:14px;line-height:1.3}.trials{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trial{text-align:center;transition:transform .2s var(--ease);background:#050d1d59;border:1px solid #e2bd6b73;border-radius:60px 60px 12px 12px/36px 36px 12px 12px;flex-direction:column;gap:3px;padding:14px 12px;display:flex}.trial:active{transform:scale(.97)}.trial-n{font-family:var(--font-label);color:var(--gold-light);font-size:12px}.trial-kind{font-family:var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-glow);font-size:15px;font-weight:700}.trial-title{font-size:17px;font-weight:600}.trial-protect{color:var(--cream-soft);font-size:14px;line-height:1.3}.scene{width:180px;height:144px;color:var(--gold-light);filter:drop-shadow(0 0 12px #f3d48e59);margin:0 auto 8px}.scene path,.scene circle{stroke-dasharray:600;animation:draw 2.4s var(--ease) both;animation-timeline:view();animation-range:entry cover 45%}.lesson{color:var(--cream);margin:18px 0 6px;font-size:31px;font-weight:500;line-height:1.3;position:relative}.lesson:before{content:"";border:1px solid var(--gold-light);width:26px;height:26px;box-shadow:inset 0 0 0 5px #050d1d99, inset 0 0 0 6px var(--gold-light);margin:0 auto 18px;display:block;transform:rotate(45deg)}.hadith{margin:16px 0;font-size:26px;line-height:1.35}.hadith-source{color:var(--cream-soft);font-size:18px;font-style:italic}.grade{font-family:var(--font-label);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:5px 12px 5px 9px;font-size:11px;font-weight:700;display:inline-flex}.grade svg{fill:none;stroke:currentColor;stroke-width:2.4px;width:14px;height:14px}.grade-sahih{color:#1d4d2a;background:#d8ecd9}.grade-hasan{color:#5a4210;background:#f1e3bf}.grade-daif{color:#6e1e14;background:#f1d2cc}.grader{color:var(--cream-soft);margin-top:10px;font-size:15px}.options{gap:10px;margin-top:8px;display:grid}.options button{border:1px solid #e2bd6b73;border-radius:12px;padding:14px;font-size:20px;transition:background .25s,opacity .25s,transform .15s}.options button:active{transform:scale(.98)}.options .right{color:var(--lapis-deep);background:#e2bd6beb;font-weight:600}.options .picked{border-style:dashed}.options .dim{opacity:.45}.reflect-note{min-height:4.5em;color:var(--cream-soft);margin-top:16px;font-size:18px}.end-card .lantern-mark{color:var(--gold-light);filter:drop-shadow(0 0 20px #f3d48e8c);margin:0 auto 6px;animation:5s ease-in-out infinite flicker}.end-actions{gap:10px;margin-top:24px;display:grid}.btn{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:14px 18px;font-size:12px;font-weight:700;text-decoration:none;display:block}.btn-gold{background:linear-gradient(180deg, var(--gold-light), var(--gold));color:var(--lapis-deep)}.btn-ghost{color:var(--gold-glow);border:1px solid #e2bd6b80}.btn-link{color:var(--cream-soft)}.reader{background:radial-gradient(ellipse at 50% 0%, #ffffff8c, transparent 60%), var(--parchment-deep);min-height:100dvh;color:var(--ink)}.reader-bar{z-index:10;padding:calc(6px + env(safe-area-inset-top)) 10px 6px;-webkit-backdrop-filter:blur(10px);background:#f6efdfeb;border-bottom:1px solid #a9802f59;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.reader-bar .icon-btn{color:var(--ink)}.reader-tools{display:flex}.reader-tools .icon-btn{width:38px}.a-small{font-size:14px;font-family:var(--font-label)}.a-large{font-size:20px;font-family:var(--font-label)}.mode-toggle.light{background:#ffffff80;border-color:#a9802f99}.mode-toggle.light>*{color:var(--ink-soft)}.mode-toggle.light .on{background:var(--lapis);color:var(--parchment)}.sheet{background:var(--parchment);border:2px solid var(--gold);outline:1px solid var(--gold);outline-offset:-8px;max-width:720px;margin:16px auto 40px;padding:34px 26px 30px;position:relative;box-shadow:0 18px 40px #3c2c0a2e}@media (max-width:760px){.sheet{margin:10px}}.sheet:before,.sheet:after{content:"";background:radial-gradient(circle, var(--gold) 0 35%, transparent 40%);border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:3px}.sheet:after{left:auto;right:3px}.sheet .label,.sheet .label-heading{color:var(--red)}.sheet-head{text-align:center;border-bottom:1px solid #a9802f73;padding-bottom:20px;scroll-margin-top:80px}.sheet-arabic{font-family:var(--font-callig);color:var(--lapis);font-size:64px;line-height:1.45}.sheet-head h1{font-family:var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:var(--lapis);font-size:22px;font-weight:600}.sheet-meaning{color:var(--ink-soft);margin-bottom:6px;font-size:22px;font-style:italic}.sheet-oneline{max-width:34em;margin:14px auto 0;font-size:20px;line-height:1.45}.sheet .honorific{color:var(--gold)}.review-badge{border:1px solid var(--gold);font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);border-radius:999px;margin-top:14px;padding:4px 12px;font-size:10px;font-weight:600;display:inline-block}.sheet-block{margin-top:26px}.label-heading{font-family:var(--font-label);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:700}.sheet p{font-size:19px;line-height:1.55}.sheet p+p{margin-top:10px}.sheet-journey{gap:10px;list-style:none;display:grid}.sheet-journey li{grid-template-columns:62px 1fr;align-items:start;gap:12px;font-size:18px;line-height:1.4;display:grid}.medallion{border:1px solid var(--gold);min-width:54px;height:28px;box-shadow:inset 0 0 0 2px var(--parchment), inset 0 0 0 3px #a9802f80;font-family:var(--font-label);color:var(--lapis);border-radius:999px;place-items:center;padding:0 8px;font-size:11px;font-weight:700;display:grid}.medallion.large{min-width:72px;height:34px;font-size:13px}.sheet-stories{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.sheet-story{text-align:center;background:#ffffff59;border:1px solid #a9802f80;border-radius:80px 80px 8px 8px/40px 40px 8px 8px;padding:14px 16px}.sheet-story h3{color:var(--lapis);margin-bottom:6px;font-size:22px}.sheet-story p{text-align:left;font-size:17px}.sheet-story .protection{margin-top:8px;font-style:italic}.sheet-lessons{gap:8px;padding-left:1.3em;font-size:18px;display:grid}.sheet-lessons li::marker{font-family:var(--font-label);color:var(--gold)}.sheet-lessons .label{white-space:nowrap;margin-left:6px}.virtue{border-top:1px dashed #a9802f73;padding:12px 0}.virtue .grade{margin:0 4px;padding:2px 9px}.divider-heading{text-align:center;font-family:var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--lapis);margin:38px 0 6px;font-size:15px;font-weight:700}.divider-heading:before,.divider-heading:after{content:"";vertical-align:middle;background:var(--gold);width:40px;height:1px;margin:0 12px;display:inline-block}.sheet-section{transition:background 1.2s var(--ease);border-top:1px solid #a9802f73;margin-top:26px;padding-top:22px;scroll-margin-top:70px}.sheet-section.arrived{animation:arrive 2.4s var(--ease)}.sheet-section>header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.sheet-section h3{color:var(--lapis);font-size:25px;line-height:1.2}.key-ayah{border-left:3px solid var(--gold);background:#ffffff73;border-radius:0 10px 10px 0;margin:12px 0 18px;padding:16px 14px}.key-ayah .arabic{color:var(--ink)}.key-ayah .ayah-end{color:var(--gold)}.key-ayah .translation{color:var(--ink-soft);font-size:18px}.key-ayah .translation sup{color:var(--red)}.key-ayah figcaption{margin-top:8px}.takeaway{border:1px solid var(--gold);background:var(--lapis);color:var(--parchment);text-align:center;border-radius:10px;padding:14px 16px;font-weight:600;margin-top:16px!important;font-size:20px!important}.takeaway .honorific{color:var(--gold-light)}.read-more{border-left:2px solid var(--gold);margin-top:18px;padding:2px 0 2px 14px}.read-more .label{margin:0 0 4px}.read-more ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.read-more li{margin:0}.read-more a{color:var(--ink);font-size:19px;line-height:1.4;text-decoration:none}.read-more-text{border-bottom:1px solid var(--gold);font-style:italic}.read-more a:hover .read-more-text{border-bottom-width:2px}.read-more-site{white-space:nowrap;font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:10.5px;font-weight:700}.read-more-site svg{vertical-align:-1px;fill:none;width:11px;height:11px;stroke:var(--gold);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;margin-left:3px;display:inline-block}.read-more a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}.sheet-foot{border-top:1px solid #a9802f73;margin-top:34px;padding-top:16px}.sheet-foot p{color:var(--ink-soft);font-size:15px}@media (prefers-color-scheme:dark){.reader{color:#ece3cd;background:#15130f}.reader-bar{background:#1c1913eb}.reader-bar .icon-btn{color:#ece3cd}.sheet{color:#ece3cd;background:#221e17}.sheet .label,.sheet .label-heading{color:#e08a75}.sheet-arabic,.sheet-head h1,.sheet-section h3,.sheet-story h3,.divider-heading,.medallion{color:var(--gold-glow)}.read-more a{color:#ece3cd}.read-more-site{color:var(--cream-soft)}.sheet-meaning,.sheet-foot p,.review-badge,.key-ayah .translation{color:#c9bea4}.key-ayah,.sheet-story{background:#ffffff0a}.key-ayah .arabic{color:#f3ead6}.medallion{box-shadow:inset 0 0 0 2px #221e17,inset 0 0 0 3px #a9802f80}.mode-toggle.light{background:#0000004d}.mode-toggle.light>*{color:#c9bea4}}@media print{@page{size:A4;margin:14mm}html,body,.reader{color:#1f2330!important;background:#fff!important}.reader-bar,.tabbar{display:none!important}.sheet{box-shadow:none;max-width:none;margin:0;color:#1f2330!important;background:#fff!important}.sheet-section,.key-ayah,.sheet-story{break-inside:avoid}}.specimen{background:var(--parchment);max-width:760px;color:var(--ink);min-height:100dvh;margin:0 auto;padding:24px}.specimen h1{font-family:var(--font-label);letter-spacing:.12em;color:var(--lapis);font-size:18px}.specimen figure{border-top:1px solid var(--gold);margin-top:22px;padding-top:12px}.specimen figcaption{font-family:var(--font-label);color:var(--red);font-size:12px}.specimen .arabic{color:var(--ink)}.specimen .translation{color:var(--ink-soft)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes ink-in{0%{opacity:0;filter:blur(2px);transform:translateY(10px)}}@keyframes draw{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}@keyframes flicker{0%,to{opacity:1}45%{opacity:.88}55%{opacity:.96}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes arrive{0%{background:#e2bd6b59}to{background:0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.journey button{padding:3px 0}.journey .step-title{font-size:17px}.journey .step-desc{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.card-journey .card-inner{padding-top:calc(108px + env(safe-area-inset-top))}.card-journey .card-heading.small{margin-bottom:10px}@media (max-height:700px){.journey .step-desc{display:none}.card-heading{font-size:28px}.card-text{font-size:20px}.scene{width:140px;height:112px}.ayah-large{--arabic-size:30px}.ayah-medium{--arabic-size:24px}.ayah-small{--arabic-size:20px}.ayah .translation{font-size:17px}}.cover-arch{padding:26px 20px 20px}.cover-arch .title-arabic{font-size:62px}.cover-arch .title-name{font-size:32px}.cover-oneline{font-size:17px}.cover-arch .chips{margin-top:12px}.card-ayah .ayah-small .translation{font-size:15.5px;line-height:1.4}@media (max-height:700px){.ayah-small{--arabic-size:18px}.card-ayah .ayah .translation{margin-top:10px;font-size:15px}.card-ayah .ayah .arabic{line-height:1.9}.card-story .scene{width:110px;height:88px;margin-bottom:0}.card-story .card-heading{margin:6px 0 8px}.card-story .card-text,.card-happening .card-text{font-size:18.5px;line-height:1.4}.card-inner{padding-top:calc(112px + env(safe-area-inset-top));padding-bottom:calc(84px + env(safe-area-inset-bottom))}}.sheet p.label{font-size:11px;line-height:1.6}.sheet .review-badge{font-size:10px;line-height:1.4}.ayah-lead{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--cream-soft);margin-top:6px;font-size:17px;font-style:italic;font-weight:400;display:block}.card-ayah .ayah{margin-top:10px}.sheet p.sheet-arabic{font-size:64px;line-height:1.45}.sheet p.sheet-meaning{font-size:22px}@media (max-height:700px){.card-ayah .ayah-small{--arabic-size:17px}.card-ayah .ayah-small .translation{font-size:14px;line-height:1.35}.card-ayah .ayah-small .translation p+p{margin-top:4px}}.grade-disputed,.grade-unconfirmed{color:#3d3a33;background:#e4e0d6}.grade-disputed svg,.grade-unconfirmed svg{display:none}.sheet-feature{border:1px solid var(--gold);background:#fff6;border-radius:10px;padding:16px 18px}@media (prefers-color-scheme:dark){.sheet-feature{background:#ffffff0a}}.compare{grid-template-columns:1fr 1fr;gap:10px;display:grid;position:relative}.compare:before{content:"";background:linear-gradient(180deg, transparent, var(--gold-light), transparent);width:1px;position:absolute;top:8px;bottom:8px;left:50%}.side{text-align:center;border-radius:14px;flex-direction:column;gap:6px;padding:16px 10px;display:flex}.side-0{background:#050d1d73}.side-1{background:#f3d48e1f}.side-label{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);font-size:10px;font-weight:700}.side-title{font-size:19px;font-weight:600;line-height:1.2}.side-text{color:var(--cream-soft);font-size:16px;line-height:1.35}.side-ref{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light);margin-top:auto;font-size:9.5px}.compare-3,.compare-4{grid-template-columns:1fr;gap:8px}.compare-3:before,.compare-4:before{display:none}.compare-3 .side,.compare-4 .side{gap:3px;padding:12px 14px}.compare-3 .side-2{background:#8c2a1e38}@media (max-height:700px){.compare-3 .side-text,.compare-4 .side-text{display:none}.compare-2 .side-text{font-size:15px}}.timeline{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:12px;margin:0 -34px;padding:6px 34px 12px;list-style:none;display:flex;overflow-x:auto}.timeline::-webkit-scrollbar{display:none}.moment{scroll-snap-align:center;text-align:left;background:#050d1d6b;border:1px solid #e2bd6b73;border-radius:16px;flex-direction:column;flex:0 0 76%;gap:6px;min-height:210px;padding:18px 16px;display:flex}.moment-year{font-family:var(--font-label);color:var(--gold-glow);font-size:26px;font-weight:700}.moment-title{font-size:22px;font-weight:600;line-height:1.2}.moment-text{color:var(--cream-soft);font-size:17px;line-height:1.4}.sideways-hint{font-family:var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);margin-top:6px;font-size:10px}.sideways-hint:after{content:"  ›"}.character-medallion{border:1px solid var(--gold-light);width:84px;height:84px;font-family:var(--font-label);color:var(--gold-glow);border-radius:50%;place-items:center;margin:6px auto 4px;font-size:28px;font-weight:700;display:grid;box-shadow:inset 0 0 0 5px #050d1d8c,inset 0 0 0 6px #e2bd6b99,0 0 26px #f3d48e40}.character-role{color:var(--cream-soft);font-size:19px;font-style:italic}.quote{color:var(--cream);font-size:27px;font-style:italic;line-height:1.35}.quote:before{content:"“";color:var(--gold-light);font-size:70px;line-height:.6;display:block}.quote-by{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);margin-top:18px;font-size:11px}@media (max-height:700px){.quote{font-size:22px}.moment{min-height:180px}}.title-card .lantern-mark{color:var(--gold-light);filter:drop-shadow(0 0 18px #f3d48e73);margin:10px auto 6px}.cast{gap:8px;display:grid}.cast div{border-bottom:1px dashed #a9802f66;grid-template-columns:minmax(110px,34%) 1fr;gap:10px;padding-bottom:8px;display:grid}.cast dt{color:var(--lapis);font-size:18px;font-weight:700}.cast dd{font-size:17px}.debates{gap:10px;list-style:none;display:grid}.debates li{padding-left:30px;font-size:18px;line-height:1.45;position:relative}.debates li:before{content:"≠";font-family:var(--font-label);color:var(--red);font-size:22px;position:absolute;top:-2px;left:0}.sheet-quote{border-left:3px solid var(--gold);margin-bottom:8px;padding:6px 0 6px 18px;font-size:22px;font-style:italic;line-height:1.45}.sheet-head .lantern-mark{margin:0 auto}@media (prefers-color-scheme:dark){.cast dt{color:var(--gold-glow)}.debates li:before{color:#e08a75}}.cover-arch .lantern-mark{color:var(--gold-light);filter:drop-shadow(0 0 16px #f3d48e73);margin:6px auto 2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.search-field{background:#050d1d80;border:1px solid #e2bd6b8c;border-radius:999px;align-items:center;gap:10px;margin-top:18px;padding:12px 16px;display:flex}.search-field:focus-within{border-color:var(--gold-glow);box-shadow:0 0 0 3px #f3d48e2e}.search-field svg{fill:none;width:20px;height:20px;stroke:var(--gold-light);stroke-width:1.8px;stroke-linecap:round;flex:none}.search-field input{min-width:0;color:var(--cream);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:19px}.search-field input::placeholder{color:var(--cream-soft);opacity:.8}.search-suggest{margin-top:22px}.search-suggest .chips{justify-content:flex-start}.search-suggest .chips button{color:var(--cream);border:1px solid #e2bd6b66;border-radius:999px;padding:6px 14px;font-size:16px}.search-empty{color:var(--cream-soft);margin-top:22px}.results,.saved{gap:10px;margin-top:18px;list-style:none;display:grid}.result,.saved li{animation:rise .4s var(--ease) both;background:#ffffff0d;border:1px solid #e2bd6b40;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.result-piece{background:#f3d48e14;border-color:#e2bd6b8c}.result-main,.saved li a{flex:1;gap:2px;min-width:0;text-decoration:none;display:grid}.result-context{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);font-size:10px;font-weight:600}.result-title{font-size:19px;line-height:1.25}.result-modes{flex:none;gap:6px;display:flex}.result-modes a,.saved-remove{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-glow);border:1px solid #e2bd6b73;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:700;text-decoration:none}.save-btn svg path,.save-pill svg path{fill:none;transition:fill .25s var(--ease)}.save-btn svg path.filled,.save-pill svg path.filled{fill:var(--gold-light);stroke:var(--gold-light)}.cover-actions{justify-content:center;margin-top:14px;display:flex}.save-pill{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-glow);border:1px solid #e2bd6b80;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:11px;font-weight:700;display:inline-flex}.save-pill svg{stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.saved-empty{text-align:center;color:var(--cream-soft);justify-items:center;gap:14px;margin-top:30px;display:grid}.saved-empty svg{fill:none;width:44px;height:44px;stroke:var(--gold-light);stroke-width:1.4px}.tab{flex:1 1 0;max-width:110px}.deck-actions{justify-content:flex-end;min-width:44px;display:flex}.share-btn:disabled{opacity:.5}.letters{z-index:5;-webkit-backdrop-filter:blur(10px);background:#0b1a35e6;flex-wrap:wrap;gap:4px;margin:18px -20px 0;padding:10px 20px;display:flex;position:sticky;top:0}.letters a{min-width:32px;height:32px;font-family:var(--font-label);color:var(--gold-glow);border:1px solid #e2bd6b59;border-radius:8px;place-items:center;font-size:13px;font-weight:700;text-decoration:none;display:grid}.glossary{gap:10px;margin-top:14px;display:grid}.term{background:#ffffff0d;border:1px solid #e2bd6b40;border-radius:14px;padding:14px 16px;scroll-margin-top:70px;position:relative}.term:target{border-color:var(--gold-glow);box-shadow:0 0 0 3px #f3d48e33}.term-letter{position:absolute;top:-70px}.term dt{color:var(--cream);font-size:21px;font-weight:600}.term-plural{color:var(--cream-soft);font-size:16px;font-style:italic;font-weight:400}.term dd{color:var(--cream-soft);margin-top:4px;font-size:17px;line-height:1.45}.glossary-link{margin-top:22px}.jump{position:relative}.jump summary{cursor:pointer;list-style:none}.jump summary::-webkit-details-marker{display:none}.jump-menu{z-index:20;border:1px solid var(--gold);background:var(--parchment);width:min(300px,86vw);max-height:60vh;animation:rise .25s var(--ease) both;border-radius:12px;padding:6px;display:grid;position:absolute;top:46px;right:-90px;overflow-y:auto;box-shadow:0 16px 34px #3c2c0a40}.jump-menu a{color:var(--ink);white-space:pre-wrap;border-radius:8px;padding:9px 10px;font-size:17px;line-height:1.25;text-decoration:none}.jump-menu a[aria-current=true]{background:var(--lapis);color:var(--parchment)}@media (prefers-color-scheme:dark){.jump-menu{background:#221e17}.jump-menu a{color:#ece3cd}}@media print{.jump{display:none}}@media (max-width:380px){.reader-bar{padding-left:4px;padding-right:4px}.reader-bar .mode-toggle>*{min-width:58px;padding:7px 9px}.reader-tools .icon-btn,.reader-bar>.icon-btn{width:34px}}.path-progress{color:var(--cream-soft);text-align:center;gap:6px;margin-top:18px;font-size:15px;display:grid}.path-steps{gap:12px;margin-top:18px;list-style:none;display:grid;position:relative}.path-steps:before{content:"";background:linear-gradient(180deg, var(--gold-light), #e2bd6b33);width:1px;position:absolute;top:20px;bottom:20px;left:19px}.path-steps li{grid-template-columns:40px 1fr;align-items:start;gap:12px;display:grid;position:relative}.step-n{border:1px solid var(--gold-light);background:var(--lapis-deep);width:40px;height:40px;font-family:var(--font-label);color:var(--gold-glow);border-radius:50%;place-items:center;font-weight:700;display:grid;position:relative}.step-n svg{fill:none;width:18px;height:18px;stroke:var(--lapis-deep);stroke-width:2.6px}.seen .step-n{background:var(--gold-light)}.step-body{background:#ffffff0d;border:1px solid #e2bd6b4d;border-radius:14px;gap:2px;padding:12px 14px;text-decoration:none;display:grid}.step-arabic{font-family:var(--font-callig);color:var(--gold-glow);text-align:right;font-size:26px;line-height:1.4}.step-title{font-size:21px;font-weight:600}.step-why{color:var(--cream-soft);font-size:16px;line-height:1.35}.path-next{text-align:center;margin-top:20px}.path-card .step-why{margin-top:4px}.gloss{color:inherit;-webkit-text-decoration:underline dotted var(--gold);text-decoration:underline dotted var(--gold);text-underline-offset:3px;text-decoration-thickness:1.5px}.gloss:hover,.gloss:focus-visible{color:var(--lapis);text-decoration-style:solid}@media (prefers-color-scheme:dark){.gloss:hover,.gloss:focus-visible{color:var(--gold-glow)}}@media print{.gloss{text-decoration:none}}.chain{counter-reset:chain;gap:22px;list-style:none;display:grid}.chain li{background:#050d1d66;border:1px solid #e2bd6b73;border-radius:12px;gap:2px;padding:12px 14px;display:grid;position:relative}.chain li+li:before{content:"";background:var(--gold-light);width:1px;height:16px;position:absolute;top:-20px;left:50%}.chain li+li:after{content:"";border-right:1px solid var(--gold-light);border-bottom:1px solid var(--gold-light);width:7px;height:7px;position:absolute;top:-9px;left:calc(50% - 4px);transform:rotate(45deg)}.chain li:last-child{border-color:var(--gold-glow);background:#f3d48e24}.chain-label{font-size:19px;font-weight:600;line-height:1.25}.chain-text{color:var(--cream-soft);font-size:15px;line-height:1.35}@media (max-height:700px){.chain{gap:14px}.chain li{padding:8px 12px}.chain li+li:before{height:10px;top:-13px}.chain li+li:after{top:-7px}.chain-label{font-size:17px}.chain-text{display:none}}.text-version{text-align:center;color:var(--cream-soft);margin-top:14px;font-size:15px}.text-version a{color:var(--gold-glow)}.deck-text{max-width:680px;padding:calc(18px + env(safe-area-inset-top)) 20px 40px;background:var(--parchment);min-height:100dvh;color:var(--ink);margin:0 auto;font-size:19px;line-height:1.55}.deck-text .back-link{color:var(--red)}.deck-text h1{color:var(--lapis);margin:8px 0 4px;font-size:28px;line-height:1.2}.deck-text .label{color:var(--red)}.text-cards{gap:18px;margin:20px 0;list-style:none;display:grid}.text-cards>li{border-top:1px solid #a9802f73;padding-top:14px}.text-cards h2{color:var(--lapis);margin:4px 0;font-size:22px;line-height:1.25}.text-cards ol,.text-cards ul{padding-left:1.2em}.text-cards blockquote{border-left:3px solid var(--gold);padding-left:14px;font-style:italic}.text-cards blockquote footer{color:var(--ink-soft);font-size:15px;font-style:normal}.text-cards .lead{font-size:21px;font-weight:600}.text-cards .ayah .arabic{color:var(--ink)}.text-cards .ayah .translation{color:var(--ink-soft)}.text-cards .ayah-end{color:var(--gold)}@media (prefers-color-scheme:dark){.deck-text{color:#ece3cd;background:#15130f}.deck-text h1,.text-cards h2{color:var(--gold-glow)}.text-cards .ayah .arabic{color:#f3ead6}.text-cards .ayah .translation,.text-cards blockquote footer{color:#c9bea4}}.auth .hero .lantern-mark,.auth .hero{margin-left:auto;margin-right:auto}.auth-form{gap:12px;margin-top:18px;display:grid}.field{gap:6px;display:grid}.field span{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);font-size:11px;font-weight:600}.field input{color:var(--cream);font:inherit;background:#050d1d8c;border:1px solid #8a8f9c;border-radius:12px;padding:13px 16px;font-size:19px}.field input:focus{outline:2px solid var(--gold-glow);outline-offset:2px}.auth-note{color:var(--cream-soft);font-size:15px}.auth-note.centre{text-align:center;margin-top:22px}.auth-note a{color:var(--gold-glow)}.auth-error,.auth-ok{border-radius:10px;padding:10px 14px;font-size:16px}.auth-error{color:#6e1e14;background:#f1d2cc}.auth-ok{color:#1d4d2a;background:#d8ecd9}.auth-done{text-align:center;background:#f3d48e14;border:1px solid #e2bd6b80;border-radius:16px;margin-top:22px;padding:20px}.auth-big{margin-bottom:6px;font-size:26px;font-weight:600}button.btn{cursor:pointer;border:0;width:100%}button.btn:disabled{opacity:.6}.btn-danger{color:#fff;background:#8c2a1e}.account{gap:18px;margin-top:10px;display:grid}.account-facts{background:#ffffff0d;border:1px solid #e2bd6b4d;border-radius:14px;gap:8px;padding:14px 16px;display:grid}.account-facts div{justify-content:space-between;gap:12px;display:flex}.account-facts dt{color:var(--cream-soft)}.account-facts dd{text-align:right;overflow-wrap:anywhere;font-weight:600}.danger summary{cursor:pointer;color:#f1b5a8;font-size:16px}.account-link{top:calc(16px + env(safe-area-inset-top));font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-glow);border:1px solid #e2bd6b73;border-radius:999px;padding:7px 14px;font-size:10px;font-weight:700;text-decoration:none;position:absolute;right:20px}.feed{position:relative}.prose-page a,.hero-text a{color:var(--gold-glow)}.ws{background:var(--parchment-deep);min-height:100dvh;color:var(--ink)}.ws-main{max-width:820px;padding:calc(18px + env(safe-area-inset-top)) 20px 60px;margin:0 auto}.ws-main h1{color:var(--lapis);margin:6px 0 8px;font-size:32px;line-height:1.15}.ws-main h2{color:var(--lapis);margin-bottom:8px;font-size:22px}.ws-back{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-size:11px;font-weight:700;text-decoration:none}.ws-back:before{content:"‹ "}.ws a{color:var(--lapis)}.ws-who,.ws-help,.ws-meta{color:var(--ink-soft);font-size:16px}.ws-help{margin:10px 0 16px}.ws-list,.ws-people,.ws-trail,.ws-audit{gap:10px;list-style:none;display:grid}.ws-list a{background:var(--parchment);color:var(--ink);border:1px solid #a9802f80;border-radius:12px;gap:3px;padding:14px 16px;text-decoration:none;display:grid}.ws-kind{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-size:10px;font-weight:700}.ws-title{text-transform:none;font-size:20px;font-weight:600}.ws-status{border-radius:999px;justify-self:start;margin:4px 0;padding:3px 10px;font-size:14px;font-weight:600;display:inline-block}.ws-awaiting{color:#3d3a33;background:#e4e0d6}.ws-revision{color:#5a4210;background:#f1e3bf}.ws-approved{color:#1d4d2a;background:#d8ecd9}.ws-panel,.ws-part{background:var(--parchment);border:1px solid #a9802f80;border-radius:14px;margin-top:22px;padding:18px;scroll-margin-top:20px}.ws-part p{font-size:18px;line-height:1.55}.ws-part p+p{margin-top:8px}.ws-form{gap:8px;margin-top:12px;display:grid}.ws-form label{color:var(--ink-soft);gap:4px;font-size:15px;display:grid}.ws textarea,.ws input,.ws select{font:inherit;color:var(--ink);background:#fffdf8;border:1px solid #8a8f9c;border-radius:8px;padding:9px 11px;font-size:17px}.ws-btn{border:1px solid var(--lapis);color:var(--lapis);font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;justify-self:start;padding:9px 16px;font-size:11px;font-weight:700}.ws-primary{background:var(--lapis);color:var(--parchment)}.ws-danger{border-color:var(--red);color:var(--red)}.ws-trail{border-top:1px dashed #a9802f80;margin-top:16px;padding-top:12px}.ws-trail li,.ws-audit li{font-size:16px}.ws-audit code{color:var(--ink-soft);overflow-wrap:anywhere;font-size:13px;display:block}.ws-comments{border-top:1px dashed #a9802f80;gap:10px;margin-top:14px;padding-top:12px;display:grid}.ws-comment{background:#fffdf8;border:1px solid #a9802f59;border-radius:10px;padding:10px 12px}.ws-comment.resolved{opacity:.6}.ws-by{color:var(--ink-soft);font-size:13px!important}.ws-reply{border-left:2px solid #a9802f80;margin:8px 0 0 14px;padding-left:10px}.ws-row,.ws-inline{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.ws-inline input{flex:1;min-width:160px}.ws-people li{background:var(--parchment);border:1px solid #a9802f80;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.ws .auth-ok,.ws .auth-error{margin:10px 0}.numeral{font-family:var(--font-label);color:#0000;-webkit-text-stroke:1.5px var(--gold-light);text-shadow:0 0 34px #f3d48e59;margin-bottom:4px;font-size:108px;font-weight:700;line-height:1;display:block}.text-card .scene{margin-bottom:4px}@media (max-height:700px){.numeral{font-size:80px}.card-happening .scene{width:110px;height:88px}}.tile-scene{height:64px;color:var(--gold-light);place-items:center;display:grid}.tile-scene .scene{width:80px;height:64px;margin:0}.paths-row .path-card{scroll-snap-align:start;text-align:left;flex:0 0 250px}.paths-row .start-title{font-size:21px}.paths-row .tile-blurb{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.shelf-jump{z-index:5;background:var(--lapis-deep);scrollbar-width:none;gap:8px;margin:0 -20px 18px;padding:10px 20px;display:flex;position:sticky;top:0;overflow-x:auto}.shelf-jump::-webkit-scrollbar{display:none}.shelf-jump a{border:1px solid var(--lapis-line);color:var(--gold-light);font-family:var(--font-label);letter-spacing:.04em;white-space:nowrap;border-radius:999px;flex:none;padding:7px 14px;font-size:12px;text-decoration:none}.shelf{scroll-margin-top:64px}@media (max-height:640px){.end-card .lantern-mark{width:32px;height:32px}.end-card .eyebrow{letter-spacing:.08em;line-height:1.25}.end-card .card-heading{font-size:26px}.end-actions{gap:8px;margin-top:16px}.end-actions .btn{padding:11px 16px}}.cover-about{max-width:34ch;color:var(--cream-soft);text-align:center;margin:22px auto 0;font-size:17px;line-height:1.55}@media (max-height:640px){.cover-arch .lantern-mark{display:none}.cover-arch{padding-top:22px;padding-bottom:16px}.cover-arch .gold-rule{margin:10px auto}}.sheet-thread p{font-size:21px;font-style:italic;line-height:1.5}.section-thread{border-left:2px solid var(--gold);color:var(--ink-soft);margin:0 0 14px;padding-left:14px;font-style:italic}.closer{border:1px solid var(--gold);background:var(--parchment-deep);border-radius:10px;margin:18px 0;padding:16px 18px;scroll-margin-top:70px}.closer h4{margin:4px 0 8px;font-size:22px;line-height:1.25}.closer p{margin:0 0 10px}.closer .closer-sources{color:var(--ink-soft);margin:0;font-size:14px}.compare-translations{border-top:1px solid var(--gold);gap:12px;margin:12px 0;padding-top:12px;display:grid}@media (min-width:700px){.compare-translations{grid-template-columns:1fr 1fr}}.resume-bar{z-index:20;border:1px solid var(--gold);background:var(--lapis);max-width:640px;color:var(--parchment);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:10px 12px 10px 16px;font-size:16px;display:flex;position:fixed;bottom:14px;left:12px;right:12px;box-shadow:0 8px 24px #0b1a3559}.btn-resume{background:var(--gold-light);color:var(--lapis-deep);font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;flex:none;padding:9px 14px;font-size:12px}@media print{.resume-bar{display:none}}.ayah-more{color:var(--cream-soft);margin-top:10px;font-size:14px;font-style:italic}.card-reflect .go-deeper{display:none}.card-reflect .card-inner{padding-bottom:calc(28px + env(safe-area-inset-bottom))}@media (max-height:640px){.card-inner{padding-top:calc(98px + env(safe-area-inset-top));padding-bottom:calc(66px + env(safe-area-inset-bottom))}.title-card .title-arabic{font-size:56px;line-height:1.3}.title-card .lantern-mark{width:40px;height:40px;margin:0 auto 4px}.title-card .title-name{font-size:28px}.title-card .title-meaning{font-size:17px}.title-card .title-hook{margin-bottom:12px;font-size:21px}.title-card .gold-rule{margin:10px auto}.reflect-card .card-heading{font-size:21px;line-height:1.25}.options{gap:7px}.options button{padding:9px 12px;font-size:17px}.reflect-note{min-height:3em;margin-top:8px;font-size:15px}.ayah-large{--arabic-size:29px}.ayah-small{--arabic-size:20px}.ayah-medium .translation{font-size:17px}.ayah-small .translation{font-size:15.5px}.ayah .arabic{line-height:1.85}.ayah .translation{margin-top:10px;line-height:1.35}.ayah-ref{margin-top:10px}.card-text{margin-top:8px;font-size:20px;line-height:1.4}.card-heading{margin:6px 0 10px}.text-card .card-heading:not(.small){font-size:28px}.card-happening .scene{width:80px;height:64px}.ayah-more{margin-top:4px;font-size:13px}.ayah-medium{--arabic-size:21px}.ayah-small .arabic{line-height:1.7}}.reader-toc{display:none}@media (min-width:1160px){.reader-toc{z-index:5;gap:2px;width:190px;max-height:calc(100vh - 110px);font-size:15px;line-height:1.3;display:grid;position:fixed;top:84px;left:max(16px,50vw - 590px);overflow-y:auto}.reader-toc .label{margin:0 0 6px}.reader-toc a{color:var(--ink-soft);border-left:2px solid #0000;padding:5px 8px;text-decoration:none}.reader-toc a[aria-current=true]{border-left-color:var(--gold);color:var(--ink);font-weight:600}}@media print{.reader-toc{display:none}}@media (max-height:640px){.trials{gap:6px}.trial{padding:7px 10px}.trial-protect{font-size:13.5px;line-height:1.25}.virtue-card .card-text,.hadith-card .card-text{font-size:17px;line-height:1.35}.hadith-card .hadith{font-size:19px;line-height:1.35}.hadith-card .grader{font-size:13px}.trials-card .card-heading{margin-bottom:6px;font-size:21px}}.place-note{max-width:46ch;color:var(--ink-soft);margin:4px auto 0;font-size:15px;font-style:italic}@media (max-height:640px){.title-card .title-hook{margin-bottom:8px;font-size:19.5px;line-height:1.25}.end-card .card-text{font-size:17px;line-height:1.3}}