@import "https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Reem+Kufi:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Outfit:wght@300;400;500;600&display=swap";@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Amiri-Regular.woff2)format("woff2")}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Amiri-Bold.woff2)format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/NotoNaskhArabic-Regular.woff2)format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/NotoNaskhArabic-Bold.woff2)format("woff2")}@font-face{font-family:Scheherazade New;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ScheherazadeNew-Regular.woff2)format("woff2")}@font-face{font-family:Scheherazade New;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/ScheherazadeNew-Bold.woff2)format("woff2")}:root{--bg:oklch(95.9% .018 86.1);--bg-paper:oklch(97.8% .013 86.5);--panel:oklch(99.4% .007 88.6);--ink:oklch(26.5% .019 73.8);--ink-soft:oklch(55.5% .025 73.9);--ink-faint:oklch(66.5% .023 75);--line:oklch(88.6% .036 83.8);--line-soft:oklch(92.8% .026 84.5);--gold:oklch(71.6% .112 80);--gold-deep:oklch(58% .101 79);--green:oklch(39.1% .132 264);--accent:oklch(55% .118 51);--sacred-red:#b42318;--shadow:#382c1824;--glow:color-mix(in srgb, var(--gold) 18%, transparent);--surface-glass:color-mix(in srgb, var(--panel) 88%, transparent);--fs:1}[data-theme=night]{--bg:#14140f;--bg-paper:#1a1812;--panel:#242118;--ink:#f0e7d3;--ink-soft:#c3b597;--ink-faint:#8a7d62;--line:#39311f;--line-soft:#2c261a;--gold:#d8ad53;--gold-deep:#bf9135;--green:#7f9df5;--accent:#e19a76;--sacred-red:#ff6b5f;--shadow:#00000080;--glow:#d2ab4f2e;--surface-glass:color-mix(in srgb, var(--panel) 82%, transparent)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:linear-gradient(color-mix(in srgb, var(--line) 18%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 18%, transparent) 1px, transparent 1px), radial-gradient(120% 80% at 14% 58%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 48%), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;background-size:18px 18px,18px 18px,auto,auto;font-family:Outfit,system-ui,sans-serif;transition:background .5s,color .5s}#root{min-height:100vh}.paper-bg{z-index:0;pointer-events:none;background:radial-gradient(70% 55% at 88% 42%, color-mix(in srgb, var(--green) 6%, transparent), transparent 58%), radial-gradient(80% 52% at 10% 70%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 62%), radial-gradient(120% 80% at 50% -10%, var(--glow), transparent 55%);position:fixed;inset:0}.paper-bg:after{content:"";opacity:.55;background-image:linear-gradient(color-mix(in srgb, var(--line) 28%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 28%, transparent) 1px, transparent 1px);mix-blend-mode:multiply;background-size:18px 18px;position:absolute;inset:0}.paper-bg:before{content:"البُرْدَة";color:color-mix(in srgb, var(--green) 6%, transparent);opacity:.38;direction:rtl;font-family:Reem Kufi,Amiri,serif;font-size:clamp(190px,28vw,390px);line-height:1;position:absolute;top:24vh;right:-5vw;transform:rotate(-10deg)}.no-texture .paper-bg:after{display:none}.ar{direction:rtl;font-family:Amiri,Noto Naskh Arabic,Scheherazade New,serif}.display-aref{font-family:Aref Ruqaa,Amiri,serif}.display-kufi{font-family:Reem Kufi,Amiri,serif}.display-amiri{font-family:Amiri,Noto Naskh Arabic,serif;font-weight:700}.display-beginner{font-family:Noto Naskh Arabic,Scheherazade New,Amiri,serif;font-weight:700}.fr-serif{font-family:Cormorant Garamond,serif}.label{text-transform:uppercase;letter-spacing:.22em;font-family:Outfit,sans-serif}.diamond{background:var(--gold);width:7px;height:7px;display:inline-block;transform:rotate(45deg)}.rub{color:var(--gold)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:var(--glow)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}::-webkit-scrollbar-track{background:0 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes homeCueFloat{0%,to{opacity:.86;transform:translateY(-1px)}50%{opacity:1;transform:translateY(5px)}}@keyframes homeCueFloatUp{0%,to{opacity:.86;transform:translateY(1px)}50%{opacity:1;transform:translateY(-5px)}}@keyframes homeCuePulse{0%,to{opacity:.38;transform:scale(.76)}50%{opacity:.86;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.app-wrap{z-index:1;--fs:1;--reader-max:min(1040px, calc(100vw - 32px));--translation-max:760px;--bayt-grid-gap:26px;position:relative}.app-wrap.text-width-comfort{--reader-max:720px;--translation-max:560px;--bayt-grid-gap:22px}.app-wrap.text-width-large{--reader-max:min(1040px, calc(100vw - 32px));--translation-max:760px;--bayt-grid-gap:26px}.app-wrap.text-width-full{--reader-max:min(1280px, calc(100vw - 16px));--translation-max:min(920px, calc(100vw - 48px));--bayt-grid-gap:32px}.cover{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:48px 22px;display:flex;position:relative}.cover-frame{width:100%;max-width:560px;padding:54px 30px 46px;animation:.9s both fadeUp;position:relative}.cover-rule{color:var(--ink-faint);justify-content:center;align-items:center;gap:14px;max-width:320px;margin:0 auto;display:flex}.cover-rule .ln{background:linear-gradient(90deg, transparent, var(--line), transparent);flex:1;height:1px}.basmala{color:var(--gold-deep);letter-spacing:.01em;opacity:.9;margin-bottom:30px;font-size:19px}.cover-collection{color:var(--ink-faint);margin-bottom:26px;font-size:10.5px}.cover-title{color:var(--green);margin:6px 0 0;font-size:clamp(48px,12vw,86px);font-weight:700;line-height:1}.cover-sub-ar{color:var(--ink);margin-top:18px;font-size:clamp(20px,5vw,27px);font-weight:400}.cover-orn{color:var(--gold);margin:24px 0;font-size:26px;line-height:1}.cover-prophet{color:var(--gold-deep);margin:0 0 4px;font-size:clamp(17px,4.5vw,22px)}.cover-fr-title{color:var(--ink-soft);margin-top:30px;font-size:15px}.cover-fr-sub{color:var(--ink-soft);margin-top:4px;max-width:360px;margin-inline:auto;font-size:17px;font-style:italic}.cover-cta{background:var(--green);color:var(--bg-paper);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 10px 30px -12px var(--shadow);border-radius:2px;align-items:center;gap:12px;margin-top:38px;padding:15px 30px;font-size:12.5px;transition:transform .25s,box-shadow .25s,background .3s;display:inline-flex}.cover-cta:hover{box-shadow:0 16px 36px -14px var(--shadow);transform:translateY(-2px)}.cover-cta .ar{text-transform:none;letter-spacing:0;opacity:.85;font-size:16px}.cover-meta{color:var(--ink-faint);letter-spacing:.12em;flex-direction:column;align-items:center;gap:6px;padding:0 16px;font-size:10px;display:flex;position:absolute;bottom:26px;left:0;right:0}.corner{border:1.5px solid var(--gold);opacity:.6;width:26px;height:26px;position:absolute}.corner.tl{border-bottom:0;border-right:0;top:8px;left:8px}.corner.tr{border-bottom:0;border-left:0;top:8px;right:8px}.corner.bl{border-top:0;border-right:0;bottom:8px;left:8px}.corner.br{border-top:0;border-left:0;bottom:8px;right:8px}.min-orn .corner,.min-orn .cover-orn{opacity:0}.home-screen{width:min(1180px,100vw - 48px);margin:0 auto;padding:46px 0 132px}.home-dashboard{grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);align-items:stretch;gap:34px;animation:.65s both fadeUp;display:grid}.home-hero-card{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--panel) 96%, transparent), color-mix(in srgb, var(--bg-paper) 82%, transparent)), var(--panel);min-height:348px;box-shadow:0 24px 60px -42px var(--shadow);border-radius:8px;padding:clamp(28px,3.4vw,46px);position:relative;overflow:hidden}.home-hero-card:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--gold) 14%, transparent), transparent 72%);pointer-events:none;height:56%;position:absolute;inset:auto -12% -34% 22%}.home-card-diamond{border:1px solid var(--gold);opacity:.78;width:38px;height:38px;position:absolute;top:34px;right:34px;transform:rotate(45deg)}.home-hero-kicker{color:var(--green);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 24px;font-size:11px;font-weight:700;display:inline-flex}.home-kicker-line{background:var(--gold);width:24px;height:1px}.home-title{color:var(--green);text-align:right;margin:0;font-size:clamp(50px,6.4vw,82px);font-weight:700;line-height:1.05}.home-hero-title{max-width:620px;color:var(--ink);letter-spacing:0;margin:26px 0 0;font-size:clamp(30px,3.6vw,42px);line-height:1.08}.home-hero-copy{max-width:570px;color:var(--ink-soft);margin:22px 0 0;font-size:17px;line-height:1.52}.home-hero-actions{z-index:1;flex-wrap:wrap;gap:12px;margin-top:24px;display:flex;position:relative}.home-hero-btn{border:1px solid var(--line);min-height:48px;color:var(--green);background:color-mix(in srgb, var(--panel) 88%, transparent);box-shadow:0 16px 30px -24px var(--shadow);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-weight:700;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.home-hero-btn:hover{border-color:var(--gold);transform:translateY(-1px)}.home-hero-btn.primary{color:var(--panel);background:var(--green);border-color:#0000}.home-hero-btn.secondary{color:var(--green);border-color:color-mix(in srgb, var(--accent) 34%, var(--line));background:color-mix(in srgb, var(--green) 8%, var(--panel))}.home-hero-btn svg{flex:none;width:17px;height:17px}.home-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.home-stat{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 96%, transparent);min-height:132px;box-shadow:0 22px 54px -44px var(--shadow);border-radius:8px;align-content:center;justify-items:start;gap:9px;padding:22px 20px;display:grid}.home-stat-value{color:var(--green);font-variant-numeric:tabular-nums;font-size:clamp(28px,4vw,34px);font-weight:700;line-height:1}.home-stat-label-ar{color:var(--ink-faint);justify-self:end;font-size:16px;line-height:1.15}.home-stat-label{color:var(--ink);font-size:15px;font-weight:700;line-height:1.15}.home-band{margin-top:22px}.home-band-featured{margin-top:24px}.home-section-label{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;align-items:baseline;gap:10px;margin:0 0 10px;font-size:11px;font-weight:600;display:flex}.home-section-label .ar{letter-spacing:0;text-transform:none;color:var(--green);font-size:18px}.home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.home-grid-main{grid-template-columns:repeat(2,minmax(0,1fr))}.home-action{border:1px solid var(--line);text-align:left;background:color-mix(in srgb, var(--panel) 95%, transparent);min-height:132px;box-shadow:0 20px 52px -44px var(--shadow);border-radius:8px;align-items:flex-start;gap:14px;padding:20px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.home-action:hover:not(:disabled){border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, var(--panel));box-shadow:0 24px 58px -42px var(--shadow);transform:translateY(-2px)}.home-action:disabled{opacity:.45;cursor:default}.home-action.strong{border-color:color-mix(in srgb, var(--green) 45%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--green) 10%, var(--panel)), color-mix(in srgb, var(--gold) 6%, var(--panel)))}.home-action-icon{border:1px solid color-mix(in srgb, var(--gold) 42%, transparent);width:42px;height:42px;color:var(--gold-deep);background:color-mix(in srgb, var(--bg-paper) 88%, var(--gold) 12%);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.home-action.strong .home-action-icon{color:var(--bg-paper);background:var(--green);border-color:#0000}.home-action-icon svg{width:19px;height:19px}.home-action-copy{flex-direction:column;gap:7px;min-width:0;display:flex}.home-action-label{color:var(--ink);font-size:16px;font-weight:700;line-height:1.22}.home-action-label-ar{color:var(--green);font-size:22px;font-weight:700;line-height:1.2}.home-action-detail{color:var(--ink-soft);font-family:Cormorant Garamond,serif;font-size:16px;line-height:1.35}.home-action-detail-ar{color:var(--gold-deep);font-size:15px;line-height:1.45}.home-more-cue{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:24;border:1px solid color-mix(in srgb, var(--gold) 44%, transparent);background:color-mix(in srgb, var(--bg-paper) 76%, transparent);width:50px;height:50px;color:var(--green);box-shadow:0 18px 42px -20px var(--shadow), inset 0 0 0 1px #ffffff57;opacity:0;pointer-events:none;visibility:hidden;-webkit-backdrop-filter:blur(14px);border-radius:999px;justify-content:center;align-items:center;transition:opacity .24s,transform .24s,visibility .24s step-end,border-color .2s,background .2s,color .2s;display:inline-flex;position:fixed;transform:translate(-50%,14px)scale(.96)}.home-more-cue.show{opacity:.95;pointer-events:auto;visibility:visible;transition:opacity .24s,transform .24s,visibility step-start,border-color .2s,background .2s,color .2s;transform:translate(-50%)scale(1)}.home-more-cue--top{top:calc(72px + env(safe-area-inset-top));bottom:auto;transform:translate(-50%,-14px)scale(.96)}.home-more-cue--top.show{transform:translate(-50%)scale(1)}.home-more-cue:disabled{cursor:default}.home-more-cue:hover:not(:disabled){border-color:var(--gold);background:color-mix(in srgb, var(--bg-paper) 84%, var(--gold) 16%);color:var(--gold-deep);box-shadow:0 20px 44px -18px var(--shadow), 0 0 0 5px color-mix(in srgb, var(--gold) 12%, transparent), inset 0 0 0 1px #ffffff6b;transform:translate(-50%,-2px)scale(1.03)}.home-more-cue--top:hover:not(:disabled){transform:translate(-50%,-2px)scale(1.03)}.home-more-cue:before{content:"";border:1px solid color-mix(in srgb, var(--gold) 28%, transparent);border-radius:inherit;opacity:.72;position:absolute;inset:7px}.home-more-cue:after{content:"";background:var(--gold);border-radius:999px;width:4px;height:4px;animation:1.9s ease-in-out infinite homeCuePulse;position:absolute;top:9px}.home-more-cue--top:after{top:auto;bottom:9px}.home-more-cue-mark{z-index:1;justify-content:center;align-items:center;animation:1.9s ease-in-out infinite homeCueFloat;display:inline-flex;position:relative}.home-more-cue--top .home-more-cue-mark{animation-name:homeCueFloatUp}.home-more-cue svg{stroke-width:1.9px;width:22px;height:22px}.home-more-cue--top svg{transform:rotate(180deg)}[data-theme=night] .home-more-cue{background:color-mix(in srgb, var(--panel) 74%, transparent);box-shadow:0 18px 44px -18px #000000b8, inset 0 0 0 1px color-mix(in srgb, var(--gold) 12%, transparent)}.topbar{z-index:30;background:color-mix(in srgb, var(--bg-paper) 96%, transparent);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;height:60px;padding:0 16px;display:flex;position:sticky;top:0}.topbar-shell{background:color-mix(in srgb, var(--panel) 96%, transparent);justify-content:space-between;gap:18px;height:72px;padding-inline:max(18px,50vw - 572px)}.topbar-brand{text-align:left;min-width:0;max-width:286px;color:var(--ink);border-radius:999px;flex:220px;align-items:center;gap:12px;padding:7px 8px 7px 0;display:inline-flex}.topbar-brand:hover .brand-sigil{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, var(--panel))}.brand-sigil{border:1px solid color-mix(in srgb, var(--gold) 58%, var(--line));width:42px;height:42px;color:var(--gold-deep);background:color-mix(in srgb, var(--panel) 88%, var(--gold) 10%);box-shadow:0 12px 26px -22px var(--shadow);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.brand-copy{gap:1px;min-width:0;display:grid}.brand-copy strong{color:var(--ink);letter-spacing:0;font-size:17px;line-height:1.05}.brand-copy .ar{color:var(--ink-soft);text-align:center;font-size:12px;line-height:1}.primary-nav{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);border-radius:999px;flex:0 auto;justify-content:center;align-items:center;gap:3px;min-width:0;padding:4px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff47}.primary-nav button{min-height:38px;color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:0 15px;font-size:13px;font-weight:700;transition:color .2s,background .2s}.primary-nav button:hover,.primary-nav button.active{color:var(--green);background:color-mix(in srgb, var(--green) 11%, var(--panel))}.shell-tools{flex:220px;justify-content:flex-end;min-width:0}.topbar-menu-btn{display:none}.tb-title{text-align:center;flex:1;min-width:0}.tb-title .a{color:var(--ink);font-size:17px;line-height:1.1}.tb-title .f{color:var(--ink-faint);letter-spacing:.12em;margin-top:2px;font-size:10px}.icon-btn{width:40px;height:40px;color:var(--ink-soft);border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.icon-btn:hover{background:color-mix(in srgb, var(--panel) 80%, var(--line-soft));color:var(--ink);border-color:var(--line)}.icon-btn.on{color:var(--gold-deep)}.tb-cluster{align-items:center;gap:2px;display:flex}.fontsize-grp{border:1px solid var(--line);border-radius:20px;align-items:center;display:inline-flex}.fontsize-grp button{width:34px;height:32px;color:var(--ink-soft);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.fontsize-grp button:hover{color:var(--ink)}.fontsize-grp .div{background:var(--line);width:1px;height:16px}.lang-toggle{border:1px solid var(--line);border-radius:20px;align-items:center;gap:2px;height:32px;padding:2px;display:inline-flex}.lang-toggle button{height:26px;color:var(--ink-faint);letter-spacing:.06em;border-radius:16px;padding:0 11px;font-size:11px;transition:all .2s}.lang-toggle button.sel{background:var(--green);color:var(--bg-paper)}.lang-toggle .ar{font-family:Amiri,serif;font-size:14px}.shell-ui-lang{background:color-mix(in srgb, var(--panel) 86%, transparent);border-radius:999px;height:42px}.shell-ui-lang button{height:34px;min-height:34px;color:var(--green);font-weight:700}.translation-toggle button{white-space:nowrap;padding-inline:8px}.audio-read-mode-top{background:color-mix(in srgb, var(--bg-paper) 84%, transparent);flex:none}.audio-read-mode-top button{min-height:30px;padding:0 8px}.progress-line{background:var(--line-soft);z-index:29;height:2px;position:sticky;top:60px}.progress-line .fill{background:linear-gradient(90deg, var(--gold), var(--gold-deep));height:100%;transition:width .5s}.mobile-reader-tools{display:none}.view-reader .topbar{z-index:42;position:fixed;top:0;left:0;right:0}.view-reader .progress-line{z-index:41;position:fixed;top:60px;left:0;right:0}.view-reader .reader{padding-top:70px;padding-bottom:calc(214px + env(safe-area-inset-bottom))}.view-reader .bayt{scroll-margin-top:136px;scroll-margin-bottom:208px}.view-reader .audio-bar{z-index:39}.view-reader .bottom-nav{z-index:38}.pwa-install-nudge{top:calc(72px + env(safe-area-inset-top));z-index:43;border:1px solid color-mix(in srgb, var(--gold) 34%, var(--line));max-width:760px;color:var(--ink);background:color-mix(in srgb, var(--bg-paper) 94%, var(--gold) 6%);box-shadow:0 18px 42px -24px var(--shadow);-webkit-backdrop-filter:blur(14px);border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto 34px;align-items:center;gap:10px;margin:0 auto;padding:10px;display:grid;position:fixed;left:12px;right:12px}.view-cover .pwa-install-nudge{top:calc(16px + env(safe-area-inset-top))}.view-reader .pwa-install-nudge{top:calc(108px + env(safe-area-inset-top))}.pwa-install-icon,.pwa-install-close{border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.pwa-install-icon{color:var(--bg-paper);background:var(--green)}.pwa-install-copy{min-width:0;color:var(--ink-soft);flex-direction:column;gap:2px;font-size:12px;line-height:1.32;display:flex}.pwa-install-copy strong{color:var(--green);font-size:12.5px;line-height:1.25}.pwa-install-status{color:var(--gold-deep)}.pwa-install-action{border:1px solid var(--green);min-height:34px;color:var(--bg-paper);background:var(--green);white-space:nowrap;border-radius:8px;padding:0 12px;font-size:12px}.pwa-install-action:hover{background:color-mix(in srgb, var(--green) 88%, black)}.pwa-install-close{color:var(--ink-faint)}.pwa-install-close:hover{color:var(--ink);background:var(--line-soft)}.reader{max-width:var(--reader-max);margin:0 auto;padding:8px 24px 190px}.reader-learning{max-width:1180px}.ch-head{text-align:center;padding:52px 0 30px;animation:.7s both fadeUp}.ch-medallion{justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 22px;display:flex;position:relative}.ch-medallion .ring{border:1px solid var(--gold);position:absolute;inset:0;transform:rotate(45deg)}.ch-medallion .ring2{border:1px solid var(--line);border-radius:50%;position:absolute;inset:8px}.ch-medallion .num{color:var(--gold-deep);font-family:Aref Ruqaa,serif;font-size:24px}.ch-title-row{justify-content:center;align-items:flex-start;gap:10px;max-width:min(100%,680px);margin:0 auto;display:inline-flex}.ch-title-ar{color:var(--green);margin:0;font-size:clamp(30px,7vw,42px);line-height:1.15}.poem-share-btn{width:42px;min-width:42px;height:42px;color:var(--gold-deep);border:1px solid color-mix(in srgb, var(--gold) 42%, transparent);background:color-mix(in srgb, var(--bg-paper) 88%, var(--gold) 12%);border-radius:999px;justify-content:center;align-items:center;margin-top:2px;display:inline-flex;box-shadow:0 6px 18px #32240c14}.poem-share-btn:hover{color:var(--ink);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 22%, transparent)}.ch-title-fr{color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase;margin-top:14px;font-size:12px}.ch-title-en{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin-top:10px;font-size:13px}.ch-gloss{color:var(--ink-soft);margin-top:12px;font-family:Cormorant Garamond,serif;font-size:19px;font-style:italic}.ch-gloss-en{margin-top:8px}.ch-sep{max-width:240px;color:var(--gold);justify-content:center;align-items:center;gap:16px;margin:26px auto 6px;display:flex}.ch-sep .ln{background:linear-gradient(90deg, transparent, var(--line));flex:1;height:1px}.ch-sep .ln.r{background:linear-gradient(90deg, var(--line), transparent)}.bayt{margin:0 auto;padding:82px 0 38px;scroll-margin-top:110px;scroll-margin-bottom:160px;animation:.6s both fadeUp;position:relative}.bayt+.bayt{border-top:1px solid var(--line-soft)}.min-orn .bayt+.bayt{border-top-color:#0000}.bayt-ar{color:var(--ink);font-family:Amiri,serif;line-height:1.95;font-size:calc(31px * var(--fs));justify-content:center;align-items:center;gap:10px var(--bayt-grid-gap);direction:rtl;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;display:grid}.bayt-ar.display-aref{font-family:Aref Ruqaa,Amiri,serif}.bayt-ar.display-kufi{font-family:Reem Kufi,Amiri,serif}.bayt-ar.display-amiri{font-family:Amiri,Noto Naskh Arabic,serif}.bayt-ar.display-beginner{font-family:Noto Naskh Arabic,Scheherazade New,Amiri,serif;font-size:calc(31px * var(--fs));font-weight:700;line-height:2.15}.bayt-ar.display-beginner .shatr{word-spacing:.12em}.bayt-ar.display-beginner .kw-playable{padding-inline:3px}.bayt-ar .shatr{white-space:normal;text-align:center;overflow-wrap:anywhere;min-width:0}.bayt-ar .mid{background:var(--gold);opacity:.8;flex:none;width:6px;height:6px;transform:rotate(45deg)}.bayt-ar.quatrain{grid-template-columns:1fr;gap:4px}.bayt-ar.quatrain .line{justify-content:center;align-items:center;gap:10px var(--bayt-grid-gap);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;display:grid}.bayt-tr{text-align:center;font-size:calc(24px * var(--fs));color:var(--gold-deep);letter-spacing:.01em;margin-top:16px;font-family:Cormorant Garamond,serif;font-style:normal;line-height:1.55}.audio-time{font-variant-numeric:tabular-nums;opacity:.85}.bayt-fr,.bayt-en{text-align:center;font-family:Cormorant Garamond,serif;font-size:calc(20px * var(--fs));color:var(--ink-soft);max-width:var(--translation-max);margin-top:14px;margin-inline:auto;line-height:1.5}.bayt-en{color:color-mix(in srgb, var(--ink-soft) 84%, var(--green) 16%)}.bayt-num{color:var(--ink-faint);opacity:.55;font-family:Amiri,serif;font-size:11px;position:absolute;top:17px;right:-2px}.lang-ar-only .bayt-fr,.lang-ar-only .bayt-en,.lang-ar-only .bayt-tr,.lang-ar-only .ch-gloss{display:none}.lang-fr-only .bayt-ar{font-size:calc(22px * var(--fs));opacity:.5}.lang-fr-only .bayt-fr,.lang-fr-only .bayt-en{font-size:calc(22px * var(--fs));color:var(--ink);margin-top:18px}.bottom-nav{z-index:28;padding:14px max(16px, env(safe-area-inset-left)) calc(14px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--panel) 90%, transparent);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 72%, transparent);border-radius:999px;align-items:center;gap:9px;padding:9px 16px;font-size:11px;transition:all .2s;display:inline-flex}.nav-btn:hover:not(:disabled){border-color:var(--gold);color:var(--ink)}.nav-btn:disabled{opacity:.3;cursor:default}.nav-btn .ar{text-transform:none;letter-spacing:0;font-family:Amiri,serif;font-size:14px}.home-bottom-nav{display:none}.home-bottom-nav .nav-btn{letter-spacing:0;text-transform:none;flex-direction:column;flex:1 1 0;gap:4px;min-width:0;min-height:48px;padding:6px;font-size:10px}.home-bottom-nav .nav-btn svg{width:18px;height:18px}.home-bottom-nav .nav-btn.active{color:var(--green);background:color-mix(in srgb, var(--green) 12%, var(--panel));border-color:color-mix(in srgb, var(--green) 30%, var(--line))}.home-nav-btn{min-width:132px;color:var(--green);border-color:color-mix(in srgb, var(--green) 42%, var(--line));background:color-mix(in srgb, var(--bg-paper) 78%, var(--green) 10%);justify-content:center}.home-nav-btn:hover:not(:disabled){color:var(--green);border-color:var(--green);background:color-mix(in srgb, var(--green) 12%, var(--bg-paper))}.dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.dots span{background:var(--line);cursor:pointer;border-radius:1px;width:7px;height:7px;transition:all .3s;transform:rotate(45deg)}.dots span.on{background:var(--gold);transform:rotate(45deg)scale(1.25)}.scrim{z-index:40;background:#140f086b;animation:.3s fadeIn;position:fixed;inset:0}.drawer{z-index:41;background:var(--bg-paper);border-right:1px solid var(--line);width:min(420px,88vw);box-shadow:30px 0 60px -30px var(--shadow);flex-direction:column;animation:.4s cubic-bezier(.2,.7,.2,1) both drawerIn;display:flex;position:fixed;top:0;bottom:0;left:0}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:none}}.drawer-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;padding:26px 26px 18px;display:flex}.drawer-head .ar{color:var(--green);font-size:26px}.drawer-head .fr{color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase;margin-top:4px;font-size:11px}.toc-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 14px 4px;display:grid}.toc-tabs button{border:1px solid var(--line);min-height:36px;color:var(--ink-soft);letter-spacing:.05em;background:color-mix(in srgb, var(--bg-paper) 84%, transparent);border-radius:999px;padding:7px 8px;font-size:11px}.toc-tabs button.sel{color:var(--bg-paper);background:var(--green);border-color:#0000}.toc-list{flex:1;padding:10px 14px 28px;overflow-y:auto}.toc-item{text-align:left;border-radius:3px;align-items:center;gap:16px;width:100%;padding:15px 14px;transition:background .2s;display:flex;position:relative}.toc-item:hover{background:var(--line-soft)}.toc-item.cur{background:color-mix(in srgb, var(--gold) 12%, transparent)}.toc-num{color:var(--gold-deep);text-align:center;flex:none;width:30px;font-family:Aref Ruqaa,serif;font-size:18px}.toc-txt .a{color:var(--ink);font-family:Amiri,serif;font-size:19px;line-height:1.2}.toc-txt .f{color:var(--ink-faint);letter-spacing:.1em;margin-top:3px;font-size:11px}.toc-bookmark .toc-main{align-items:flex-start}.toc-bookmark .toc-num{width:48px;font-size:15px;line-height:1.4}.toc-bookmark-excerpt{color:var(--ink-soft);margin-top:6px;font-family:Cormorant Garamond,serif;font-size:15px;line-height:1.35;display:block}.drawer-foot{padding:16px 26px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);color:var(--ink-faint);letter-spacing:.1em;text-align:center;font-size:10px}.bayt-num{cursor:pointer;background:0 0;border:0}.bayt-num:hover{color:var(--gold-deep);opacity:1}.bayt-active{background:color-mix(in srgb, var(--gold) 8%, transparent);border-radius:6px}.bayt-active .bayt-ar,.bayt-active .bayt-tr{color:var(--gold-deep)}.bayt-active .bayt-fr,.bayt-active .bayt-en{color:var(--ink)}.bayt-jump{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 45%, transparent);background:color-mix(in srgb, var(--green) 7%, transparent);border-radius:6px}.kw{border-radius:4px;transition:color .15s,background .15s}.kw-playable{font:inherit;line-height:inherit;text-align:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;display:inline}.kw-playable:hover{color:var(--accent);background:color-mix(in srgb, var(--gold) 12%, transparent)}.kw-playable:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.kw-on{color:var(--accent);background:color-mix(in srgb, var(--gold) 18%, transparent)}.audio-bar{left:50%;bottom:calc(74px + env(safe-area-inset-bottom));z-index:39;background:color-mix(in srgb, var(--panel) 96%, transparent);border:1px solid var(--line);box-shadow:0 10px 30px -14px var(--shadow);-webkit-backdrop-filter:blur(12px);will-change:transform;contain:layout paint;border-radius:30px;flex-wrap:wrap;align-items:center;gap:14px;width:min(1120px,100vw - 24px);max-width:min(1120px,100vw - 24px);padding:8px 14px;display:flex;position:fixed;transform:translate(-50%)}.audio-bar--off{opacity:.7}.audio-bar--loading{border-color:var(--gold)}.audio-msg{color:var(--ink-faint);letter-spacing:.06em;font-size:11px}.audio-play{background:var(--green);width:44px;height:44px;color:var(--bg-paper);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .2s,border-radius .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative}.audio-play:hover{transform:scale(1.06)}.audio-play:disabled{cursor:wait;opacity:.9}.audio-play:disabled:hover{transform:none}.audio-bar--loading .audio-play{background:var(--gold-deep)}.audio-play--loading{box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 18%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--bg-paper) 32%, transparent);border-radius:14px}.audio-loader-mark{border:2px solid color-mix(in srgb, var(--bg-paper) 42%, transparent);border-top-color:var(--bg-paper);border-radius:50%;width:18px;height:18px;animation:.85s linear infinite audio-load-spin}@keyframes audio-load-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.audio-loader-mark{animation:none}}.audio-center{flex-direction:column;flex:220px;gap:5px;min-width:130px;display:flex}.audio-status{color:var(--ink-soft);letter-spacing:.08em;font-size:11px}.audio-progress{cursor:pointer;background:color-mix(in srgb, var(--gold) 16%, transparent);border-radius:6px;height:8px;position:relative}.audio-progress:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.audio-progress-fill{background:linear-gradient(90deg, var(--gold), var(--gold-deep));border-radius:6px;transition:width .15s linear;position:absolute;top:0;bottom:0;left:0}.audio-controls{flex-wrap:wrap;flex:2 520px;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.audio-lang{height:32px}.audio-lang button,.audio-karaoke button{min-height:32px;padding:0 8px}.audio-scope{height:32px}.audio-scope button{min-height:32px;padding:0 8px}.audio-mode{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-paper) 82%, transparent);border-radius:18px;flex:none;align-items:center;gap:5px;height:32px;padding:0 6px;display:inline-flex}.audio-mode-label{color:var(--gold-deep);letter-spacing:.06em;white-space:nowrap;font-size:10px}.audio-mode-select{width:164px;min-height:28px;color:var(--ink);background:0 0;border:0;outline:none;font-family:inherit;font-size:11px}.audio-preload{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-paper) 82%, transparent);height:32px;color:var(--ink-soft);letter-spacing:.06em;white-space:nowrap;border-radius:18px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:10.5px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.audio-preload svg{width:14px;height:14px}.audio-preload:hover:not(:disabled){color:var(--ink);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, var(--bg-paper))}.audio-preload.cached{color:var(--green);border-color:color-mix(in srgb, var(--green) 38%, var(--line));background:color-mix(in srgb, var(--green) 8%, var(--bg-paper))}.audio-preload:disabled{cursor:default;opacity:.72}.audio-speed{flex-direction:column;align-items:center;gap:2px;display:flex}.audio-speed-val{color:var(--gold-deep);letter-spacing:.04em;font-size:10px}.audio-speed input[type=range]{width:84px;accent-color:var(--green);height:20px}.end-audio-prompt{left:50%;bottom:calc(150px + env(safe-area-inset-bottom));z-index:40;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--gold) 36%, var(--line));background:color-mix(in srgb, var(--panel) 96%, transparent);width:min(560px,100vw - 24px);box-shadow:0 24px 54px -30px var(--shadow);-webkit-backdrop-filter:blur(14px);border-radius:18px;gap:12px;padding:14px;animation:.22s both fadeUp;display:grid;position:fixed;transform:translate(-50%)}.end-audio-prompt-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.end-audio-prompt-head strong{color:var(--ink);letter-spacing:.02em;font-size:15px;display:block}.end-audio-kicker{color:var(--gold-deep);letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px;font-size:10px;display:block}.end-audio-close{flex:none}.end-audio-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.end-audio-action{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-paper) 82%, transparent);min-width:0;max-width:100%;min-height:38px;color:var(--ink-soft);letter-spacing:.06em;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:11px;transition:border-color .2s,color .2s,background .2s,transform .2s;display:inline-flex}.end-audio-action span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.end-audio-action svg{flex:none;width:15px;height:15px}.end-audio-action:hover{color:var(--ink);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, var(--bg-paper));transform:translateY(-1px)}.end-audio-action.primary{border-color:color-mix(in srgb, var(--green) 54%, var(--line));background:var(--green);color:var(--bg-paper)}.end-audio-action.primary:hover{color:var(--bg-paper);background:color-mix(in srgb, var(--green) 88%, var(--gold))}.search-panel{z-index:41;background:var(--bg-paper);border:1px solid var(--line);width:min(560px,96vw);max-height:80vh;box-shadow:0 30px 60px -30px var(--shadow);border-top:0;border-radius:0 0 12px 12px;flex-direction:column;animation:.25s both fadeUp;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.search-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:14px;display:flex}.search-ic{color:var(--ink-faint);display:inline-flex}.search-input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:15px}.search-results{padding:6px 8px 14px;overflow-y:auto}.search-empty{text-align:center;color:var(--ink-faint);padding:28px 14px;font-size:13px}.search-item{text-align:left;border-radius:6px;width:100%;padding:11px 12px;transition:background .15s;display:block}.search-item:hover{background:var(--line-soft)}.search-meta{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:4px;font-size:10px;display:block}.search-fr{color:var(--ink-soft);font-family:Cormorant Garamond,serif;font-size:16px;line-height:1.4;display:block}.search-preview{white-space:pre-line}.search-fr mark,.search-item mark{background:color-mix(in srgb, var(--gold) 30%, transparent);color:var(--ink);border-radius:2px}.drawer-actions{gap:4px;display:flex}.toc-item{align-items:stretch;gap:0;padding:0;display:flex}.toc-main{text-align:left;background:0 0;flex:1;align-items:center;gap:16px;min-width:0;padding:15px 14px;display:flex}.toc-fav{width:44px;color:var(--ink-faint);flex:none;justify-content:center;align-items:center;display:inline-flex}.toc-fav.on,.toc-fav:hover{color:var(--accent)}.dots{flex-wrap:nowrap;max-width:50vw;padding:4px 0;overflow-x:auto}.dots::-webkit-scrollbar{height:0}.state-msg{text-align:center;max-width:720px;color:var(--ink-soft);margin:0 auto;padding:80px 24px;font-family:Cormorant Garamond,serif;font-size:20px}.drawer-overlay{z-index:44;pointer-events:none;position:fixed;inset:0}.drawer-overlay.open{pointer-events:auto}.drawer-overlay.set-overlay:before{content:"";opacity:0;background:#140f086b;transition:opacity .3s;position:absolute;inset:0}.drawer-overlay.set-overlay.open:before{opacity:1}.settings-drawer{z-index:45;background:var(--bg-paper);border-left:1px solid var(--line);width:min(520px,96vw);box-shadow:-30px 0 60px -30px var(--shadow);flex-direction:column;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.settings-drawer.open{transform:none}.set-body{padding:20px 18px calc(28px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:18px;display:flex;overflow:hidden auto}.set-group{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-paper) 92%, var(--gold) 8%);border-radius:8px;width:100%;min-width:0;overflow:visible}.set-group-head{width:100%;min-width:0;min-height:46px;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.set-group-title{overflow-wrap:anywhere;min-width:0;color:var(--green);letter-spacing:.13em;text-transform:uppercase;font-size:12px;line-height:1.25}.set-group-chevron{color:var(--gold-deep);transition:transform .2s;display:inline-flex}.set-group.open .set-group-chevron{transform:rotate(180deg)}.set-group-body{border-top:1px solid var(--line-soft);flex-direction:column;gap:18px;min-width:0;padding:14px 12px;display:flex}.set-section{flex-direction:column;gap:9px;min-width:0;display:flex}.set-label{color:var(--gold-deep);letter-spacing:.18em;font-size:10px}.set-quicknav{grid-template-columns:1fr;gap:8px;display:grid}.set-quicknav-btn{border:1px solid var(--line);min-height:44px;color:var(--ink-soft);background:color-mix(in srgb, var(--bg-paper) 88%, var(--gold) 12%);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;transition:border-color .2s,background .2s,color .2s;display:flex}.set-quicknav-btn:hover{border-color:var(--gold);color:var(--ink)}.set-quicknav-btn.sel{border-color:var(--gold);color:var(--ink);background:color-mix(in srgb, var(--gold) 16%, transparent)}.set-quicknav-ar{color:var(--gold-deep);white-space:nowrap;font-size:18px;line-height:1.1}.set-quicknav-fr{text-align:right;overflow-wrap:anywhere;font-size:12.5px;line-height:1.2}.set-feedback-row{flex-direction:column;gap:10px;display:flex}.set-feedback-count{color:var(--ink-faint);font-size:12px}.set-feedback-actions{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.set-feedback-btn{text-align:center;overflow-wrap:anywhere;border:1px solid var(--line);min-width:0;min-height:38px;color:var(--ink-soft);background:var(--bg-paper);border-radius:8px;flex:130px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.set-feedback-btn:hover:not(:disabled){border-color:var(--gold);color:var(--ink)}.set-feedback-btn:disabled{opacity:.45;cursor:default}.set-feedback-btn.danger{border-color:color-mix(in srgb, var(--sacred-red) 34%, var(--line));color:var(--sacred-red)}.set-feedback-btn.danger:hover:not(:disabled){border-color:var(--sacred-red);background:color-mix(in srgb, var(--sacred-red) 7%, var(--bg-paper))}.set-admin-token{min-width:0;color:var(--ink-faint);flex-direction:column;gap:6px;font-size:11px;display:flex}.set-admin-token input{border:1px solid var(--line);background:var(--panel);width:100%;min-height:38px;color:var(--ink);border-radius:8px;padding:8px 10px}.set-visit-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;display:grid}.set-visit-card{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-paper) 88%, var(--gold) 12%);border-radius:8px;flex-direction:column;justify-content:center;gap:5px;min-height:72px;padding:11px;display:flex}.set-visit-value{color:var(--green);font-size:24px;font-weight:700;line-height:1}.set-visit-label{color:var(--ink-soft);font-size:11px;line-height:1.25}.set-offline-row{flex-direction:column;gap:10px;display:flex}.set-offline-copy{color:var(--ink-soft);overflow-wrap:anywhere;font-size:12px;line-height:1.45}.set-offline-progress{background:color-mix(in srgb, var(--gold) 14%, transparent);border-radius:999px;height:8px;position:relative;overflow:hidden}.set-offline-progress span{background:linear-gradient(90deg, var(--gold), var(--gold-deep));width:0;transition:width .25s;position:absolute;inset:0 auto 0 0}.set-offline-error{color:var(--sacred-red);font-size:12px;line-height:1.35}.set-offline-status{color:var(--gold-deep);font-size:12px;line-height:1.35}.set-segmented{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));align-self:stretch;width:100%;min-width:0;display:grid;overflow:hidden}.set-segmented button{min-width:0;color:var(--ink-soft);border-right:1px solid var(--line-soft);overflow-wrap:anywhere;white-space:normal;padding:8px 10px;font-size:12.5px;line-height:1.18;transition:background .2s,color .2s}.set-segmented button:last-child{border-right:0}.set-segmented button.sel{background:var(--green);color:var(--bg-paper)}.set-select{border:1px solid var(--line);background:var(--bg-paper);width:100%;min-width:0;min-height:38px;color:var(--ink);border-radius:8px;padding:8px 10px;font-family:inherit}.set-range-row{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-self:stretch;align-items:center;gap:12px;width:100%;min-width:0;padding:6px 10px;display:flex}.set-range{width:auto;min-width:0;accent-color:var(--green);flex:auto}.set-palettes{flex-direction:column;gap:8px;display:flex}.set-palette{border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 10px;transition:border-color .2s,background .2s;display:flex}.set-palette:hover{border-color:var(--gold)}.set-palette.sel{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, transparent)}.set-swatches{border-radius:4px;flex:none;gap:0;display:inline-flex;overflow:hidden}.set-swatches span{width:20px;height:20px;display:inline-block}.set-palette-name{color:var(--ink);overflow-wrap:anywhere;min-width:0;font-size:12.5px}.set-fontsize{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-self:stretch;align-items:center;gap:14px;width:100%;min-width:0;padding:4px 10px;display:flex}.set-fontsize button{color:var(--ink-soft);padding:4px 6px;font-size:15px}.set-fontsize button:hover{color:var(--gold-deep)}.set-fontsize-val{color:var(--ink-faint);text-align:center;min-width:38px;font-size:12px}.set-reset{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;align-self:flex-start;margin-top:6px;padding:8px 0;font-size:11px}.set-reset:hover{text-decoration:underline}.annotation-btn{width:42px;height:42px;color:var(--gold-deep);opacity:.92;border:1px solid color-mix(in srgb, var(--gold) 42%, transparent);background:color-mix(in srgb, var(--bg-paper) 88%, var(--gold) 12%);border-radius:999px;justify-content:center;align-items:center;transition:opacity .2s,color .2s,background .2s,border-color .2s,transform .2s;display:inline-flex;position:absolute;top:10px;right:82px;box-shadow:0 6px 18px #32240c14}.annotation-btn svg{width:19px;height:19px}.annotation-btn:hover{opacity:1;color:var(--ink);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 22%, transparent);transform:translateY(-1px)}.annotation-btn.on{color:var(--accent);opacity:1;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-paper))}.bayt-ref{border:1px solid var(--line-soft);min-width:44px;color:var(--ink-faint);text-align:center;background:color-mix(in srgb, var(--bg-paper) 86%, transparent);border-radius:999px;padding:2px 7px;font-size:10px;line-height:1.5;position:absolute;top:17px;right:30px}.bayt-tools{align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:4px}.bayt-tools .annotation-btn,.bayt-tools .bookmark-btn,.bayt-tools .feedback-btn,.bayt-tools .verse-play-btn,.bayt-tools .share-btn{width:42px;min-width:42px;height:42px;color:var(--gold-deep);opacity:.92;border:1px solid color-mix(in srgb, var(--gold) 42%, transparent);background:color-mix(in srgb, var(--bg-paper) 88%, var(--gold) 12%);border-radius:999px;justify-content:center;align-items:center;transition:opacity .2s,color .2s,background .2s,border-color .2s,transform .2s;display:inline-flex;position:static;box-shadow:0 6px 18px #32240c14}.bayt-tools .feedback-btn{color:var(--sacred-red);border-color:color-mix(in srgb, var(--sacred-red) 42%, transparent);position:relative}.bayt-tools .bookmark-btn{color:var(--gold-deep);border-color:color-mix(in srgb, var(--gold) 42%, transparent)}.bayt-tools .share-btn{color:var(--green);border-color:color-mix(in srgb, var(--green) 42%, transparent)}.bayt-tools .verse-play-btn{color:var(--gold-deep);border-color:color-mix(in srgb, var(--gold) 42%, transparent)}.bayt-tools .annotation-btn svg,.bayt-tools .bookmark-btn svg,.bayt-tools .feedback-btn svg,.bayt-tools .verse-play-btn svg,.bayt-tools .share-btn svg{width:19px;height:19px}.bayt-tools .feedback-btn svg{stroke-width:2.4px}.bayt-tools .annotation-btn:hover,.bayt-tools .bookmark-btn:hover,.bayt-tools .feedback-btn:hover,.bayt-tools .verse-play-btn:hover,.bayt-tools .share-btn:hover{opacity:1;color:var(--ink);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 22%, transparent);transform:translateY(-1px)}.bayt-tools .feedback-btn:hover{color:var(--sacred-red);border-color:var(--sacred-red);background:color-mix(in srgb, var(--sacred-red) 10%, var(--bg-paper))}.bayt-tools .share-btn:hover{color:var(--green);border-color:var(--green);background:color-mix(in srgb, var(--green) 10%, var(--bg-paper))}.bayt-tools .verse-play-btn:hover{color:var(--gold-deep);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, var(--bg-paper))}.bayt-num:disabled,.bayt-tools .verse-play-btn:disabled{opacity:.36;cursor:default;color:var(--ink-faint);border-color:var(--line);background:color-mix(in srgb, var(--bg-paper) 92%, var(--line) 8%);box-shadow:none;transform:none}.bayt-tools .verse-play-btn:disabled:hover{color:var(--ink-faint);border-color:var(--line);background:color-mix(in srgb, var(--bg-paper) 92%, var(--line) 8%);transform:none}.bayt-tools .bookmark-btn.on,.bayt-tools .annotation-btn.on,.bayt-tools .feedback-btn.on{color:var(--accent);opacity:1;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-paper))}.bayt-tools .bookmark-btn.on{color:var(--green);border-color:var(--green);background:color-mix(in srgb, var(--green) 10%, var(--bg-paper))}.bayt-tools .feedback-btn.on{color:var(--sacred-red);border-color:var(--sacred-red);background:color-mix(in srgb, var(--sacred-red) 12%, var(--bg-paper))}.feedback-count{background:var(--sacred-red);min-width:17px;height:17px;color:var(--bg-paper);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-5px;right:-4px}.annotation-note{background:color-mix(in srgb, var(--gold) 8%, transparent);border-left:2px solid var(--gold);max-width:560px;font-family:Cormorant Garamond,serif;font-style:italic;font-size:calc(16px * var(--fs));color:var(--ink-soft);white-space:pre-wrap;border-radius:4px;margin:14px auto 0;padding:10px 16px;line-height:1.5}.feedback-note{border-left:2px solid var(--accent);max-width:560px;color:var(--ink-soft);letter-spacing:0;text-transform:none;background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:4px;margin:10px auto 0;padding:10px 14px;font-size:12.5px}.feedback-note-title{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:11px}.feedback-note-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.feedback-note-list li{grid-template-columns:minmax(72px,auto) minmax(0,1fr);align-items:start;gap:8px;display:grid}.feedback-note-list span{color:var(--sacred-red);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.feedback-note-list p{overflow-wrap:anywhere;min-width:0;color:var(--ink-soft);margin:0;line-height:1.35}.annotation-overlay{z-index:60;background:#140f0880;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.annotation-modal{background:var(--bg-paper);border:1px solid var(--line);width:min(480px,96vw);box-shadow:0 30px 60px -30px var(--shadow);border-radius:12px;flex-direction:column;gap:14px;padding:22px;animation:.25s both fadeUp;display:flex}.annotation-title{color:var(--gold-deep);letter-spacing:.16em;font-size:10px}.annotation-textarea{resize:vertical;border:1px solid var(--line);background:var(--panel);width:100%;min-height:96px;color:var(--ink);border-radius:8px;outline:none;padding:12px 14px;font-family:Cormorant Garamond,serif;font-size:16px;line-height:1.5}.annotation-textarea:focus{border-color:var(--gold)}.annotation-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.ann-btn{letter-spacing:.04em;border-radius:8px;padding:9px 18px;font-size:12.5px;transition:background .2s,color .2s}.ann-btn.ghost{color:var(--ink-soft);border:1px solid var(--line)}.ann-btn.ghost:hover{background:var(--line-soft)}.ann-btn.danger{color:var(--accent)}.ann-btn.promote{color:var(--gold-deep);border:1px solid color-mix(in srgb, var(--gold) 48%, transparent);background:color-mix(in srgb, var(--gold) 10%, transparent);margin-right:auto}.ann-btn.promote:disabled{opacity:.48;cursor:not-allowed}.ann-btn.promote:not(:disabled):hover{background:color-mix(in srgb, var(--gold) 18%, transparent);color:var(--ink)}.ann-btn.primary{background:var(--green);color:var(--bg-paper)}.ann-btn.primary:hover{filter:brightness(1.08)}.ann-btn:disabled{opacity:.48;cursor:not-allowed;filter:none}.feedback-modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-select{border:1px solid var(--line);background:var(--panel);min-height:36px;color:var(--ink);border-radius:8px;padding:6px 10px;font-size:12px}.feedback-submit-status{border:1px solid color-mix(in srgb, var(--green) 32%, var(--line));background:color-mix(in srgb, var(--green) 8%, transparent);color:var(--ink-soft);border-radius:8px;padding:8px 10px;font-size:12px}.section-screen{max-width:760px;margin:0 auto;padding-bottom:152px}.section-head{text-align:center;padding:18px 0 8px}.section-orn{color:var(--gold);margin-bottom:10px;font-size:24px;line-height:1}.section-title-ar{color:var(--green);font-size:clamp(30px,7vw,44px);line-height:1.2}.section-subtitle{color:var(--ink-soft);margin-top:6px;font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic}.section-playall{justify-content:center;margin-top:14px;display:flex}.section-playback-panel{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.playall-btn{background:var(--green);min-height:44px;color:var(--bg-paper);letter-spacing:.08em;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:12px;transition:transform .2s,filter .2s;display:inline-flex}.playall-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.playall-btn svg{width:16px;height:16px}.section-read-mode{background:color-mix(in srgb, var(--bg-paper) 84%, transparent);height:32px}.section-read-mode button{min-height:30px;padding:0 10px;font-size:11px}.section-read-mode--compact button{padding:0 8px;font-size:10px}.section-karaoke{background:color-mix(in srgb, var(--bg-paper) 84%, transparent);height:32px}.section-karaoke button{min-height:30px;padding:0 10px;font-size:11px}.section-karaoke--compact button{padding:0 8px;font-size:10px}.section-speed{border:1px solid var(--line);min-height:32px;color:var(--ink-soft);background:color-mix(in srgb, var(--bg-paper) 84%, transparent);border-radius:18px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.section-speed-val{min-width:36px;color:var(--gold-deep);letter-spacing:.04em;text-align:center;font-size:10px}.section-speed input[type=range]{width:84px;height:20px;accent-color:var(--green)}.section-speed--compact input[type=range]{width:70px}.section-body{margin-top:18px}.section-block{border-top:1px solid var(--line-soft);border-radius:6px;padding:24px 4px;transition:background .3s}.section-block:first-child{border-top:0}.section-block.active{background:color-mix(in srgb, var(--gold) 8%, transparent)}.section-block-head{color:var(--gold-deep);text-align:center;margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:19px}.section-ar{font-family:Amiri,serif;font-size:calc(24px * var(--fs));color:var(--ink);text-align:center;direction:rtl;line-height:2}.section-ph{font-family:Cormorant Garamond,serif;font-style:italic;font-size:calc(17px * var(--fs));color:color-mix(in srgb, var(--ink-soft) 86%, var(--green) 14%);text-align:center;margin-top:12px;max-width:640px;margin-inline:auto;line-height:1.55}.section-fr{font-family:Cormorant Garamond,serif;font-size:calc(18px * var(--fs));color:var(--ink-soft);text-align:center;margin-top:14px;max-width:620px;margin-inline:auto;line-height:1.65}.section-learning{gap:14px;margin-top:4px;display:grid}.section-part{border-top:1px solid var(--line-soft);border-radius:6px;padding:16px 10px 18px;transition:background .25s,border-color .25s}.section-part:first-child{border-top:0}.section-part.active{background:color-mix(in srgb, var(--green) 6%, transparent)}.section-part-label{color:var(--gold-deep);letter-spacing:.08em;text-transform:uppercase;text-align:center;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.section-part-num{border:1px solid var(--line);width:24px;height:24px;color:var(--green);background:color-mix(in srgb, var(--bg-paper) 82%, transparent);border-radius:999px;flex:0 0 24px;justify-content:center;align-items:center;display:inline-flex}.section-part-ar,.section-part-ph,.section-part-fr{margin-top:10px}.section-part-audio{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.section-part-play{border:1px solid var(--line);letter-spacing:.08em;min-width:92px;min-height:36px;color:var(--ink-soft);border-radius:22px;justify-content:center;align-items:center;gap:6px;padding:7px 13px;font-size:10px;transition:all .2s;display:inline-flex}.section-part-play:hover{border-color:var(--gold);color:var(--ink)}.section-part-play.active{background:var(--green);color:var(--bg-paper);border-color:#0000}.section-part-play svg{width:13px;height:13px}.section-block-audio{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.section-block-play{border:1px solid var(--line);letter-spacing:.08em;min-height:40px;color:var(--ink-soft);border-radius:24px;align-items:center;gap:7px;padding:8px 16px;font-size:11px;transition:all .2s;display:inline-flex}.section-block-play:hover{border-color:var(--gold);color:var(--ink)}.section-block-play.active{background:var(--green);color:var(--bg-paper);border-color:#0000}.section-block-play svg{width:14px;height:14px}.section-icon-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.section-icon-item{border-top:1px solid var(--line-soft);align-items:flex-start;gap:12px;min-width:0;padding:12px 0;display:flex}.section-icon-symbol{border:1px solid var(--line);width:42px;height:42px;color:var(--gold-deep);background:color-mix(in srgb, var(--bg-paper) 88%, var(--gold) 12%);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.section-icon-symbol svg{width:19px;height:19px}.section-icon-symbol--alert{color:var(--sacred-red);border-color:color-mix(in srgb, var(--sacred-red) 42%, transparent)}.section-icon-symbol--alert svg{stroke-width:2.4px}.section-icon-copy{min-width:0;color:var(--ink-soft);flex-direction:column;gap:4px;font-size:14px;line-height:1.45;display:flex}.section-icon-copy strong{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:13px}.section-nav{z-index:28;padding:14px max(16px, env(safe-area-inset-left)) calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg-paper) 90%, transparent);-webkit-backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0}.section-nav .nav-btn{background:color-mix(in srgb, var(--bg-paper) 70%, transparent);min-height:44px}.section-nav .section-home-btn{color:var(--green);border-color:color-mix(in srgb, var(--green) 42%, var(--line))}.reader-end-nav{justify-content:center;margin:24px 0 190px;display:flex}.reader-end-nav .nav-btn{min-height:44px}.learning-screen{max-width:1180px}.learning-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:10px auto 16px;display:flex}.learning-tabs button{border:1px solid var(--line);min-height:38px;color:var(--ink-soft);letter-spacing:.06em;background:color-mix(in srgb, var(--bg-paper) 82%, transparent);border-radius:8px;padding:8px 14px;font-size:12px}.learning-tabs button.active{background:var(--green);color:var(--bg-paper);border-color:#0000}.learning-eyebrow{min-height:22px;color:var(--gold-deep);letter-spacing:.09em;text-transform:uppercase;align-items:center;font-size:11px;display:inline-flex}.learning-intro,.learning-panel-copy{text-align:center;max-width:760px;color:var(--ink-soft);font-family:Cormorant Garamond,serif;font-size:calc(17px * var(--fs));margin:0 auto 16px;line-height:1.55}.learning-content{gap:24px;display:grid}.learning-hero,.learning-guide,.learning-quiz-head{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 0;display:grid}.learning-hero h3,.learning-guide h3,.learning-quiz-head h3{color:var(--green);font-family:Cormorant Garamond,serif;font-size:calc(27px * var(--fs));margin:0 0 6px;line-height:1.1}.learning-hero p,.learning-guide p,.learning-quiz-head p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.55}.learning-hero-stats{gap:8px;min-width:170px;display:grid}.learning-hero-stats span{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--panel) 84%, transparent);color:var(--ink-soft);border-radius:8px;justify-content:space-between;gap:12px;padding:8px 10px;font-size:12px;display:flex}.learning-hero-stats strong{color:var(--gold-deep);font-size:16px}.learning-path{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.learning-path-step{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 84%, transparent);min-height:104px;color:var(--ink);text-align:left;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;padding:14px;display:flex}.learning-path-step:hover{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, var(--panel))}.learning-path-step span{color:var(--green);font-family:Cormorant Garamond,serif;font-size:20px}.learning-path-step small{color:var(--ink-soft);line-height:1.35}.learning-guide-grid{grid-template-columns:repeat(3,minmax(132px,1fr));gap:8px;min-width:min(520px,52vw);display:grid}.learning-panel{border-top:1px solid var(--line-soft);padding-top:20px}.learning-panel:first-child{border-top:0}.learning-panel-title{text-align:center;color:var(--gold-deep);margin:0 0 8px;font-family:Cormorant Garamond,serif;font-size:22px}.learning-table-wrap{width:100%;padding-bottom:4px;overflow-x:auto}.learning-table{width:max-content;min-width:calc(132px + var(--learning-cols) * 138px);gap:6px;margin-inline:auto;display:grid}.learning-row{grid-template-columns:132px repeat(var(--learning-cols), 138px);align-items:stretch;gap:6px;scroll-margin-top:88px;display:grid}.learning-row-head{z-index:1;position:relative}.learning-row-label,.learning-col-head{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg-paper) 88%, var(--gold) 12%);min-height:48px;color:var(--gold-deep);text-align:center;letter-spacing:.06em;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px;font-size:11px;display:flex}.learning-row-label small{max-width:110px;color:var(--ink-faint);letter-spacing:0;font-size:10px;line-height:1.25}.learning-row-ar{color:var(--green);font-size:25px;line-height:1}.learning-cell{border:1px solid var(--line);text-align:center;background:color-mix(in srgb, var(--panel) 86%, transparent);width:100%;min-height:138px;color:var(--ink);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:9px 8px;scroll-margin-top:100px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.learning-cell.playable:hover{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, transparent);transform:translateY(-1px)}.learning-cell.active{background:color-mix(in srgb, var(--green) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 44%, transparent);border-color:#0000}.learning-cell-label{color:var(--gold-deep);letter-spacing:.08em;text-transform:uppercase;font-size:10px;display:none}.learning-cell-line{justify-items:center;gap:2px;width:100%;display:grid}.learning-cell-line.pronounced{border-top:1px solid color-mix(in srgb, var(--line-soft) 70%, transparent);padding-top:5px}.learning-cell-kicker{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.learning-cell-main{font-family:Amiri,serif;font-size:calc(30px * var(--fs));line-height:1.1}.learning-cell-pronounced{color:var(--green);font-family:Amiri,serif;font-size:calc(18px * var(--fs));line-height:1.15}.learning-cell-ph{color:color-mix(in srgb, var(--ink-soft) 84%, var(--green) 16%);font-family:Cormorant Garamond,serif;font-style:italic;font-size:calc(15px * var(--fs));line-height:1.2}.learning-cell-note{color:var(--ink-faint);font-size:10px;line-height:1.25}.learning-cell-ic{width:18px;height:18px;color:var(--gold-deep);opacity:.72;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:6px;left:6px}.learning-cell-ic svg{width:14px;height:14px}.learning-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.learning-rule{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--panel) 80%, transparent);border-radius:8px;align-content:start;gap:12px;padding:16px;display:grid}.learning-rule h4{color:var(--gold-deep);margin:0 0 6px;font-family:Cormorant Garamond,serif;font-size:18px;line-height:1.25}.learning-rule p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.learning-rule-examples{grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:8px;display:grid}.learning-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.learning-levels button{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 86%, transparent);min-height:118px;color:var(--ink);text-align:left;border-radius:8px;align-content:center;gap:5px;padding:12px;display:grid}.learning-levels button.active{background:color-mix(in srgb, var(--green) 14%, var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 40%, transparent);border-color:#0000}.learning-levels .ar{color:var(--gold-deep);font-size:20px;line-height:1}.learning-levels strong{color:var(--green);font-family:Cormorant Garamond,serif;font-size:20px}.learning-levels small{color:var(--ink-soft);line-height:1.35}.learning-levels em{color:var(--ink-faint);font-size:11px;font-style:normal}.learning-reset{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-paper) 82%, transparent);min-height:36px;color:var(--ink-soft);border-radius:8px;padding:8px 12px}.learning-quiz-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 84%, transparent);border-radius:8px;gap:14px;padding:18px;display:grid}.learning-quiz-meta{flex-wrap:wrap;gap:8px;display:flex}.learning-quiz-meta span{border:1px solid var(--line-soft);color:var(--ink-soft);border-radius:999px;padding:4px 8px;font-size:11px}.learning-quiz-card h4{color:var(--green);margin:0;font-family:Cormorant Garamond,serif;font-size:24px}.learning-quiz-card p{color:var(--ink-soft);margin:0;line-height:1.5}.learning-quiz-prompt{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg-paper) 70%, transparent);color:var(--green);font-size:calc(25px * var(--fs));text-align:center;border-radius:8px;padding:14px;line-height:1.55}.learning-quiz-play{border:1px solid var(--gold);min-height:38px;color:var(--gold-deep);background:color-mix(in srgb, var(--gold) 9%, transparent);border-radius:8px;justify-self:start;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.learning-quiz-play svg,.learning-quiz-audio svg{width:15px;height:15px}.learning-quiz-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.learning-quiz-choice{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-paper) 70%, transparent);min-height:74px;color:var(--ink);text-align:center;border-radius:8px;align-content:center;justify-items:center;gap:5px;padding:10px;display:grid}.learning-quiz-choice .ar{color:var(--green);font-size:calc(24px * var(--fs));line-height:1.25}.learning-quiz-choice small{color:var(--ink-soft)}.learning-quiz-choice.selected{border-color:var(--gold)}.learning-quiz-choice.correct{border-color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent)}.learning-quiz-choice.wrong{border-color:var(--sacred-red);background:color-mix(in srgb, var(--sacred-red) 8%, transparent)}.learning-quiz-choice:disabled{cursor:default}.learning-quiz-choice button{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);min-height:36px;color:var(--ink);border-radius:8px;padding:8px 10px}.learning-quiz-audio{width:100%;color:var(--gold-deep);justify-content:center;align-items:center;gap:8px;display:inline-flex}.learning-feedback{border:1px solid var(--line-soft);color:var(--ink-soft);border-radius:8px;flex-direction:column;gap:4px;padding:12px;line-height:1.4;display:flex}.learning-feedback.ok{border-color:color-mix(in srgb, var(--green) 44%, var(--line))}.learning-feedback.ko{border-color:color-mix(in srgb, var(--sacred-red) 44%, var(--line))}.learning-feedback strong{color:var(--ink)}.learning-next-question{justify-self:end;position:static}.learning-progress-note{color:var(--ink-faint);text-align:center;margin:-4px 0 0;font-size:12px}.prayer-screen{max-width:min(1080px,100vw - 32px)}.prayer-head{padding-bottom:10px}.prayer-status-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.prayer-status{border:1px solid color-mix(in srgb, var(--gold) 42%, var(--line));min-height:28px;color:var(--gold-deep);background:color-mix(in srgb, var(--gold) 8%, var(--panel));border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:11px;display:inline-flex}.prayer-status.ok{border-color:color-mix(in srgb, var(--green) 42%, var(--line));color:var(--green);background:color-mix(in srgb, var(--green) 8%, var(--panel))}.prayer-status.muted{border-color:var(--line-soft);color:var(--ink-faint);background:color-mix(in srgb, var(--panel) 84%, transparent)}.prayer-toolbar{z-index:26;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);gap:10px;padding:10px 0 12px;display:grid;position:sticky;top:72px}.prayer-tabs{justify-content:center}.prayer-variant-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.prayer-wadhifa-choice{border:1px solid color-mix(in srgb, var(--gold) 28%, var(--line));background:color-mix(in srgb, var(--panel) 86%, transparent);border-radius:8px;justify-items:center;gap:10px;padding:12px;display:grid}.prayer-choice-copy{text-align:center;color:var(--ink-soft);gap:3px;font-size:12px;line-height:1.4;display:grid}.prayer-choice-copy strong{color:var(--green);font-size:13px}.prayer-variant-row-primary button{border-color:color-mix(in srgb, var(--gold) 35%, var(--line));min-width:180px}.prayer-variant-row-secondary button{background:color-mix(in srgb, var(--bg-paper) 72%, transparent);min-width:180px}.prayer-variant-row button{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 86%, transparent);min-width:154px;min-height:54px;color:var(--ink-soft);border-radius:8px;align-content:center;gap:3px;padding:8px 12px;display:grid}.prayer-variant-row button.active{color:var(--ink);background:color-mix(in srgb, var(--green) 14%, var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 40%, transparent);border-color:#0000}.prayer-variant-row .ar{color:var(--green);font-size:18px;line-height:1.15}.prayer-playback-panel{justify-content:center}.prayer-select{border:1px solid var(--line);min-height:34px;color:var(--ink-soft);background:color-mix(in srgb, var(--bg-paper) 82%, transparent);border-radius:999px;align-items:center;gap:7px;padding:0 8px;font-size:11px;display:inline-flex}.prayer-select select{max-width:170px;min-height:26px;color:var(--ink);font:inherit;background:0 0;border:0}.prayer-repeat-live{border:1px solid var(--line-soft);min-height:30px;color:var(--green);background:color-mix(in srgb, var(--panel) 84%, transparent);border-radius:999px;align-items:center;padding:0 10px;font-size:11px;display:inline-flex}.prayer-body{gap:18px;display:grid}.prayer-choice-required{border:1px solid color-mix(in srgb, var(--gold) 34%, var(--line));background:color-mix(in srgb, var(--gold) 8%, var(--panel));max-width:720px;color:var(--ink-soft);text-align:center;border-radius:8px;gap:4px;margin:0 auto;padding:14px;line-height:1.45;display:grid}.prayer-choice-required strong{color:var(--green)}.prayer-variant-note{max-width:760px;color:var(--ink-soft);text-align:center;margin:0 auto;line-height:1.5}.prayer-group{border-top:1px solid var(--line-soft);padding-top:18px;scroll-margin-top:170px}.prayer-group.active{border-top-color:color-mix(in srgb, var(--gold) 72%, var(--line))}.prayer-group-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.prayer-group-head h3{color:var(--green);flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;font-family:Cormorant Garamond,serif;font-size:24px;display:flex}.prayer-group-head h3 .ar{color:var(--gold-deep);font-family:Amiri,serif;font-size:24px}.prayer-steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.prayer-step{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 84%, transparent);border-radius:8px;align-content:start;gap:9px;padding:14px;scroll-margin-top:190px;scroll-margin-bottom:170px;display:grid}.prayer-step.active{background:color-mix(in srgb, var(--green) 12%, var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 38%, transparent);border-color:#0000}.prayer-step-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;display:flex}.prayer-step-count,.prayer-step-validation{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg-paper) 78%, transparent);border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;display:inline-flex}.prayer-step-count{color:var(--gold-deep);font-weight:600}.prayer-step-validation{color:var(--ink-faint)}.prayer-step-label-ar{color:var(--gold-deep);font-size:17px;line-height:1.25}.prayer-ar{color:var(--green);font-size:calc(25px * var(--fs));text-align:center;margin:0;line-height:1.8}.prayer-ph{color:color-mix(in srgb, var(--ink-soft) 84%, var(--green) 16%);margin:0;font-family:Cormorant Garamond,serif;font-size:15px;font-style:italic;line-height:1.35}.prayer-note{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.45}.prayer-countdown{border:1px solid color-mix(in srgb, var(--green) 28%, var(--line));background:color-mix(in srgb, var(--green) 8%, transparent);border-radius:8px;gap:6px;padding:10px;display:grid}.prayer-countdown-top{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.prayer-countdown-top strong{color:var(--green);font-variant-numeric:tabular-nums;font-size:18px}.prayer-countdown-bar{background:color-mix(in srgb, var(--line-soft) 80%, transparent);border-radius:999px;height:8px;overflow:hidden}.prayer-countdown-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--gold));height:100%;transition:width .24s;display:block}.prayer-step-play{justify-self:start}.prayer-step-play:disabled,.prayer-group-head .section-block-play:disabled,.prayer-playback-panel .playall-btn:disabled{opacity:.48;cursor:default}.initiation-body{gap:20px;max-width:980px;margin:0 auto}.initiation-hero{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:18px 0 6px;display:grid}.initiation-hero h3{color:var(--green);font-family:Cormorant Garamond,serif;font-size:calc(29px * var(--fs));margin:5px 0 8px;line-height:1.08}.initiation-hero p{max-width:680px;color:var(--ink-soft);margin:0;line-height:1.58}.initiation-lang-switch{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 84%, transparent);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.initiation-lang-switch button{min-width:44px;min-height:30px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;font-size:11px;font-weight:650}.initiation-lang-switch button.sel{color:var(--green);background:color-mix(in srgb, var(--green) 13%, var(--panel))}.initiation-blocks{gap:16px;display:grid}.initiation-block{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 86%, transparent);border-radius:8px;gap:12px;padding:16px;display:grid}.initiation-block--tradition{border-color:color-mix(in srgb, var(--gold) 40%, var(--line));background:color-mix(in srgb, var(--gold) 7%, var(--panel))}.initiation-block-head{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;display:grid}.initiation-step-num{width:34px;height:34px;color:var(--gold-deep);background:color-mix(in srgb, var(--gold) 12%, var(--panel));border:1px solid color-mix(in srgb, var(--gold) 36%, var(--line));border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.initiation-block h3{color:var(--green);font-family:Cormorant Garamond,serif;font-size:calc(24px * var(--fs));gap:2px;margin:0;line-height:1.1;display:grid}.initiation-block h3 .ar{color:var(--gold-deep);font-family:Amiri,serif;font-size:calc(22px * var(--fs))}.initiation-audio-row{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.initiation-audio-btn,.prayer-meaning-play{gap:6px;min-height:30px;padding:5px 9px}.initiation-audio-btn.active,.prayer-meaning-play.active{color:var(--green);border-color:color-mix(in srgb, var(--green) 46%, var(--line))}.initiation-copy-stack{gap:10px;display:grid}.initiation-copy{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.68}.initiation-copy.ar{color:var(--ink);font-family:Amiri,serif;font-size:calc(20px * var(--fs));line-height:1.95}.initiation-source-row{flex-wrap:wrap;gap:6px;display:flex}.initiation-source-row span,.initiation-sources a,.initiation-sources span{border:1px solid var(--line-soft);min-height:26px;color:var(--ink-faint);background:color-mix(in srgb, var(--bg-paper) 72%, transparent);border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;text-decoration:none;display:inline-flex}.initiation-poem-card{border:1px solid color-mix(in srgb, var(--green) 28%, var(--line));background:color-mix(in srgb, var(--green) 6%, var(--bg-paper));border-radius:8px;gap:12px;padding:14px;display:grid}.initiation-poem-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.initiation-poem-head>div{gap:3px;display:grid}.initiation-poem-head strong{color:var(--green);font-size:15px}.initiation-poem-head span{color:var(--ink-soft);font-size:12px}.initiation-poem-list{gap:10px;display:grid}.initiation-poem-verse{border-top:1px solid var(--line-soft);grid-template-columns:34px minmax(0,1fr);gap:10px;padding-top:10px;display:grid}.initiation-poem-verse:first-child{border-top:0;padding-top:0}.initiation-poem-num{color:var(--gold-deep);font-size:18px;line-height:1.2}.initiation-poem-verse p{color:var(--ink-soft);margin:0 0 5px;line-height:1.55}.initiation-poem-verse .ar{color:var(--green);font-family:Amiri,serif;font-size:calc(21px * var(--fs));line-height:1.8}.initiation-poem-ph{font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic;color:color-mix(in srgb, var(--ink-soft) 78%, var(--green) 22%)!important}.initiation-practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.initiation-practice-card{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 86%, transparent);min-height:150px;color:var(--ink);border-radius:8px;align-content:start;gap:8px;padding:15px;display:grid}.initiation-practice-card:hover{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, var(--panel))}.initiation-practice-card .ar{color:var(--gold-deep);font-size:24px;line-height:1.1}.initiation-practice-card strong{color:var(--green);font-family:Cormorant Garamond,serif;font-size:23px}.initiation-practice-card small{color:var(--ink-soft);line-height:1.45}.initiation-sources{border-top:1px solid var(--line-soft);gap:10px;padding-top:6px;display:grid}.initiation-sources h3{color:var(--green);margin:0;font-family:Cormorant Garamond,serif;font-size:22px}.initiation-sources div{flex-wrap:wrap;gap:7px;display:flex}.prayer-meaning-grid{gap:8px;display:grid}.prayer-meaning{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg-paper) 70%, transparent);border-radius:8px;gap:6px;padding:10px;display:grid}.prayer-meaning-head{color:var(--gold-deep);justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:650;display:flex}.prayer-meaning p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.48}.prayer-note-en{color:var(--ink-faint)}.sacred-term,.bayt-active .sacred-term,.kw .sacred-term,.kw-on .sacred-term,.section-block.active .sacred-term{color:var(--sacred-red);-webkit-text-fill-color:var(--sacred-red)}.harakat,.diacritic,.bayt-active .harakat,.bayt-active .diacritic,.kw .harakat,.kw .diacritic,.kw-on .harakat,.kw-on .diacritic,.section-block.active .harakat,.section-block.active .diacritic{color:#0000;-webkit-text-fill-color:transparent;text-shadow:0 0 0 var(--sacred-red), 0 0 .35px var(--sacred-red)}.icon-btn{min-width:40px;min-height:40px}.nav-btn{min-height:40px}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}.lang-toggle button,.set-segmented button{min-height:36px}.section-read-mode button,.section-karaoke button{min-height:30px}@media (width<=900px){.topbar-shell{gap:10px;height:66px;padding-inline:14px}.primary-nav{display:none}.topbar-brand{flex-basis:auto;max-width:none}.shell-tools{flex:none}.topbar-menu-btn{display:inline-flex}.home-screen{width:min(760px,100vw - 32px);padding-top:18px}.home-dashboard{grid-template-columns:1fr;gap:12px}.home-hero-card{min-height:0;padding:34px 26px 26px}.home-title{font-size:clamp(42px,10vw,70px)}.home-hero-title{font-size:clamp(24px,4.5vw,32px)}.home-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-stat{min-height:82px;padding:14px 12px}}@media (width>=901px) and (width<=1100px){.topbar-shell{gap:8px;padding-inline:12px}.topbar-brand{flex-basis:190px;max-width:210px}.primary-nav button{padding-inline:11px;font-size:12px}.shell-ui-lang{display:none}}@media (width<=720px){.shell-ui-lang{display:none}.brand-copy strong{font-size:15px}.brand-sigil{width:40px;height:40px}.home-grid,.home-grid-main{grid-template-columns:1fr}.home-action{min-height:108px}}@media (width<=560px){.home-screen{width:min(100vw - 24px,430px);padding:26px 0 118px}.topbar-shell{height:64px;padding-inline:10px}.shell-tools{gap:4px}.home-topbar .shell-tools .icon-btn{width:38px;height:38px}.home-dashboard{gap:14px}.home-hero-card{padding:28px 26px}.home-card-diamond{width:30px;height:30px;top:24px;right:24px}.home-hero-kicker{margin-bottom:22px;font-size:10px}.home-title{text-align:right;font-size:clamp(44px,17vw,62px)}.home-hero-title{margin-top:18px;font-size:clamp(28px,8.6vw,34px)}.home-hero-copy{font-size:16px;line-height:1.52}.home-hero-actions{grid-template-columns:1fr;display:grid}.home-hero-btn{width:100%;min-height:50px}.home-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-stat{min-height:108px;padding:16px}.home-action{min-height:96px;padding:15px}.home-section-label{flex-direction:column;align-items:flex-start;gap:2px}.home-action-label-ar{font-size:19px}.home-action-detail{font-size:15px}.home-action-detail-ar{font-size:14px}.home-more-cue{width:46px;height:46px;bottom:calc(14px + env(safe-area-inset-bottom))}.home-more-cue--top{top:calc(70px + env(safe-area-inset-top));bottom:auto}.home-bottom-nav{padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;justify-content:center;gap:4px;display:flex}.home-more-cue:before{inset:6px}.home-more-cue svg{width:20px;height:20px}.reader{max-width:calc(100vw - 16px);padding:4px 12px calc(198px + env(safe-area-inset-bottom))}.hide-sm{display:none}.topbar{gap:6px;padding:0 10px}.view-reader .topbar{height:60px;min-height:60px}.pwa-install-nudge{top:calc(66px + env(safe-area-inset-top));grid-template-columns:30px minmax(0,1fr) 30px;grid-template-areas:"icon copy close""action action action";gap:8px;padding:9px;left:8px;right:8px}.view-cover .pwa-install-nudge{top:calc(12px + env(safe-area-inset-top))}.view-reader .pwa-install-nudge{top:calc(106px + env(safe-area-inset-top))}.pwa-install-icon{grid-area:icon;width:30px;height:30px}.pwa-install-copy{grid-area:copy;font-size:11.5px}.pwa-install-copy strong{font-size:12px}.pwa-install-action{grid-area:action;width:100%;min-height:32px}.pwa-install-close{grid-area:close;width:30px;height:30px}.view-reader .reader{padding-top:calc(124px + env(safe-area-inset-top));padding-bottom:calc(222px + env(safe-area-inset-bottom))}.view-reader.pwa-nudge-visible .reader{padding-top:calc(224px + env(safe-area-inset-top))}.view-reader .bayt{scroll-margin-top:140px;scroll-margin-bottom:222px}.view-reader.pwa-nudge-visible .bayt{scroll-margin-top:238px}.mobile-reader-tools{z-index:28;background:color-mix(in srgb, var(--bg-paper) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);justify-content:center;padding:8px 10px 6px;display:flex;position:sticky;top:62px}.view-reader .mobile-reader-tools{z-index:41;scrollbar-width:none;justify-content:flex-start;gap:6px;position:fixed;left:0;right:0;overflow:auto hidden}.view-reader .mobile-reader-tools::-webkit-scrollbar{display:none}.audio-read-mode-mobile{flex:none;height:34px}.audio-read-mode-mobile button{min-width:48px;height:28px;padding-inline:8px;font-size:10px}.translation-toggle-mobile{background:color-mix(in srgb, var(--panel) 88%, transparent);flex:none;height:34px;box-shadow:0 8px 18px #32240c0f}.translation-toggle-mobile button{min-width:42px;height:28px;padding-inline:7px}.bayt-ar,.bayt-ar.quatrain .line{grid-template-columns:1fr;gap:7px}.bayt-ar .mid,.bayt-ar.quatrain .line .mid{margin:0 auto}.bayt{padding-top:88px}.bayt-num{right:0}.bayt-ref{right:30px}.annotation-btn{right:82px}.bayt-tools{gap:6px;left:0}.bayt-tools .annotation-btn,.bayt-tools .bookmark-btn,.bayt-tools .feedback-btn,.bayt-tools .verse-play-btn,.bayt-tools .share-btn{width:38px;min-width:38px;height:38px}.bottom-nav{gap:8px;padding-inline:12px}.bottom-nav .nav-btn{flex:1 1 0;justify-content:center;min-width:0;padding-inline:10px}.bottom-nav .home-nav-btn{flex:0 0 54px;min-width:54px;padding-inline:0}.toc-tabs{gap:5px;padding-inline:10px}.toc-tabs button{padding-inline:5px;font-size:10px}.toc-bookmark .toc-num{width:42px;font-size:13px}.audio-bar{width:min(100vw - 12px,560px);max-width:calc(100vw - 12px);bottom:calc(72px + env(safe-area-inset-bottom));z-index:39;border-radius:18px;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"play center""controls controls";align-items:center;gap:6px 8px;padding:6px 8px;display:grid}.audio-bar--off{justify-content:center;display:flex}.audio-play{grid-area:play;width:38px;height:38px}.audio-center{grid-area:center;gap:3px;min-width:0}.audio-status{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.audio-progress{height:7px}.audio-controls{scrollbar-width:none;flex-wrap:nowrap;grid-area:controls;gap:6px;padding-bottom:1px;display:flex;overflow:auto hidden}.audio-controls::-webkit-scrollbar{display:none}.audio-lang,.audio-karaoke,.audio-scope{flex:none;height:30px}.audio-lang button,.audio-karaoke button,.audio-scope button{height:28px;min-height:28px;padding:0 7px;font-size:10px}.audio-mode{flex:none;gap:4px;height:30px;padding:0 5px}.audio-mode-label{font-size:9px}.audio-mode-select{width:136px;min-height:26px;font-size:10px}.audio-preload{height:30px;padding:0 8px;font-size:10px}.audio-preload svg{width:13px;height:13px}.audio-speed{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-paper) 82%, transparent);border-radius:18px;flex-direction:row;flex:none;gap:5px;min-height:30px;padding:0 5px}.audio-speed-val{text-align:center;min-width:32px}.audio-speed input[type=range]{width:66px}.end-audio-prompt{bottom:calc(174px + env(safe-area-inset-bottom));border-radius:16px;width:min(420px,100vw - 18px);padding:12px}.end-audio-prompt-head{text-align:center;justify-content:center;min-height:34px;padding-inline:38px;position:relative}.end-audio-prompt-head strong{font-size:14px}.end-audio-close{position:absolute;top:50%;right:0;transform:translateY(-50%)}.end-audio-actions{grid-template-columns:minmax(0,1fr);justify-items:center;gap:7px;display:grid}.end-audio-action{width:min(100%,340px);min-height:40px;padding-inline:11px}.section-screen{padding-left:4px;padding-right:4px;padding-bottom:calc(132px + env(safe-area-inset-bottom))}.section-playback-panel{gap:8px}.section-read-mode{flex:none;height:30px}.section-read-mode button{height:28px;min-height:28px;padding:0 7px;font-size:10px}.section-karaoke{flex:none;height:30px}.section-karaoke button{height:28px;min-height:28px;padding:0 7px;font-size:10px}.section-speed{gap:5px;min-height:30px;padding:0 7px}.section-speed-val{min-width:32px}.section-speed input[type=range],.section-speed--compact input[type=range]{width:64px}.section-learning{gap:12px}.section-part{padding:14px 6px 16px}.section-part-label{gap:6px;font-size:10px}.section-part-num{flex-basis:22px;width:22px;height:22px}.section-part-audio{gap:7px}.section-part-play{min-width:82px;min-height:34px;padding:6px 10px;font-size:10px}.section-block-audio{gap:8px}.section-icon-legend{grid-template-columns:1fr}.learning-screen{max-width:100%}.learning-tabs{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.learning-tabs button{flex:none;min-height:36px;padding:7px 12px;font-size:11px}.learning-hero,.learning-guide,.learning-quiz-head{grid-template-columns:1fr;gap:12px;padding:16px 0}.learning-hero h3,.learning-guide h3,.learning-quiz-head h3{font-size:calc(23px * var(--fs))}.learning-hero-stats{min-width:0}.learning-path{grid-template-columns:1fr}.learning-path-step{min-height:86px}.learning-guide-grid{grid-template-columns:1fr;min-width:0}.learning-table{gap:12px;width:100%;min-width:0}.learning-row-head{display:none}.learning-row{border-top:1px solid var(--line-soft);grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:8px;padding:10px 0}.learning-row:first-of-type{border-top:0}.learning-row-label{flex-direction:row;grid-column:1/-1;justify-content:flex-start;gap:8px;min-height:42px;padding:8px 10px}.learning-row-ar{font-size:28px}.learning-cell{min-height:132px}.learning-cell-label{display:block}.learning-cell-main{font-size:calc(29px * var(--fs))}.learning-cell-pronounced{font-size:calc(18px * var(--fs))}.learning-rules{grid-template-columns:1fr}.learning-rule{padding:14px 12px}.learning-levels{grid-template-columns:1fr}.learning-levels button{min-height:96px}.learning-quiz-card{padding:14px 10px}.learning-quiz-choices{grid-template-columns:1fr}.learning-quiz-choice{min-height:70px}.learning-quiz-prompt{font-size:calc(22px * var(--fs))}.learning-next-question{justify-self:stretch}.prayer-screen{max-width:100%}.prayer-toolbar{margin-inline:-8px;padding-inline:8px;top:62px}.prayer-tabs{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.prayer-tabs button{flex:none}.prayer-variant-row{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.prayer-variant-row button{min-width:142px}.prayer-wadhifa-choice{justify-items:stretch}.prayer-choice-copy{text-align:left}.prayer-playback-panel{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.prayer-group{scroll-margin-top:186px}.prayer-group-head{flex-direction:column;align-items:flex-start}.prayer-group-head h3{font-size:22px}.prayer-steps{grid-template-columns:1fr}.prayer-step{padding:13px 10px;scroll-margin-top:258px;scroll-margin-bottom:220px}.prayer-ar{font-size:calc(23px * var(--fs));line-height:1.75}.initiation-hero{grid-template-columns:1fr;gap:12px;padding-top:10px}.initiation-hero h3{font-size:calc(25px * var(--fs))}.initiation-lang-switch{justify-self:stretch;overflow-x:auto}.initiation-lang-switch button{flex:1 0 48px}.initiation-block{padding:13px 10px}.initiation-block-head{grid-template-columns:1fr;gap:8px}.initiation-step-num{width:30px;height:30px}.initiation-block h3{font-size:calc(22px * var(--fs))}.initiation-audio-row{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.initiation-copy{font-size:14px}.initiation-copy.ar{font-size:calc(19px * var(--fs))}.initiation-poem-head{flex-direction:column;align-items:flex-start}.initiation-poem-head .nav-btn{justify-content:center;width:100%}.initiation-poem-verse,.initiation-practice-grid{grid-template-columns:1fr}.initiation-practice-card{min-height:118px}.prayer-meaning-grid{grid-template-columns:1fr}.prayer-meaning-head{flex-direction:column;align-items:flex-start}.section-nav{z-index:28;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg-paper) 92%, transparent);box-shadow:none;-webkit-backdrop-filter:blur(14px);border-radius:0;margin:0;position:fixed;bottom:0;left:0;right:0}.section-nav .nav-btn{flex:1 1 0;justify-content:center;min-width:0;min-height:46px;padding-inline:10px;font-size:12px}.section-nav .nav-btn span{overflow-wrap:anywhere;line-height:1.15}}