@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-700:oklch(51.4% .222 16.935);--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}table{text-indent:0;border-color:inherit;border-collapse:collapse}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!relative{position:relative!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{inset-block:0}.start-3\.5{inset-inline-start:calc(var(--spacing) * 3.5)}.end-0\.5{inset-inline-end:calc(var(--spacing) * .5)}.end-2\.5{inset-inline-end:calc(var(--spacing) * 2.5)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.right-0{right:0}.right-1{right:var(--spacing)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.bottom-0{bottom:0}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-\[calc\(var\(--player-h\,72px\)\+1\.5rem\)\]{bottom:calc(var(--player-h,72px) + 1.5rem)}.left-0{left:0}.left-1\/2{left:50%}.left-2\.5{left:calc(var(--spacing) * 2.5)}.isolate{isolation:isolate}.\!z-10{z-index:10!important}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[300\]{z-index:300}.z-\[389\]{z-index:389}.z-\[390\]{z-index:390}.z-\[420\]{z-index:420}.z-\[421\]{z-index:421}.z-\[430\]{z-index:430}.z-\[999\]{z-index:999}.z-\[1190\]{z-index:1190}.z-\[1200\]{z-index:1200}.z-\[var\(--z-modal\)\]{z-index:var(--z-modal)}.z-\[var\(--z-toast\)\]{z-index:var(--z-toast)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-1{margin-right:var(--spacing)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-\[0\.6rem\]{margin-bottom:.6rem}.mb-\[0\.25rem\]{margin-bottom:.25rem}.mb-\[0\.75rem\]{margin-bottom:.75rem}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-\[2px\]{height:2px}.h-\[42px\]{height:42px}.h-\[44px\]{height:44px}.h-\[52px\]{height:52px}.h-\[100dvh\]{height:100dvh}.h-\[min\(92vh\,860px\)\]{height:min(92vh,860px)}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[40vh\]{max-height:40vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-56{min-height:calc(var(--spacing) * 56)}.min-h-\[1\.78rem\]{min-height:1.78rem}.min-h-\[2\.45rem\]{min-height:2.45rem}.min-h-\[2\.75rem\]{min-height:2.75rem}.min-h-\[3\.8rem\]{min-height:3.8rem}.min-h-\[14rem\]{min-height:14rem}.min-h-\[18rem\]{min-height:18rem}.min-h-\[44px\]{min-height:44px}.min-h-\[max\(2\.75rem\,44px\)\]{min-height:max(2.75rem,44px)}.min-h-\[min\(360px\,calc\(100dvh-1rem\)\)\]{min-height:min(360px,100dvh - 1rem)}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[3px\]{width:3px}.w-\[42px\]{width:42px}.w-\[44px\]{width:44px}.w-\[52px\]{width:52px}.w-\[480px\]{width:480px}.w-\[min\(90vw\,400px\)\]{width:min(90vw,400px)}.w-\[min\(92vw\,28rem\)\]{width:min(92vw,28rem)}.w-\[min\(96vw\,1180px\)\]{width:min(96vw,1180px)}.w-\[min\(920px\,calc\(100vw-1rem\)\)\]{width:min(920px,100vw - 1rem)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[34ch\]{max-width:34ch}.max-w-\[34rem\]{max-width:34rem}.max-w-\[1040px\]{max-width:1040px}.max-w-\[1120px\]{max-width:1120px}.max-w-\[min\(90vw\,360px\)\]{max-width:min(90vw,360px)}.max-w-\[min\(100\%\,32rem\)\]{max-width:min(100%,32rem)}.max-w-\[min\(100vw\,34rem\)\]{max-width:min(100vw,34rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-\[2\.75rem\]{min-width:2.75rem}.min-w-\[5rem\]{min-width:5rem}.min-w-\[7\.5rem\]{min-width:7.5rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[200px\]{min-width:200px}.min-w-\[max\(2\.75rem\,44px\)\]{min-width:max(2.75rem,44px)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[bisAppear_0\.65s_cubic-bezier\(0\.22\,1\,0\.36\,1\)_0\.3s_both\]{animation:.65s cubic-bezier(.22,1,.36,1) .3s both bisAppear}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[0\.3rem\]{gap:.3rem}.gap-\[0\.4rem\]{gap:.4rem}.gap-\[0\.5rem\]{gap:.5rem}.gap-\[0\.6rem\]{gap:.6rem}.gap-\[0\.34rem\]{gap:.34rem}.gap-\[0\.35rem\]{gap:.35rem}.gap-\[0\.36rem\]{gap:.36rem}.gap-\[0\.42rem\]{gap:.42rem}.gap-\[0\.45rem\]{gap:.45rem}.gap-\[0\.48rem\]{gap:.48rem}.gap-\[0\.62rem\]{gap:.62rem}.gap-\[1\.2rem\]{gap:1.2rem}.gap-\[clamp\(0\.45rem\,0\.85vw\,0\.72rem\)\]{gap:clamp(.45rem,.85vw,.72rem)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[0\.82rem\]{border-radius:.82rem}.rounded-\[0\.88rem\]{border-radius:.88rem}.rounded-\[1\.6rem\]{border-radius:1.6rem}.rounded-\[1\.18rem\]{border-radius:1.18rem}.rounded-\[1\.35rem\]{border-radius:1.35rem}.rounded-\[5px\]{border-radius:5px}.rounded-\[20px\]{border-radius:20px}.rounded-\[26px\]{border-radius:26px}.rounded-\[var\(--r-md\)\]{border-radius:var(--r-md)}.rounded-\[var\(--r-xl\)\]{border-radius:var(--r-xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-l-2xl{border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[color-mix\(in_srgb\,var\(--primary\)_15\%\,transparent_85\%\)\]{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--primary\)_15\%\,transparent_85\%\)\]{border-color:color-mix(in srgb,var(--primary) 15%,transparent 85%)}}.border-\[color-mix\(in_srgb\,var\(--primary\)_20\%\,transparent_80\%\)\]{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--primary\)_20\%\,transparent_80\%\)\]{border-color:color-mix(in srgb,var(--primary) 20%,transparent 80%)}}.border-\[color-mix\(in_srgb\,var\(--theme-border\)_52\%\,transparent_48\%\)\]{border-color:var(--theme-border)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--theme-border\)_52\%\,transparent_48\%\)\]{border-color:color-mix(in srgb,var(--theme-border) 52%,transparent 48%)}}.border-\[color-mix\(in_srgb\,var\(--theme-border\)_56\%\,transparent_44\%\)\]{border-color:var(--theme-border)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--theme-border\)_56\%\,transparent_44\%\)\]{border-color:color-mix(in srgb,var(--theme-border) 56%,transparent 44%)}}.border-\[color-mix\(in_srgb\,var\(--theme-border\)_58\%\,transparent_42\%\)\]{border-color:var(--theme-border)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--theme-border\)_58\%\,transparent_42\%\)\]{border-color:color-mix(in srgb,var(--theme-border) 58%,transparent 42%)}}.border-\[color-mix\(in_srgb\,var\(--theme-border\)_60\%\,transparent_40\%\)\]{border-color:var(--theme-border)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--theme-border\)_60\%\,transparent_40\%\)\]{border-color:color-mix(in srgb,var(--theme-border) 60%,transparent 40%)}}.border-\[color-mix\(in_srgb\,var\(--theme-border\)_62\%\,transparent_38\%\)\]{border-color:var(--theme-border)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--theme-border\)_62\%\,transparent_38\%\)\]{border-color:color-mix(in srgb,var(--theme-border) 62%,transparent 38%)}}.border-\[color-mix\(in_srgb\,var\(--theme-border\)_70\%\,transparent_30\%\)\]{border-color:var(--theme-border)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--theme-border\)_70\%\,transparent_30\%\)\]{border-color:color-mix(in srgb,var(--theme-border) 70%,transparent 30%)}}.border-\[color-mix\(in_srgb\,var\(--theme-border-strong\)_30\%\,transparent_70\%\)\]{border-color:var(--theme-border-strong)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--theme-border-strong\)_30\%\,transparent_70\%\)\]{border-color:color-mix(in srgb,var(--theme-border-strong) 30%,transparent 70%)}}.border-\[color-mix\(in_srgb\,var\(--theme-primary\)_28\%\,transparent_72\%\)\]{border-color:var(--theme-primary)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--theme-primary\)_28\%\,transparent_72\%\)\]{border-color:color-mix(in srgb,var(--theme-primary) 28%,transparent 72%)}}.border-\[color-mix\(in_srgb\,var\(--theme-primary\)_44\%\,transparent_56\%\)\]{border-color:var(--theme-primary)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--theme-primary\)_44\%\,transparent_56\%\)\]{border-color:color-mix(in srgb,var(--theme-primary) 44%,transparent 56%)}}.border-\[color-mix\(in_srgb\,var\(--theme-primary\)_48\%\,transparent_52\%\)\]{border-color:var(--theme-primary)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--theme-primary\)_48\%\,transparent_52\%\)\]{border-color:color-mix(in srgb,var(--theme-primary) 48%,transparent 52%)}}.border-\[rgba\(184\,134\,11\,0\.2\)\]{border-color:#b8860b33}.border-\[rgba\(184\,134\,11\,0\.26\)\]{border-color:#b8860b42}.border-\[rgba\(212\,168\,32\,0\.34\)\]{border-color:#d4a82057}.border-\[rgba\(var\(--error-rgb\,192\,57\,43\)\,0\.3\)\]{border-color:rgba(var(--error-rgb,192,57,43),.3)}.border-\[rgba\(var\(--primary-rgb\)\,0\.3\)\]{border-color:rgba(var(--primary-rgb),.3)}.border-\[rgba\(var\(--primary-rgb\)\,0\.4\)\]{border-color:rgba(var(--primary-rgb),.4)}.border-\[rgba\(var\(--primary-rgb\)\,0\.06\)\]{border-color:rgba(var(--primary-rgb),.06)}.border-\[rgba\(var\(--primary-rgb\)\,0\.12\)\]{border-color:rgba(var(--primary-rgb),.12)}.border-\[rgba\(var\(--primary-rgb\)\,0\.16\)\]{border-color:rgba(var(--primary-rgb),.16)}.border-\[rgba\(var\(--primary-rgb\)\,0\.22\)\]{border-color:rgba(var(--primary-rgb),.22)}.border-\[rgba\(var\(--theme-primary-rgb\)\,0\.42\)\]{border-color:rgba(var(--theme-primary-rgb),.42)}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.border-\[var\(--primary\)\]{border-color:var(--primary)}.border-\[var\(--quran-platform-border\)\]{border-color:var(--quran-platform-border)}.border-amber-500\/25{border-color:#f99c0040}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/25{border-color:color-mix(in oklab,var(--color-amber-500) 25%,transparent)}}.border-amber-500\/45{border-color:#f99c0073}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/45{border-color:color-mix(in oklab,var(--color-amber-500) 45%,transparent)}}.border-blue-500\/25{border-color:#3080ff40}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/25{border-color:color-mix(in oklab,var(--color-blue-500) 25%,transparent)}}.border-current{border-color:currentColor}.border-emerald-500\/25{border-color:#00bb7f40}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/25{border-color:color-mix(in oklab,var(--color-emerald-500) 25%,transparent)}}.border-emerald-500\/40{border-color:#00bb7f66}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/40{border-color:color-mix(in oklab,var(--color-emerald-500) 40%,transparent)}}.border-emerald-600\/30{border-color:#0097674d}@supports (color:color-mix(in lab,red,red)){.border-emerald-600\/30{border-color:color-mix(in oklab,var(--color-emerald-600) 30%,transparent)}}.border-rose-200\/20{border-color:#ffccd333}@supports (color:color-mix(in lab,red,red)){.border-rose-200\/20{border-color:color-mix(in oklab,var(--color-rose-200) 20%,transparent)}}.border-rose-300\/30{border-color:#ffa2ae4d}@supports (color:color-mix(in lab,red,red)){.border-rose-300\/30{border-color:color-mix(in oklab,var(--color-rose-300) 30%,transparent)}}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab,red,red)){.border-white\/12{border-color:color-mix(in oklab,var(--color-white) 12%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-t-\[var\(--primary\)\]{border-top-color:var(--primary)}.bg-\[color-mix\(in_srgb\,var\(--bg-card\)_60\%\,transparent\)\]{background-color:var(--bg-card)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--bg-card\)_60\%\,transparent\)\]{background-color:color-mix(in srgb,var(--bg-card) 60%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--bg-card\)_70\%\,transparent\)\]{background-color:var(--bg-card)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--bg-card\)_70\%\,transparent\)\]{background-color:color-mix(in srgb,var(--bg-card) 70%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--primary\)_8\%\,transparent_92\%\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--primary\)_8\%\,transparent_92\%\)\]{background-color:color-mix(in srgb,var(--primary) 8%,transparent 92%)}}.bg-\[color-mix\(in_srgb\,var\(--primary\)_10\%\,transparent_90\%\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--primary\)_10\%\,transparent_90\%\)\]{background-color:color-mix(in srgb,var(--primary) 10%,transparent 90%)}}.bg-\[color-mix\(in_srgb\,var\(--primary\)_12\%\,transparent\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--primary\)_12\%\,transparent\)\]{background-color:color-mix(in srgb,var(--primary) 12%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--theme-bg\)_68\%\,\#040810_32\%\)\]{background-color:var(--theme-bg)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--theme-bg\)_68\%\,\#040810_32\%\)\]{background-color:color-mix(in srgb,var(--theme-bg) 68%,#040810 32%)}}.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg\)_72\%\,transparent_28\%\)\]{background-color:var(--theme-panel-bg)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg\)_72\%\,transparent_28\%\)\]{background-color:color-mix(in srgb,var(--theme-panel-bg) 72%,transparent 28%)}}.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg\)_76\%\,transparent_24\%\)\]{background-color:var(--theme-panel-bg)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg\)_76\%\,transparent_24\%\)\]{background-color:color-mix(in srgb,var(--theme-panel-bg) 76%,transparent 24%)}}.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg\)_78\%\,transparent_22\%\)\]{background-color:var(--theme-panel-bg)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg\)_78\%\,transparent_22\%\)\]{background-color:color-mix(in srgb,var(--theme-panel-bg) 78%,transparent 22%)}}.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg\)_80\%\,transparent_20\%\)\]{background-color:var(--theme-panel-bg)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg\)_80\%\,transparent_20\%\)\]{background-color:color-mix(in srgb,var(--theme-panel-bg) 80%,transparent 20%)}}.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg-strong\)_74\%\,transparent_26\%\)\]{background-color:var(--theme-panel-bg-strong)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg-strong\)_74\%\,transparent_26\%\)\]{background-color:color-mix(in srgb,var(--theme-panel-bg-strong) 74%,transparent 26%)}}.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg-strong\)_88\%\,transparent_12\%\)\]{background-color:var(--theme-panel-bg-strong)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg-strong\)_88\%\,transparent_12\%\)\]{background-color:color-mix(in srgb,var(--theme-panel-bg-strong) 88%,transparent 12%)}}.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg-strong\)_96\%\,\#ffffff_4\%\)\]{background-color:var(--theme-panel-bg-strong)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--theme-panel-bg-strong\)_96\%\,\#ffffff_4\%\)\]{background-color:color-mix(in srgb,var(--theme-panel-bg-strong) 96%,#fff 4%)}}.bg-\[color-mix\(in_srgb\,var\(--theme-primary\)_18\%\,transparent_82\%\)\]{background-color:var(--theme-primary)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--theme-primary\)_18\%\,transparent_82\%\)\]{background-color:color-mix(in srgb,var(--theme-primary) 18%,transparent 82%)}}.bg-\[rgba\(6\,13\,24\,0\.78\)\]{background-color:#060d18c7}.bg-\[rgba\(184\,134\,11\,0\.06\)\]{background-color:#b8860b0f}.bg-\[rgba\(184\,134\,11\,0\.12\)\]{background-color:#b8860b1f}.bg-\[rgba\(212\,168\,32\,0\.14\)\]{background-color:#d4a82024}.bg-\[rgba\(var\(--error-rgb\,192\,57\,43\)\,0\.08\)\]{background-color:rgba(var(--error-rgb,192,57,43),.08)}.bg-\[rgba\(var\(--primary-rgb\)\,0\.1\)\]{background-color:rgba(var(--primary-rgb),.1)}.bg-\[rgba\(var\(--primary-rgb\)\,0\.03\)\]{background-color:rgba(var(--primary-rgb),.03)}.bg-\[rgba\(var\(--primary-rgb\)\,0\.04\)\]{background-color:rgba(var(--primary-rgb),.04)}.bg-\[rgba\(var\(--primary-rgb\)\,0\.05\)\]{background-color:rgba(var(--primary-rgb),.05)}.bg-\[rgba\(var\(--primary-rgb\)\,0\.06\)\]{background-color:rgba(var(--primary-rgb),.06)}.bg-\[rgba\(var\(--primary-rgb\)\,0\.08\)\]{background-color:rgba(var(--primary-rgb),.08)}.bg-\[rgba\(var\(--primary-rgb\)\,0\.12\)\]{background-color:rgba(var(--primary-rgb),.12)}.bg-\[rgba\(var\(--primary-rgb\)\,0\.16\)\]{background-color:rgba(var(--primary-rgb),.16)}.bg-\[rgba\(var\(--theme-primary-rgb\)\,0\.08\)\]{background-color:rgba(var(--theme-primary-rgb),.08)}.bg-\[rgba\(var\(--theme-primary-rgb\)\,0\.14\)\]{background-color:rgba(var(--theme-primary-rgb),.14)}.bg-\[rgba\(var\(--theme-primary-rgb\)\,0\.16\)\]{background-color:rgba(var(--theme-primary-rgb),.16)}.bg-\[rgba\(var\(--theme-primary-rgb\)\,0\.18\)\]{background-color:rgba(var(--theme-primary-rgb),.18)}.bg-\[var\(--bg-card\)\]{background-color:var(--bg-card)}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-\[var\(--border-light\)\]{background-color:var(--border-light)}.bg-\[var\(--color-error\)\]{background-color:var(--color-error)}.bg-\[var\(--gold-bright\)\]{background-color:var(--gold-bright)}.bg-\[var\(--gold-tint\)\]{background-color:var(--gold-tint)}.bg-\[var\(--mushaf-bg\,var\(--bg-card\)\)\]{background-color:var(--mushaf-bg,var(--bg-card))}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-\[var\(--quran-platform-surface\)\]{background-color:var(--quran-platform-surface)}.bg-amber-400\/70{background-color:#fcbb00b3}@supports (color:color-mix(in lab,red,red)){.bg-amber-400\/70{background-color:color-mix(in oklab,var(--color-amber-400) 70%,transparent)}}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.bg-amber-600{background-color:var(--color-amber-600)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black) 55%,transparent)}}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent)}}.bg-current{background-color:currentColor}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-emerald-600\/10{background-color:#0097671a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-600\/10{background-color:color-mix(in oklab,var(--color-emerald-600) 10%,transparent)}}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500) 10%,transparent)}}.bg-red-500\/12{background-color:#fb2c361f}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/12{background-color:color-mix(in oklab,var(--color-red-500) 12%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-300\/10{background-color:#ffa2ae1a}@supports (color:color-mix(in lab,red,red)){.bg-rose-300\/10{background-color:color-mix(in oklab,var(--color-rose-300) 10%,transparent)}}.bg-rose-700\/95{background-color:#c20039f2}@supports (color:color-mix(in lab,red,red)){.bg-rose-700\/95{background-color:color-mix(in oklab,var(--color-rose-700) 95%,transparent)}}.bg-transparent{background-color:#0000}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.bg-white\/\[0\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-white) 6%,transparent)}}.bg-white\/\[0\.07\]{background-color:#ffffff12}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.07\]{background-color:color-mix(in oklab,var(--color-white) 7%,transparent)}}.bg-white\/\[0\.045\]{background-color:#ffffff0b}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.045\]{background-color:color-mix(in oklab,var(--color-white) 4.5%,transparent)}}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(90deg\,transparent\,rgba\(var\(--primary-rgb\)\,0\.35\)_25\%\,rgba\(184\,134\,11\,0\.65\)_50\%\,rgba\(var\(--primary-rgb\)\,0\.35\)_75\%\,transparent\)\]{background-image:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.35) 25%,#b8860ba6 50%,rgba(var(--primary-rgb),.35) 75%,transparent)}.bg-\[linear-gradient\(135deg\,var\(--gold\)\,\#9a7008\)\]{background-image:linear-gradient(135deg,var(--gold),#9a7008)}.bg-\[linear-gradient\(135deg\,var\(--primary\)_0\%\,color-mix\(in_srgb\,var\(--primary\)_85\%\,black\)_100\%\)\]{background-image:linear-gradient(135deg,var(--primary) 0%,var(--primary) 100%)}@supports (color:color-mix(in lab,red,red)){.bg-\[linear-gradient\(135deg\,var\(--primary\)_0\%\,color-mix\(in_srgb\,var\(--primary\)_85\%\,black\)_100\%\)\]{background-image:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 85%,black) 100%)}}.bg-\[linear-gradient\(135deg\,var\(--theme-primary\)_0\%\,color-mix\(in_srgb\,var\(--theme-primary\)_78\%\,var\(--theme-bg\)_22\%\)_58\%\,color-mix\(in_srgb\,var\(--theme-primary\)_62\%\,var\(--theme-bg\)_38\%\)_100\%\)\]{background-image:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-primary) 58%,var(--theme-primary) 100%)}@supports (color:color-mix(in lab,red,red)){.bg-\[linear-gradient\(135deg\,var\(--theme-primary\)_0\%\,color-mix\(in_srgb\,var\(--theme-primary\)_78\%\,var\(--theme-bg\)_22\%\)_58\%\,color-mix\(in_srgb\,var\(--theme-primary\)_62\%\,var\(--theme-bg\)_38\%\)_100\%\)\]{background-image:linear-gradient(135deg,var(--theme-primary) 0%,color-mix(in srgb,var(--theme-primary) 78%,var(--theme-bg) 22%) 58%,color-mix(in srgb,var(--theme-primary) 62%,var(--theme-bg) 38%) 100%)}}.bg-\[linear-gradient\(145deg\,color-mix\(in_srgb\,var\(--bg-secondary\)_88\%\,\#ffffff_12\%\)\,color-mix\(in_srgb\,var\(--bg-secondary\)_94\%\,\#000000_6\%\)\)\]{background-image:linear-gradient(145deg,var(--bg-secondary),var(--bg-secondary))}@supports (color:color-mix(in lab,red,red)){.bg-\[linear-gradient\(145deg\,color-mix\(in_srgb\,var\(--bg-secondary\)_88\%\,\#ffffff_12\%\)\,color-mix\(in_srgb\,var\(--bg-secondary\)_94\%\,\#000000_6\%\)\)\]{background-image:linear-gradient(145deg,color-mix(in srgb,var(--bg-secondary) 88%,#fff 12%),color-mix(in srgb,var(--bg-secondary) 94%,#000 6%))}}.bg-\[linear-gradient\(160deg\,color-mix\(in_srgb\,var\(--theme-panel-bg-strong\)_84\%\,transparent_16\%\)\,color-mix\(in_srgb\,var\(--theme-panel-bg\)_74\%\,transparent_26\%\)\)\]{background-image:linear-gradient(160deg,var(--theme-panel-bg-strong),var(--theme-panel-bg))}@supports (color:color-mix(in lab,red,red)){.bg-\[linear-gradient\(160deg\,color-mix\(in_srgb\,var\(--theme-panel-bg-strong\)_84\%\,transparent_16\%\)\,color-mix\(in_srgb\,var\(--theme-panel-bg\)_74\%\,transparent_26\%\)\)\]{background-image:linear-gradient(160deg,color-mix(in srgb,var(--theme-panel-bg-strong) 84%,transparent 16%),color-mix(in srgb,var(--theme-panel-bg) 74%,transparent 26%))}}.bg-\[linear-gradient\(165deg\,color-mix\(in_srgb\,var\(--theme-panel-bg-strong\)_95\%\,var\(--theme-primary\)_5\%\)\,color-mix\(in_srgb\,var\(--theme-panel-bg\)_94\%\,var\(--theme-bg\)_6\%\)\)\]{background-image:linear-gradient(165deg,var(--theme-panel-bg-strong),var(--theme-panel-bg))}@supports (color:color-mix(in lab,red,red)){.bg-\[linear-gradient\(165deg\,color-mix\(in_srgb\,var\(--theme-panel-bg-strong\)_95\%\,var\(--theme-primary\)_5\%\)\,color-mix\(in_srgb\,var\(--theme-panel-bg\)_94\%\,var\(--theme-bg\)_6\%\)\)\]{background-image:linear-gradient(165deg,color-mix(in srgb,var(--theme-panel-bg-strong) 95%,var(--theme-primary) 5%),color-mix(in srgb,var(--theme-panel-bg) 94%,var(--theme-bg) 6%))}}.bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.02\)\,rgba\(0\,0\,0\,0\.38\)\)\]{background-image:linear-gradient(#00000005,#00000061)}.bg-\[linear-gradient\(to_bottom\,transparent\,rgba\(var\(--primary-rgb\)\,0\.18\)\,transparent\)\]{background-image:linear-gradient(to bottom,transparent,rgba(var(--primary-rgb),.18),transparent)}.from-\[var\(--gold\)\]{--tw-gradient-from:var(--gold);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[var\(--primary\)\]{--tw-gradient-from:var(--primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#c8a84b\]\/40{--tw-gradient-via:oklab(74.2103% -.00049901 .117614/.4);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[rgba\(var\(--primary-rgb\)\,0\.3\)\]{--tw-gradient-via:rgba(var(--primary-rgb),.3);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#c8a84b\]\/70{--tw-gradient-to:oklab(74.2103% -.00049901 .117614/.7);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[rgba\(var\(--primary-rgb\)\,0\.15\)\]{--tw-gradient-to:rgba(var(--primary-rgb),.15);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[var\(--gold-bright\)\]{--tw-gradient-to:var(--gold-bright);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-500{--tw-gradient-to:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[0\.3rem\]{padding:.3rem}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[0\.4rem\]{padding-inline:.4rem}.px-\[0\.6rem\]{padding-inline:.6rem}.px-\[0\.9rem\]{padding-inline:.9rem}.px-\[0\.62rem\]{padding-inline:.62rem}.px-\[0\.68rem\]{padding-inline:.68rem}.px-\[0\.78rem\]{padding-inline:.78rem}.px-\[0\.85rem\]{padding-inline:.85rem}.px-\[0\.92rem\]{padding-inline:.92rem}.px-\[1\.1rem\]{padding-inline:1.1rem}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-\[0\.4rem\]{padding-block:.4rem}.py-\[0\.15rem\]{padding-block:.15rem}.py-\[0\.16rem\]{padding-block:.16rem}.py-\[0\.22rem\]{padding-block:.22rem}.py-\[0\.34rem\]{padding-block:.34rem}.py-\[0\.62rem\]{padding-block:.62rem}.py-\[0\.74rem\]{padding-block:.74rem}.py-\[1rem\]{padding-block:1rem}.ps-10{padding-inline-start:calc(var(--spacing) * 10)}.ps-11{padding-inline-start:calc(var(--spacing) * 11)}.pe-10{padding-inline-end:calc(var(--spacing) * 10)}.pe-12{padding-inline-end:calc(var(--spacing) * 12)}.pt-1{padding-top:var(--spacing)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-\[0\.72rem\]{padding-top:.72rem}.pr-1{padding-right:var(--spacing)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-\[calc\(var\(--player-h\,88px\)\+2\.4rem\)\]{padding-bottom:calc(var(--player-h,88px) + 2.4rem)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-\[1px\]{padding-left:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.\[font-family\:var\(--font-ui\)\]{font-family:var(--font-ui)}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.5em\]{font-size:.5em}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.52rem\]{font-size:.52rem}.text-\[0\.58rem\]{font-size:.58rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.64rem\]{font-size:.64rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.66rem\]{font-size:.66rem}.text-\[0\.67rem\]{font-size:.67rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.71rem\]{font-size:.71rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.73rem\]{font-size:.73rem}.text-\[0\.74rem\]{font-size:.74rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.76rem\]{font-size:.76rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.96rem\]{font-size:.96rem}.text-\[1\.08rem\]{font-size:1.08rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[clamp\(2\.2rem\,5vw\,2\.8rem\)\]{font-size:clamp(2.2rem,5vw,2.8rem)}.text-\[max\(0\.7rem\,11px\)\]{font-size:max(.7rem,11px)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-\[1\.85\]{--tw-leading:1.85;line-height:1.85}.leading-\[calc\(var\(--arabic-reading-line-height\,2\.46\)-0\.08\)\]{--tw-leading:calc(var(--arabic-reading-line-height,2.46) - .08);line-height:calc(var(--arabic-reading-line-height,2.46) - .08)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[var\(--font-ui\)\]{--tw-font-weight:var(--font-ui);font-weight:var(--font-ui)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\]{--tw-tracking:0;letter-spacing:0}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.\[overflow-wrap\:break-word\]{overflow-wrap:break-word}.\[word-break\:break-word\]{word-break:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[color-mix\(in_srgb\,var\(--theme-accent-bright\)_90\%\,transparent_10\%\)\]{color:var(--theme-accent-bright)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-accent-bright\)_90\%\,transparent_10\%\)\]{color:color-mix(in srgb,var(--theme-accent-bright) 90%,transparent 10%)}}.text-\[color-mix\(in_srgb\,var\(--theme-primary\)_68\%\,var\(--theme-text\)_32\%\)\]{color:var(--theme-primary)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-primary\)_68\%\,var\(--theme-text\)_32\%\)\]{color:color-mix(in srgb,var(--theme-primary) 68%,var(--theme-text) 32%)}}.text-\[color-mix\(in_srgb\,var\(--theme-primary\)_72\%\,var\(--theme-text\)_28\%\)\]{color:var(--theme-primary)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-primary\)_72\%\,var\(--theme-text\)_28\%\)\]{color:color-mix(in srgb,var(--theme-primary) 72%,var(--theme-text) 28%)}}.text-\[color-mix\(in_srgb\,var\(--theme-primary\)_76\%\,var\(--theme-text\)_24\%\)\]{color:var(--theme-primary)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-primary\)_76\%\,var\(--theme-text\)_24\%\)\]{color:color-mix(in srgb,var(--theme-primary) 76%,var(--theme-text) 24%)}}.text-\[color-mix\(in_srgb\,var\(--theme-primary\)_80\%\,var\(--theme-text\)_20\%\)\]{color:var(--theme-primary)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-primary\)_80\%\,var\(--theme-text\)_20\%\)\]{color:color-mix(in srgb,var(--theme-primary) 80%,var(--theme-text) 20%)}}.text-\[color-mix\(in_srgb\,var\(--theme-primary\)_85\%\,var\(--theme-text\)_15\%\)\]{color:var(--theme-primary)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-primary\)_85\%\,var\(--theme-text\)_15\%\)\]{color:color-mix(in srgb,var(--theme-primary) 85%,var(--theme-text) 15%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text\)_82\%\,var\(--theme-bg\)_18\%\)\]{color:var(--theme-text)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text\)_82\%\,var\(--theme-bg\)_18\%\)\]{color:color-mix(in srgb,var(--theme-text) 82%,var(--theme-bg) 18%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text\)_84\%\,var\(--theme-bg\)_16\%\)\]{color:var(--theme-text)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text\)_84\%\,var\(--theme-bg\)_16\%\)\]{color:color-mix(in srgb,var(--theme-text) 84%,var(--theme-bg) 16%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text\)_86\%\,var\(--theme-bg\)_14\%\)\]{color:var(--theme-text)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text\)_86\%\,var\(--theme-bg\)_14\%\)\]{color:color-mix(in srgb,var(--theme-text) 86%,var(--theme-bg) 14%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text\)_88\%\,var\(--theme-bg\)_12\%\)\]{color:var(--theme-text)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text\)_88\%\,var\(--theme-bg\)_12\%\)\]{color:color-mix(in srgb,var(--theme-text) 88%,var(--theme-bg) 12%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text\)_92\%\,\#ffffff_8\%\)\]{color:var(--theme-text)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text\)_92\%\,\#ffffff_8\%\)\]{color:color-mix(in srgb,var(--theme-text) 92%,#fff 8%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text\)_92\%\,var\(--theme-text-inverse\)_8\%\)\]{color:var(--theme-text)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text\)_92\%\,var\(--theme-text-inverse\)_8\%\)\]{color:color-mix(in srgb,var(--theme-text) 92%,var(--theme-text-inverse) 8%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_72\%\,transparent_28\%\)\]{color:var(--theme-text-inverse)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_72\%\,transparent_28\%\)\]{color:color-mix(in srgb,var(--theme-text-inverse) 72%,transparent 28%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_74\%\,transparent_26\%\)\]{color:var(--theme-text-inverse)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_74\%\,transparent_26\%\)\]{color:color-mix(in srgb,var(--theme-text-inverse) 74%,transparent 26%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_82\%\,transparent_18\%\)\]{color:var(--theme-text-inverse)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_82\%\,transparent_18\%\)\]{color:color-mix(in srgb,var(--theme-text-inverse) 82%,transparent 18%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_90\%\,transparent_10\%\)\]{color:var(--theme-text-inverse)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_90\%\,transparent_10\%\)\]{color:color-mix(in srgb,var(--theme-text-inverse) 90%,transparent 10%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_92\%\,transparent_8\%\)\]{color:var(--theme-text-inverse)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_92\%\,transparent_8\%\)\]{color:color-mix(in srgb,var(--theme-text-inverse) 92%,transparent 8%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_95\%\,transparent_5\%\)\]{color:var(--theme-text-inverse)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_95\%\,transparent_5\%\)\]{color:color-mix(in srgb,var(--theme-text-inverse) 95%,transparent 5%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_98\%\,transparent_2\%\)\]{color:var(--theme-text-inverse)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text-inverse\)_98\%\,transparent_2\%\)\]{color:color-mix(in srgb,var(--theme-text-inverse) 98%,transparent 2%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text-muted\)_76\%\,transparent_24\%\)\]{color:var(--theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text-muted\)_76\%\,transparent_24\%\)\]{color:color-mix(in srgb,var(--theme-text-muted) 76%,transparent 24%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text-muted\)_80\%\,transparent_20\%\)\]{color:var(--theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text-muted\)_80\%\,transparent_20\%\)\]{color:color-mix(in srgb,var(--theme-text-muted) 80%,transparent 20%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text-muted\)_80\%\,var\(--theme-text\)_20\%\)\]{color:var(--theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text-muted\)_80\%\,var\(--theme-text\)_20\%\)\]{color:color-mix(in srgb,var(--theme-text-muted) 80%,var(--theme-text) 20%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text-muted\)_82\%\,var\(--theme-text\)_18\%\)\]{color:var(--theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text-muted\)_82\%\,var\(--theme-text\)_18\%\)\]{color:color-mix(in srgb,var(--theme-text-muted) 82%,var(--theme-text) 18%)}}.text-\[color-mix\(in_srgb\,var\(--theme-text-muted\)_88\%\,var\(--theme-bg\)_12\%\)\]{color:var(--theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.text-\[color-mix\(in_srgb\,var\(--theme-text-muted\)_88\%\,var\(--theme-bg\)_12\%\)\]{color:color-mix(in srgb,var(--theme-text-muted) 88%,var(--theme-bg) 12%)}}.text-\[color\:color-mix\(in_srgb\,var\(--text-secondary\)_92\%\,var\(--text-primary\)_8\%\)\]{color:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.text-\[color\:color-mix\(in_srgb\,var\(--text-secondary\)_92\%\,var\(--text-primary\)_8\%\)\]{color:color-mix(in srgb,var(--text-secondary) 92%,var(--text-primary) 8%)}}.text-\[rgba\(var\(--primary-rgb\)\,0\.35\)\]{color:rgba(var(--primary-rgb),.35)}.text-\[var\(--bismillah-color\)\]{color:var(--bismillah-color)}.text-\[var\(--c-danger\,\#b42318\)\]{color:var(--c-danger,#b42318)}.text-\[var\(--error\,\#c0392b\)\]{color:var(--error,#c0392b)}.text-\[var\(--gold\)\]{color:var(--gold)}.text-\[var\(--gold\,\#b8860b\)\]{color:var(--gold,#b8860b)}.text-\[var\(--primary\)\]{color:var(--primary)}.text-\[var\(--primary-ink\,var\(--primary\)\)\]{color:var(--primary-ink,var(--primary))}.text-\[var\(--text\)\]{color:var(--text)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-quran\,var\(--text-primary\)\)\]{color:var(--text-quran,var(--text-primary))}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--theme-text\)\]{color:var(--theme-text)}.text-amber-600{color:var(--color-amber-600)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-500{color:var(--color-gray-500)}.text-green-500{color:var(--color-green-500)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-rose-100{color:var(--color-rose-100)}.text-white{color:var(--color-white)}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab,red,red)){.text-white\/75{color:color-mix(in oklab,var(--color-white) 75%,transparent)}}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-dotted{text-decoration-style:dotted}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.\[-webkit-font-smoothing\:antialiased\]{-webkit-font-smoothing:antialiased}.accent-\[var\(--theme-primary\)\]{accent-color:var(--theme-primary)}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-\[0\.82\]{opacity:.82}.opacity-\[0\.84\]{opacity:.84}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[-28px_0_70px_rgba\(3\,10\,18\,0\.34\)\]{--tw-shadow:-28px 0 70px var(--tw-shadow-color,#030a1257);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_6px_var\(--gold\)\]{--tw-shadow:0 0 6px var(--tw-shadow-color,var(--gold));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(184\,134\,11\,0\.25\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#b8860b40);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_12px_color-mix\(in_srgb\,var\(--gold\)_35\%\,transparent_65\%\)\]{--tw-shadow:0 2px 12px var(--tw-shadow-color,var(--gold))}@supports (color:color-mix(in lab,red,red)){.shadow-\[0_2px_12px_color-mix\(in_srgb\,var\(--gold\)_35\%\,transparent_65\%\)\]{--tw-shadow:0 2px 12px var(--tw-shadow-color,color-mix(in srgb,var(--gold) 35%,transparent 65%))}}.shadow-\[0_2px_12px_color-mix\(in_srgb\,var\(--gold\)_35\%\,transparent_65\%\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(28\,25\,23\,0\.08\)\,0_1px_4px_rgba\(28\,25\,23\,0\.05\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.65\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#1c191714), 0 1px 4px var(--tw-shadow-color,#1c19170d), inset 0 1px 0 var(--tw-shadow-color,#ffffffa6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(var\(--primary-rgb\)\,0\.5\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,rgba(var(--primary-rgb),.5));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_38px_-10px_rgba\(22\,23\,24\,0\.35\)\,0_10px_20px_-15px_rgba\(22\,23\,24\,0\.2\)\]{--tw-shadow:0 10px 38px -10px var(--tw-shadow-color,#16171859), 0 10px 20px -15px var(--tw-shadow-color,#16171833);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_12px_24px_rgba\(var\(--primary-rgb\)\,0\.18\)\,0_1px_0_rgba\(255\,255\,255\,0\.18\)_inset\]{--tw-shadow:0 12px 24px var(--tw-shadow-color,rgba(var(--primary-rgb),.18)), 0 1px 0 var(--tw-shadow-color,#ffffff2e) inset;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_48px_-12px_rgba\(0\,0\,0\,0\.25\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 16px 48px -12px var(--tw-shadow-color,#00000040), 0 0 0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_40px_90px_rgba\(2\,8\,18\,0\.56\)\]{--tw-shadow:0 40px 90px var(--tw-shadow-color,#0208128f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.07\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff12);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--quran-platform-shadow\)\]{--tw-shadow:var(--quran-platform-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[rgba\(var\(--primary-rgb\)\,0\.25\)\]{--tw-shadow-color:rgba(var(--primary-rgb),.25)}@supports (color:color-mix(in lab,red,red)){.shadow-\[rgba\(var\(--primary-rgb\)\,0\.25\)\]{--tw-shadow-color:color-mix(in oklab, rgba(var(--primary-rgb),.25) var(--tw-shadow-alpha), transparent)}}.shadow-amber-600\/20{--tw-shadow-color:#dd740033}@supports (color:color-mix(in lab,red,red)){.shadow-amber-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-amber-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background\,color\,border-color\]{transition-property:background,color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\]{transition-property:background-color,border-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\]{transition-property:background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,box-shadow\]{transition-property:background-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\]{transition-property:background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\]{transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[box-shadow\,filter\,transform\]{transition-property:box-shadow,filter,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,border-color\]{transition-property:color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\]{transition-property:margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,background-color\]{transition-property:transform,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,box-shadow\,border-color\,background-color\]{transition-property:transform,box-shadow,border-color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[font-kerning\:normal\]{font-kerning:normal}.\[font-synthesis\:none\]{font-synthesis:none}.\[text-rendering\:optimizeLegibility\]{text-rendering:optimizelegibility}.before\:block:before{content:var(--tw-content);display:block}.before\:h-\[1\.5px\]:before{content:var(--tw-content);height:1.5px}.before\:h-\[3px\]:before{content:var(--tw-content);height:3px}.before\:max-w-\[120px\]:before{content:var(--tw-content);max-width:120px}.before\:flex-1:before{content:var(--tw-content);flex:1}.before\:rounded-\[1px\]:before{content:var(--tw-content);border-radius:1px}.before\:bg-\[linear-gradient\(90deg\,transparent\,var\(--gold-border\,rgba\(184\,134\,11\,0\.3\)\)_40\%\,var\(--gold\,rgba\(184\,134\,11\,0\.65\)\)\)\]:before{content:var(--tw-content);background-image:linear-gradient(90deg,transparent,var(--gold-border,#b8860b4d) 40%,var(--gold,#b8860ba6))}.before\:bg-\[linear-gradient\(90deg\,transparent_0\%\,rgba\(184\,134\,11\,0\.4\)_20\%\,rgba\(184\,134\,11\,0\.75\)_50\%\,rgba\(184\,134\,11\,0\.4\)_80\%\,transparent_100\%\)\]:before{content:var(--tw-content);background-image:linear-gradient(90deg,#0000,#b8860b66 20%,#b8860bbf,#b8860b66 80%,#0000)}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-\[-2px\]:after{content:var(--tw-content);inset:-2px}.after\:block:after{content:var(--tw-content);display:block}.after\:h-\[1\.5px\]:after{content:var(--tw-content);height:1.5px}.after\:max-w-\[120px\]:after{content:var(--tw-content);max-width:120px}.after\:flex-1:after{content:var(--tw-content);flex:1}.after\:rounded-\[1px\]:after{content:var(--tw-content);border-radius:1px}.after\:rounded-\[inherit\]:after{content:var(--tw-content);border-radius:inherit}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-\[rgba\(var\(--primary-rgb\)\,0\.45\)\]:after{content:var(--tw-content);border-color:rgba(var(--primary-rgb),.45)}.after\:bg-\[linear-gradient\(90deg\,var\(--gold\,rgba\(184\,134\,11\,0\.65\)\)\,var\(--gold-border\,rgba\(184\,134\,11\,0\.3\)\)_60\%\,transparent\)\]:after{content:var(--tw-content);background-image:linear-gradient(90deg,var(--gold,#b8860ba6),var(--gold-border,#b8860b4d) 60%,transparent)}.after\:opacity-60:after{content:var(--tw-content);opacity:.6}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-\[2px\]:hover{--tw-translate-y: -2px ;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:rotate-90:hover{rotate:90deg}.hover\:border-\[color-mix\(in_srgb\,var\(--primary\)_30\%\,transparent_70\%\)\]:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-\[color-mix\(in_srgb\,var\(--primary\)_30\%\,transparent_70\%\)\]:hover{border-color:color-mix(in srgb,var(--primary) 30%,transparent 70%)}}.hover\:border-\[color-mix\(in_srgb\,var\(--theme-primary\)_44\%\,transparent_56\%\)\]:hover{border-color:var(--theme-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-\[color-mix\(in_srgb\,var\(--theme-primary\)_44\%\,transparent_56\%\)\]:hover{border-color:color-mix(in srgb,var(--theme-primary) 44%,transparent 56%)}}.hover\:border-\[rgba\(var\(--primary-rgb\)\,0\.4\)\]:hover{border-color:rgba(var(--primary-rgb),.4)}.hover\:border-\[rgba\(var\(--theme-primary-rgb\)\,0\.34\)\]:hover{border-color:rgba(var(--theme-primary-rgb),.34)}.hover\:border-\[var\(--border-strong\)\]:hover{border-color:var(--border-strong)}.hover\:border-\[var\(--primary\)\]:hover{border-color:var(--primary)}.hover\:border-emerald-600\/50:hover{border-color:#00976780}@supports (color:color-mix(in lab,red,red)){.hover\:border-emerald-600\/50:hover{border-color:color-mix(in oklab,var(--color-emerald-600) 50%,transparent)}}.hover\:border-rose-300\/40:hover{border-color:#ffa2ae66}@supports (color:color-mix(in lab,red,red)){.hover\:border-rose-300\/40:hover{border-color:color-mix(in oklab,var(--color-rose-300) 40%,transparent)}}.hover\:bg-\[color-mix\(in_srgb\,var\(--primary\)_8\%\,transparent_92\%\)\]:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--primary\)_8\%\,transparent_92\%\)\]:hover{background-color:color-mix(in srgb,var(--primary) 8%,transparent 92%)}}.hover\:bg-\[color-mix\(in_srgb\,var\(--primary\)_14\%\,transparent_86\%\)\]:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--primary\)_14\%\,transparent_86\%\)\]:hover{background-color:color-mix(in srgb,var(--primary) 14%,transparent 86%)}}.hover\:bg-\[rgba\(var\(--primary-rgb\)\,0\.1\)\]:hover{background-color:rgba(var(--primary-rgb),.1)}.hover\:bg-\[rgba\(var\(--primary-rgb\)\,0\.08\)\]:hover{background-color:rgba(var(--primary-rgb),.08)}.hover\:bg-\[rgba\(var\(--primary-rgb\)\,0\.15\)\]:hover{background-color:rgba(var(--primary-rgb),.15)}.hover\:bg-\[rgba\(var\(--primary-rgb\)\,0\.16\)\]:hover{background-color:rgba(var(--primary-rgb),.16)}.hover\:bg-\[rgba\(var\(--theme-primary-rgb\)\,0\.1\)\]:hover{background-color:rgba(var(--theme-primary-rgb),.1)}.hover\:bg-\[rgba\(var\(--theme-primary-rgb\)\,0\.14\)\]:hover{background-color:rgba(var(--theme-primary-rgb),.14)}.hover\:bg-\[var\(--bg-hover\)\]:hover{background-color:var(--bg-hover)}.hover\:bg-\[var\(--bg-secondary\)\]:hover{background-color:var(--bg-secondary)}.hover\:bg-\[var\(--bg-tertiary\)\]:hover{background-color:var(--bg-tertiary)}.hover\:bg-\[var\(--hover-bg\)\]:hover{background-color:var(--hover-bg)}.hover\:bg-\[var\(--primary-dark\)\]:hover{background-color:var(--primary-dark)}.hover\:bg-\[var\(--primary-light\)\]:hover{background-color:var(--primary-light)}.hover\:bg-amber-700:hover{background-color:var(--color-amber-700)}.hover\:bg-emerald-600\/20:hover{background-color:#00976733}@supports (color:color-mix(in lab,red,red)){.hover\:bg-emerald-600\/20:hover{background-color:color-mix(in oklab,var(--color-emerald-600) 20%,transparent)}}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-rose-300\/16:hover{background-color:#ffa2ae29}@supports (color:color-mix(in lab,red,red)){.hover\:bg-rose-300\/16:hover{background-color:color-mix(in oklab,var(--color-rose-300) 16%,transparent)}}.hover\:bg-white\/\[0\.2\]:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.2\]:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:bg-white\/\[0\.12\]:hover{background-color:#ffffff1f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.12\]:hover{background-color:color-mix(in oklab,var(--color-white) 12%,transparent)}}.hover\:text-\[color-mix\(in_srgb\,var\(--theme-text\)_96\%\,\#ffffff_4\%\)\]:hover{color:var(--theme-text)}@supports (color:color-mix(in lab,red,red)){.hover\:text-\[color-mix\(in_srgb\,var\(--theme-text\)_96\%\,\#ffffff_4\%\)\]:hover{color:color-mix(in srgb,var(--theme-text) 96%,#fff 4%)}}.hover\:text-\[var\(--primary\)\]:hover{color:var(--primary)}.hover\:text-\[var\(--text\)\]:hover{color:var(--text)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_6px_18px_rgba\(184\,134\,11\,0\.3\)\]:hover{--tw-shadow:0 6px 18px var(--tw-shadow-color,#b8860b4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:brightness-105:hover{--tw-brightness:brightness(105%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[color-mix\(in_srgb\,var\(--theme-primary\)_52\%\,transparent_48\%\)\]:focus{border-color:var(--theme-primary)}@supports (color:color-mix(in lab,red,red)){.focus\:border-\[color-mix\(in_srgb\,var\(--theme-primary\)_52\%\,transparent_48\%\)\]:focus{border-color:color-mix(in srgb,var(--theme-primary) 52%,transparent 48%)}}.focus\:border-\[rgba\(var\(--theme-primary-rgb\)\,0\.4\)\]:focus{border-color:rgba(var(--theme-primary-rgb),.4)}.focus\:border-\[rgba\(var\(--theme-primary-rgb\)\,0\.42\)\]:focus{border-color:rgba(var(--theme-primary-rgb),.42)}.focus\:border-\[var\(--primary\)\]:focus{border-color:var(--primary)}.focus\:bg-\[var\(--hover-bg\,rgba\(var\(--primary-rgb\)\,0\.06\)\)\]:focus{background-color:var(--hover-bg,rgba(var(--primary-rgb),.06))}.focus\:bg-\[var\(--hover-bg\,rgba\(var\(--primary-rgb\)\,0\.08\)\)\]:focus{background-color:var(--hover-bg,rgba(var(--primary-rgb),.08))}.focus\:text-\[var\(--text-primary\)\]:focus{color:var(--text-primary)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[rgba\(var\(--theme-primary-rgb\)\,0\.16\)\]:focus{--tw-ring-color:rgba(var(--theme-primary-rgb),.16)}.focus\:ring-\[rgba\(var\(--theme-primary-rgb\)\,0\.18\)\]:focus{--tw-ring-color:rgba(var(--theme-primary-rgb),.18)}.focus\:ring-\[var\(--primary\)\]:focus{--tw-ring-color:var(--primary)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[var\(--color-error\)\]:focus-visible{--tw-ring-color:var(--color-error)}.focus-visible\:ring-\[var\(--gold\)\]:focus-visible,.focus-visible\:ring-\[var\(--gold\)\]\/40:focus-visible{--tw-ring-color:var(--gold)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-\[var\(--gold\)\]\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--gold) 40%, transparent)}}.focus-visible\:ring-\[var\(--primary\)\]:focus-visible{--tw-ring-color:var(--primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-transparent:focus-visible{--tw-ring-offset-color:transparent}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:bg-\[var\(--hover-bg\,rgba\(var\(--primary-rgb\)\,0\.08\)\)\][data-state=open]{background-color:var(--hover-bg,rgba(var(--primary-rgb),.08))}@media not all and (min-width:640px){.max-\[640px\]\:w-full{width:100%}.max-\[640px\]\:justify-center{justify-content:center}.max-\[640px\]\:gap-\[0\.4rem\]{gap:.4rem}.max-\[640px\]\:gap-\[0\.48rem\]{gap:.48rem}.max-\[640px\]\:rounded-\[1\.05rem\]{border-radius:1.05rem}.max-\[640px\]\:px-\[0\.54rem\]{padding-inline:.54rem}.max-\[640px\]\:px-\[0\.56rem\]{padding-inline:.56rem}.max-\[640px\]\:py-\[0\.54rem\]{padding-block:.54rem}.max-\[640px\]\:pt-\[0\.48rem\]{padding-top:.48rem}.max-\[640px\]\:pb-\[calc\(var\(--player-h\,88px\)\+1\.9rem\)\]{padding-bottom:calc(var(--player-h,88px) + 1.9rem)}.max-\[640px\]\:text-\[0\.7rem\]{font-size:.7rem}}@media not all and (min-width:480px){.max-\[480px\]\:h-5{height:calc(var(--spacing) * 5)}.max-\[480px\]\:min-h-\[32px\]{min-height:32px}.max-\[480px\]\:\[scrollbar-width\:none\]{scrollbar-width:none}.max-\[480px\]\:flex-nowrap{flex-wrap:nowrap}.max-\[480px\]\:justify-start{justify-content:flex-start}.max-\[480px\]\:overflow-x-auto{overflow-x:auto}.max-\[480px\]\:px-\[0\.58rem\]{padding-inline:.58rem}.max-\[480px\]\:py-\[0\.24rem\]{padding-block:.24rem}.max-\[480px\]\:text-\[0\.69rem\]{font-size:.69rem}.max-\[480px\]\:\[-ms-overflow-style\:none\]{-ms-overflow-style:none}}@media(min-width:901px){.min-\[901px\]\:mx-auto{margin-inline:auto}.min-\[901px\]\:max-w-\[960px\]{max-width:960px}}@media(min-width:40rem){.sm\:right-2{right:calc(var(--spacing) * 2)}.sm\:bottom-2{bottom:calc(var(--spacing) * 2)}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:min-h-\[20rem\]{min-height:20rem}.sm\:w-8{width:calc(var(--spacing) * 8)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:p-2\.5{padding:calc(var(--spacing) * 2.5)}.sm\:p-3\.5{padding:calc(var(--spacing) * 3.5)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-3{padding-block:calc(var(--spacing) * 3)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[0\.9rem\]{font-size:.9rem}.sm\:text-\[0\.75rem\]{font-size:.75rem}.sm\:text-\[0\.85rem\]{font-size:.85rem}.sm\:text-\[1\.05rem\]{font-size:1.05rem}}@media(min-width:48rem){.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}}@media(min-width:64rem){.lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media not all and (min-width:560px){@media(orientation:landscape){.max-\[560px\]\:landscape\:gap-\[0\.42rem\]{gap:.42rem}.max-\[560px\]\:landscape\:px-\[0\.62rem\]{padding-inline:.62rem}.max-\[560px\]\:landscape\:pt-\[0\.38rem\]{padding-top:.38rem}.max-\[560px\]\:landscape\:pb-\[calc\(var\(--player-h\,88px\)\+1\.25rem\)\]{padding-bottom:calc(var(--player-h,88px) + 1.25rem)}}}@media(prefers-color-scheme:dark){.dark\:text-amber-400{color:var(--color-amber-400)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-emerald-300{color:var(--color-emerald-300)}.dark\:text-emerald-400{color:var(--color-emerald-400)}}.\[\&_i\]\:scale-110 i{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.\[\&_i\]\:text-\[0\.78rem\] i{font-size:.78rem}.\[\&_i\]\:opacity-85 i{opacity:.85}.\[\&_i\]\:opacity-100 i{opacity:1}.\[\&_i\]\:transition-transform i{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[\&_i\]\:duration-300 i{--tw-duration:.3s;transition-duration:.3s}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}:root{--ts-2xs:clamp(.6rem, .55rem + .15vw, .65rem);--ts-xs:clamp(.7rem, .65rem + .15vw, .75rem);--ts-sm:clamp(.8rem, .75rem + .15vw, .875rem);--ts-base:clamp(.875rem, .82rem + .18vw, 1rem);--ts-lg:clamp(1rem, .92rem + .25vw, 1.125rem);--ts-xl:clamp(1.15rem, 1rem + .4vw, 1.35rem);--ts-2xl:clamp(1.4rem, 1.2rem + .6vw, 1.75rem);--ts-3xl:clamp(1.75rem, 1.4rem + 1vw, 2.25rem);--ts-4xl:clamp(2rem, 1.6rem + 1.2vw, 2.5rem)}@font-face{font-family:surahnames;src:url(/fonts/sura_names.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@media(max-width:390px){.app-main-shell{padding-inline:.12rem}.sidebar{font-size:.92rem;border-radius:var(--r-md)!important;width:100vw!important;min-width:0!important;max-width:100vw!important}.modal{font-size:.92rem;border-radius:var(--r-md)!important;padding:.5rem .3rem!important}.audio-player-modal,.audio-player-modal__surface{border-radius:var(--r-md)!important;min-width:0!important;max-width:100vw!important;padding:.3rem .1rem!important}.sidebar-tab-trigger{min-height:44px!important;font-size:.92rem!important}.modal-title{font-size:.92rem!important}}button{transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,box-shadow .2s,opacity .2s}button:active:not(:disabled){transform:scale(.96)}html{background:var(--theme-bg,var(--bg-primary,#f8fafc));scrollbar-gutter:stable both-edges}body{min-width:320px}.app-root>.app-skip-link{z-index:var(--z-skip);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;min-width:0;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.app-root>.app-skip-link:focus{clip-path:none;white-space:normal;border:1px solid var(--theme-border,var(--border));border-radius:var(--r-lg,.75rem);background:var(--theme-panel-bg-strong,var(--bg-card));width:auto;min-width:44px;height:auto;min-height:44px;color:var(--text-primary);margin:0;padding:.65rem .9rem;font-size:.875rem;font-weight:700;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;overflow:visible;box-shadow:0 10px 24px #0208172e}.app-root{min-height:100dvh}:root{--c-search:#3b82f6;--c-duas:#f59e0b;--c-theme-icon:#8b5cf6;--c-tools:#06b6d4;--c-general:#8b5cf6;--c-reading:#3b82f6;--c-audio-icon:#f59e0b;--c-danger:#ef4444;--c-danger-hover:#dc2626}@keyframes animate-in{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes animate-out{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@keyframes shimmer-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-in{--tw-enter-opacity:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-enter-rotate:0;animation-name:animate-in;animation-duration:.15s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.animate-out{--tw-exit-opacity:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--tw-exit-rotate:0;animation-name:animate-out;animation-duration:.15s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.animate-fadeInScale{animation:.3s cubic-bezier(0,0,.2,1) both fadeInScale}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@font-face{font-family:QPC Hafs;src:url(/fonts/uthmanic-hafs-v18.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:IndoPak;src:url(https://verses.quran.foundation/fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:KFGQPC Nastaleeq;src:url(https://static-cdn.tarteel.ai/qul/fonts/nastaleeq/KFGQPCNastaleeq-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KFGQPC Warsh;src:url(/fonts/kfgqpc-warsh-21.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--ink-1:#0f172a;--ink-2:#334155;--ink-3:#4b5563;--ink-4:#5f6c80;--parchment-1:#fdfaf4;--parchment-2:#f8f3e8;--parchment-3:#f1ebd8;--parchment-4:#e8dfc5;--emerald:#0b6235;--emerald-mid:#084c2a;--emerald-lit:#118247;--emerald-pale:#f0f7f3;--emerald-tint:#105a3014;--emerald-subtle:#105a301a;--gold-pale:#fffbeb;--gold-tint:#b386001f;--color-success:#0b6235;--color-warning:#b38600;--color-error:#be123c;--color-info:#0369a1;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 2px 4px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--shadow-lg:0 12px 24px #0f172a1a, 0 4px 8px #0f172a0f;--shadow-xl:0 20px 48px #0f172a1f, 0 10px 16px #0f172a14;--shadow-inner:inset 0 2px 4px #0000000f;--glass-border:#ffffff38;--glass-backdrop:blur(16px) saturate(180%);--glass-dark-backdrop:blur(20px) saturate(180%) brightness(.95);--line-height-quran:2.2;--line-height-ui:1.6;--header-h:80px;--header-h-mobile:46px;--player-h:80px;--sidebar-w:320px;--z-base:0;--z-progress:200;--z-fab:250;--z-header:260;--z-player:410;--z-overlay:499;--z-drawer:500;--z-modal:600;--z-dock:950;--z-sidebar:1000;--z-reciter:1100;--z-fullscreen:3000;--z-toast:9999;--z-skip:10000;--z-max:99999;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.125rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--r-xs:4px;--r-sm:8px;--r-base:10px;--r-md:12px;--r-md-lg:14px;--r-lg:16px;--r-xl:24px;--r-pill:9999px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--ease-in-cubic:cubic-bezier(.32, 0, .67, 0);--ease-out-cubic:cubic-bezier(.33, 1, .68, 1);--t-fast:.12s cubic-bezier(.4, 0, .2, 1);--t-mid:.2s cubic-bezier(.4, 0, .2, 1);--t-slow:.3s cubic-bezier(.4, 0, .2, 1);--t-slower:.5s cubic-bezier(.4, 0, .2, 1);--primary-dark:#084c2a;--primary-light:var(--emerald-pale);--accent-light:var(--emerald-pale);--accent-dark:#084c2a;--color-emerald:var(--emerald);--color-emerald-light:var(--emerald-pale);--color-emerald-dark:#084c2a;--color-gold:var(--gold);--color-gold-light:var(--gold-pale);--color-gold-dark:#8a6008;--color-amber:var(--gold);--color-amber-light:var(--gold-pale);--color-amber-dark:#8a6008;--gold-alpha:#b8860b1f;--gold-strong:#b8860b38;--gold-border:#b8860b47;--gold-light:#b8860b0f;--bg-tertiary:var(--parchment-3);--bg-overlay:#1c19178c;--bg-primary-72:#fdfaf4b8;--bg-card-92:#ffffffeb;--primary-22:#0b623538;--border-light:#c9ba9440;--border-subtle:#c9ba942e;--divider:#c9ba944d;--text-tertiary:var(--ink-3);--primary-on:#fff;--primary-on-muted:#ffffffb3;--primary-on-alpha:#ffffff14;--hover-bg:#0b62350f;--active-bg:#0b62351f;--highlight-bg:#b8860b14;--focus-ring:0 0 0 3px #0b62353d;--radius:var(--r-md);--radius-xs:var(--r-xs);--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl);--radius-full:var(--r-pill);--radius-pill:var(--r-pill);--shadow:var(--shadow-sm);--shadow-2xl:0 25px 50px -12px #1c19174d;--tr:var(--t-mid);--tr-fast:var(--t-fast);--tr-slow:var(--t-slow);--transition-fast:var(--t-fast);--transition-normal:var(--t-mid);--transition-slow:var(--t-slow)}[data-theme=sepia]{--parchment-1:#f5e9cc;--parchment-2:#edd8a8;--parchment-3:#dfc386;--parchment-4:#cba85e;--ink-1:#1e1000;--ink-2:#3c2408;--ink-3:#70502a;--ink-4:#6e4f29;--emerald-mid:#844a1c;--emerald-tint:#6b3a1414;--gold-bright:#bc8200;--gold-pale:#faf0d0;--gold-tint:#9a68001a;--shadow-xs:0 1px 2px #1e10000f;--shadow-sm:0 2px 6px #1e10001a, 0 1px 2px #1e10000f;--shadow-md:0 4px 14px #1e10001f, 0 2px 4px #1e100012;--shadow-lg:0 8px 28px #1e100024, 0 4px 8px #1e100017;--shadow-xl:0 16px 48px #1e10002b, 0 8px 16px #1e10001a;--shadow-gold:0 4px 16px #9a680038;--shadow-emerald:0 4px 16px #6b3a1433;--header-bg:var(--parchment-2);--header-glass:#f5e9ccf2;--header-border:#bb965a66;--sidebar-bg:var(--parchment-1);--player-bg:linear-gradient(160deg, #3a1c06 0%, #6b3a14 100%);--player-glass:linear-gradient(120deg, #3a1c06 0%, #5e3210 50%, #361806 100%);--surah-header-bg:linear-gradient(135deg, #3a1c06 0%, #6b3a14 60%, #4e2a0c 100%);--bismillah-color:var(--emerald);--text-quran:#160c00;--mushaf-bg:#f5e9cc;--mushaf-border:#bfa05a;--ayah-hover:#6b3a140f;--ayah-playing-bg:#9a680017;--glass-bg:#f5e9cce6;--glass-border:#ffffff38;--border:#bb965a66;--border-subtle:#bb965a2e;--border-strong:#bb965ab3;--divider:#9a78484d;--bg:var(--parchment-1);--bg-primary:var(--parchment-1);--bg-secondary:var(--parchment-2);--bg-tertiary:var(--parchment-3);--bg-card:#faf2db;--surface:#faf2db;--bg-overlay:#1e100080;--text-primary:var(--ink-1);--text-secondary:var(--ink-2);--text-tertiary:var(--ink-3);--text-muted:var(--ink-3);--text-inverse:#fff;--text:var(--ink-1);--primary:var(--emerald);--primary-hover:var(--emerald-mid);--gold:#9a6800;--gold-rgb:154, 104, 0;--header-h:80px;--sidebar-w:290px;--primary-dark:#3a1c06;--primary-light:var(--emerald-pale);--primary-rgb:107, 58, 20;--color-emerald:var(--emerald);--color-gold:var(--gold);--color-gold-dark:#7a5000;--gold-border:#9a680059;--gold-alpha:#9a68001f;--gold-strong:#9a68003d;--gold-light:#9a68000f;--primary-on:#fff;--primary-on-muted:#ffffffbf;--primary-on-alpha:#ffffff17;--hover-bg:#6b3a140f;--active-bg:#6b3a141f;--highlight-bg:#9a68001a;--focus-ring:0 0 0 3px #6b3a1438;--scrollbar-thumb:#6b3a1447;--mushaf-frame-outer:#9a680029;--mushaf-frame-inner:#9a680014}[data-theme=sepia] .app-main{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");background-attachment:local}[data-theme=dark]{--mushaf-frame-outer:#c8980e1f;--mushaf-frame-inner:#c8980e0f;--mushaf-pattern:none;--ink-3:#887d6e;--ink-4:#574f44;--parchment-1:#111009;--parchment-2:#1a1710;--parchment-3:#242018;--parchment-4:#302c22;--emerald:#105a30;--emerald-mid:#0d4a28;--emerald-lit:#15733f;--emerald-pale:#f0f7f3;--emerald-tint:#2a9e5e1a;--gold:#c8980e;--gold-bright:#e0b424;--gold-pale:#1c1804;--gold-tint:#c8980e1f;--shadow-xs:0 1px 3px #0006;--shadow-sm:0 2px 6px #00000073, 0 1px 2px #0000004d;--shadow-md:0 4px 16px #0000008c, 0 2px 4px #00000059;--shadow-lg:0 8px 32px #0009, 0 4px 8px #0006;--shadow-xl:0 16px 48px #000000a6, 0 8px 16px #00000073;--shadow-gold:0 4px 16px #c8980e38;--shadow-emerald:0 4px 16px #2a9e5e33;--header-bg:linear-gradient(160deg, #090e09 0%, #0e1f12 55%, #0a1a0e 100%);--header-glass:linear-gradient(135deg, #090e09f5 0%, #0e1f12f0 50%, #0a1a0ef5 100%);--header-border:#c8980e4d;--sidebar-bg:var(--parchment-2);--player-bg:linear-gradient(160deg, #090e09 0%, #0e1f12 100%);--player-glass:linear-gradient(120deg, #090e09 0%, #0e1f12 50%, #060d09 100%);--text-quran:#ede8db;--mushaf-bg:#1a1710;--mushaf-border:#3e3828;--ayah-hover:#2a9e5e12;--ayah-playing-bg:#c8980e17;--bismillah-color:var(--gold);--surah-header-bg:linear-gradient(135deg, #090e09 0%, #0e2016 60%, #0a1a0e 100%);--scrollbar-thumb:#2a9e5e4d;--primary:var(--emerald);--primary-dark:#090e09;--primary-light:var(--emerald-pale);--primary-rgb:42, 158, 94;--accent:var(--emerald);--accent-light:var(--emerald-pale);--accent-dark:#090e09;--color-emerald:var(--emerald);--color-emerald-light:var(--emerald-pale);--color-emerald-dark:#090e09;--color-gold:var(--gold);--color-gold-light:var(--gold-pale);--color-gold-dark:#a07808;--color-amber:var(--gold);--gold-alpha:#c8980e1f;--gold-strong:#c8980e3d;--gold-border:#c8980e4d;--gold-light:#c8980e0f;--glass-bg:#111009e6;--glass-border:#ffffff12;--bg:var(--parchment-1);--bg-primary:#121212;--bg-secondary:#1a1a1a;--bg-tertiary:#242424;--bg-card:#1a1710;--bg-overlay:#000000bf;--surface:#1a1710;--bg-primary-72:#121212b8;--bg-card-92:#1a1710eb;--primary-22:#105a3038;--border:#2d2d2d;--border-subtle:#242424;--border-light:#3e382859;--border-strong:#3e3828e6;--divider:#3e382866;--text-primary:var(--ink-1);--text-secondary:var(--ink-2);--text-tertiary:var(--ink-3);--text-muted:#9ca3af;--text-inverse:#080804;--text:#f3f4f6;--primary-on:#fff;--primary-on-muted:#ffffffb3;--primary-on-alpha:#ffffff0f;--hover-bg:#2a9e5e14;--active-bg:#2a9e5e26;--highlight-bg:#c8980e17;--focus-ring:0 0 0 3px #2a9e5e4d;--emerald-subtle:#c4dbd01f;--reading-surface-soft:#151719;--reading-surface-elevated:#0c0d0e;--player-border:#ffffff0f;--player-panel-bg:#151719b3;--player-chip-bg:#10b9811a;--player-chip-border:#10b98133;--player-chip-text:#10b981;--player-text-strong:#f3f4f6;--player-text-soft:#9ca3af;--player-accent:#10b981;--player-accent-strong:#059669;--player-accent-deep:#047857}[data-theme=sepia]{--reading-surface-soft:#fff8ecb8;--reading-surface-elevated:#fffbf3db;--player-border:#9a680033;--player-panel-bg:#4a260814;--player-chip-bg:#9a68001f;--player-chip-border:#9a680033;--player-chip-text:#7a5000;--player-text-strong:#241404eb;--player-text-soft:#6b3a14c7;--player-accent:#6b3a14;--player-accent-strong:#8a4d1b;--player-accent-deep:#4f2a0d}[data-theme=premium-beige] .app-main,html{height:100%;transition:background-color .25s,color .25s}.app-root{background-color:var(--bg-primary);background-image:radial-gradient(ellipse at 10% 0%,rgba(var(--primary-rgb),.12) 0%,transparent 45%),radial-gradient(ellipse at 90% 100%,#b8860b17 0%,transparent 45%),radial-gradient(ellipse at 50% 40%,rgba(var(--primary-rgb),.04) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='rgba(180%2C138%2C40%2C0.09)' stroke-width='0.8'%3E%3Cpolygon points='60,6 73,47 114,47 81,72 94,114 60,89 26,114 39,72 6,47 47,47'/%3E%3Cpolygon points='60,22 70,47 96,47 75,64 84,90 60,73 36,90 45,64 24,47 50,47'/%3E%3Ccircle cx='60' cy='60' r='28' stroke-width='0.5' stroke='rgba(180%2C138%2C40%2C0.04)'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,auto,auto,120px 120px;background-attachment:fixed}[data-theme=sepia] .app-root{background-color:#f4ecdf;background-image:radial-gradient(at 0 0,#aa82502e,#0000 55%),radial-gradient(at 100% 100%,#8c5a2824,#0000 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpolygon points='50,5 61,39 95,39 67,61 79,95 50,73 21,95 33,61 5,39 39,39' fill='none' stroke='rgba(150%2C100%2C30%2C0.09)' stroke-width='0.9'/%3E%3Cpolygon points='50,18 59,40 82,40 64,55 72,78 50,64 28,78 36,55 18,40 41,40' fill='none' stroke='rgba(150%2C100%2C30%2C0.05)' stroke-width='0.7'/%3E%3C/svg%3E");background-size:auto,auto,100px 100px;background-attachment:fixed}body{color:var(--text-primary);direction:inherit;height:100%;transition:background var(--t-mid),color var(--t-mid);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"kern" 1,"liga" 1;scroll-padding-bottom:var(--player-h,72px);margin:0;line-height:1.65}@keyframes app-view-fade-in{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}.app-view-shell{min-height:100%;animation:app-view-fade-in .22s var(--ease-out);will-change:opacity,transform}@media(min-width:768px){.app-main--home{padding-bottom:1.25rem!important}}@media(prefers-reduced-motion:reduce){.app-view-shell{animation:none}}a{color:inherit;text-decoration:none}button{font-family:var(--font-ui)}ul,ol{margin:0;padding:0;list-style:none}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px;transition:background .2s}::selection{background:var(--gold-strong);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ayahPulse{0%,to{box-shadow:0 0 rgba(var(--primary-rgb),0)}50%{box-shadow:0 0 0 4px rgba(var(--primary-rgb),.12)}}@keyframes ripple{0%{opacity:.35;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{height:100%}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalBoxIn{0%{opacity:0;filter:blur(2px);transform:translateY(18px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes modalBoxOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes modalShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes modalCloseHover{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.modal-overlay{z-index:var(--z-modal);background:radial-gradient(ellipse at 50% 0%,rgba(var(--primary-rgb),.1) 0%,transparent 55%),var(--surface-overlay,var(--bg-overlay));-webkit-backdrop-filter:blur(18px)saturate(160%);background-image:radial-gradient(ellipse at 50% 0%,rgba(var(--primary-rgb),.1) 0%,transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E"),var(--surface-overlay,var(--bg-overlay));justify-content:center;align-items:center;padding:1rem;animation:.2s cubic-bezier(.4,0,.2,1) both modalOverlayIn;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(160deg,var(--bg-card) 0%,var(--surface-base,var(--bg-card)) 100%);position:relative}@supports (color:color-mix(in lab,red,red)){.modal{background:linear-gradient(160deg,color-mix(in srgb,var(--bg-card) 98%,var(--primary) 2%) 0%,var(--surface-base,var(--bg-card)) 100%)}}.modal{border-radius:calc(var(--r-xl) + 2px);box-shadow:0 2px #ffffff0f inset,0 -1px #0000000f inset,0 32px 80px #00000038,0 8px 20px #0000001a,0 0 0 1px rgba(var(--primary-rgb),.06);border:1px solid var(--surface-border,var(--border-strong));will-change:transform,opacity;outline:none;flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.28s cubic-bezier(.22,1,.36,1) both modalBoxIn;display:flex;overflow:hidden}.modal:before{content:"";background:linear-gradient(90deg,transparent 0%,rgba(var(--primary-rgb),.25) 20%,var(--primary) 50%,rgba(var(--primary-rgb),.25) 80%,transparent 100%);border-radius:calc(var(--r-xl) + 2px) calc(var(--r-xl) + 2px) 0 0;z-index:1;pointer-events:none;background-size:200%;height:2px;animation:3s linear infinite modalShimmer;position:absolute;top:0;left:0;right:0}.modal:after{content:"";background:radial-gradient(circle,rgba(var(--primary-rgb),.07) 0%,transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:160px;height:160px;position:absolute;top:-60px;right:-60px}.modal-title{font-family:var(--font-home-ui,var(--font-ui));font-size:var(--type-ui-title);color:var(--text-primary);align-items:center;gap:.55rem;font-weight:700;line-height:1.25;display:flex}.modal-title i{background:rgba(var(--primary-rgb),.1);width:2rem;height:2rem;color:var(--primary);border:1px solid rgba(var(--primary-rgb),.15);border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.modal-close{border:1px solid var(--border-light);background:var(--bg-secondary);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s;display:flex}.modal-close:hover{color:#ef4444;background:#ef44441a;border-color:#ef444440;transform:rotate(90deg)scale(1.08);box-shadow:0 2px 8px #ef444426}.modal-close:active{transform:rotate(90deg)scale(.94)}@media(max-width:1023px){:root{--sidebar-w:340px}}@media(max-width:768px){:root{--header-h:56px;--sidebar-w:320px}}@media(max-width:640px){:root{--header-h:54px}}@media(max-width:480px){:root{--header-h:52px;--sidebar-w:100vw}}@keyframes qcShEnter{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:none}}.is-active{background:rgba(var(--primary-rgb),.02)}.qc-ayah-text-ar{font-family:var(--font-quran);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga" 1,"calt" 1,"kern" 1,"mark" 1,"mkmk" 1;-webkit-letter-spacing:0;word-break:normal;overflow-wrap:normal;white-space:normal;unicode-bidi:isolate}@media(max-width:768px){.qc-ayah-text-ar{line-height:2.15}}.hp-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media(max-width:1024px){.hp-list{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:.8rem;padding:.5rem;display:grid;overflow-y:auto}.hp-card-ar{color:var(--text);direction:rtl;margin:.2rem 0;font-family:Scheherazade New,Amiri Quran,Amiri,serif;font-size:1.5rem;font-weight:600;line-height:1.5;transition:color .3s}.app-root.focus-reading .quran-display{max-width:980px;padding-inline:clamp(1rem,4vw,2.4rem)}.app-root.focus-reading .quran-nav{max-width:920px;margin-inline:auto}.hp-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2.5rem 1rem;display:flex}.hp-empty svg{opacity:.25;font-size:1.8rem}.hp-empty p{font-family:var(--font-ui);color:var(--text-muted);max-width:260px;margin:0;font-size:.8rem;line-height:1.5}@media(max-width:900px){.hp-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.hp-list{grid-template-columns:1fr;gap:.6rem;padding:0}.hp-card-ar{font-size:1.35rem}}@keyframes hp-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hp-shimmer{0%{transform:translate(-150%)skew(-15deg)}to{transform:translate(350%)skew(-15deg)}}@keyframes hp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes hp-pulse-gold{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-smooth{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],textarea,select{border:1px solid var(--border-light);border-radius:var(--r-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--t-fast);background:#ffffffb3;font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-muted);transition:color var(--t-fast)}input:hover,textarea:hover,select:hover{border-color:var(--border);box-shadow:0 2px 8px #0000000a}input:focus,textarea:focus,select:focus{border-color:var(--emerald);background:#fffffff2;outline:none;box-shadow:0 0 0 3px #1b5e3b1a,0 2px 12px #00000014}input:focus::placeholder,textarea:focus::placeholder{color:var(--text-tertiary)}button,[role=button]{cursor:pointer;font-size:var(--text-sm);transition:all var(--t-fast);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);-webkit-user-select:none;user-select:none;border:none;font-weight:500;display:inline-flex;position:relative;overflow:hidden}button:disabled,[role=button]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1917' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:20px;padding-right:40px}input[type=checkbox],input[type=radio]{appearance:none;border:2px solid var(--border);border-radius:var(--r-sm);cursor:pointer;width:20px;height:20px;transition:all var(--t-fast);justify-content:center;align-items:center;display:inline-flex;position:relative}input[type=radio]{border-radius:50%}input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--emerald);box-shadow:0 0 0 3px #1b5e3b1a}input[type=checkbox]:checked,input[type=radio]:checked{background:linear-gradient(135deg,var(--emerald) 0%,var(--emerald-mid) 100%);border-color:var(--emerald);box-shadow:var(--shadow-emerald)}input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700}input[type=radio]:checked:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px}[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=search],[data-theme=dark] input[type=number],[data-theme=dark] textarea,[data-theme=dark] select{color:#fffffff2;background:#ffffff14;border-color:#ffffff1a}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#ffffff80}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--emerald);background:#ffffff1a;box-shadow:0 0 0 3px #1b5e3b33}[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}@media(max-width:640px){button,[role=button]{min-width:44px;min-height:44px}input[type=text],input[type=email],input[type=password],input[type=number],select{min-height:44px;padding:var(--space-3) var(--space-3)}}.hp-empty{gap:.65rem}.hp-empty svg{color:var(--text-muted)}.hp-empty p{color:var(--text-muted);max-width:240px;margin:0;line-height:1.5}.hp-list{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;padding:0;overflow-y:auto}@keyframes playBtnPulse{0%,to{box-shadow:0 0 rgba(var(--primary-rgb),.4)}50%{box-shadow:0 0 0 4px rgba(var(--primary-rgb),0)}}@keyframes memReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@media(max-width:640px){.hp-list{grid-template-columns:repeat(2,1fr)}}@keyframes titleGlowPulse{0%,to{text-shadow:0 2px 16px #00000040}50%{text-shadow:0 2px 32px #d4a82066,0 0 60px #ffffff1f}}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(10px,-18px)scale(1.04)}66%{transform:translate(-8px,10px)scale(.97)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:480px){.modal-close{border-radius:.9rem;width:2.5rem;min-width:2.5rem;height:2.5rem}}@media(hover:none)and (pointer:coarse){.sidebar-tab-trigger,.modal-close{min-width:44px;min-height:44px}}@media(max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--r-xl) var(--r-xl) 0 0;max-width:100%;max-height:92dvh}}@media(max-width:768px){.sidebar{padding-bottom:env(safe-area-inset-bottom,0px)}}@media(max-width:480px){.sidebar{border-inline-end:none}.sidebar-tab-trigger{padding:.55rem .4rem;font-size:.72rem}}@media(hover:none){a,button,[role=button]{-webkit-tap-highlight-color:transparent}}@keyframes surahFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quran-display{animation:.3s forwards surahFadeIn}@keyframes progressShimmer{0%{background-position:-200%}to{background-position:200%}}.reading-progress-bar{top:var(--header-h,64px);height:2px;z-index:var(--z-progress);background:var(--primary);width:100%;box-shadow:0 1px 4px rgba(var(--primary-rgb,16, 109, 73),.32);transform-origin:0;pointer-events:none;border-radius:0 2px 2px 0;transition:none;animation:none;position:fixed;left:0;right:0;transform:scaleX(0)}@keyframes ayahGlowPulse{0%,to{box-shadow:0 0 12px #d4a8201f,inset 0 0 0 1px #d4a82026}50%{box-shadow:0 0 22px #d4a82038,inset 0 0 0 1px #d4a82040}}:root{--quran-font-clamp:var(--quran-font-size,clamp(1.3rem, calc(.6rem + 3vw) , 2.1rem))}.qc-ayah-text-ar{font-size:var(--quran-font-size-override,var(--quran-font-clamp))!important}[data-theme=oled] .panel,[data-theme=sepia] .app-main{background:var(--parchment-1)}[data-theme=sepia] .quran-display{background:var(--mushaf-bg,var(--parchment-1))}@keyframes voicePulse{0%{opacity:1;transform:scale(1)}to{opacity:.65;transform:scale(1.15)}}@media(max-width:768px){.sidebar{width:100vw!important;max-width:100vw!important}}.hp2-btn__chip{font-family:var(--font-quran,"Scheherazade New", serif);opacity:.92;border-inline-start:1px solid #ffffff4d;padding-inline-start:.6rem;font-size:.95rem}button:focus:not(:focus-visible){outline:none}:root{--font-surah:var(--font-surah-hafs);--font-home-ar:var(--font-quran-hafs)}.audio-player{border:1px solid rgba(var(--primary-rgb,27, 94, 59),.1)!important;border-radius:1.2rem!important}.audio-player button{transition:all .2s!important}[class*=pause][class*=btn]{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1.5px solid rgba(var(--primary-rgb,27, 94, 59),.2)!important;transition:all .2s!important}[class*=volume][class*=slider]{accent-color:var(--gold)!important}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.audio-player{border-radius:1rem!important;padding:1rem!important}}@media(max-width:480px){.audio-player{border-radius:.9rem!important;padding:.8rem!important}}.app-layout-shell{isolation:isolate}.app-main-shell{padding-top:clamp(.8rem,1.6vw,1.2rem);padding-inline:clamp(.7rem,1.65vw,1.35rem);position:relative}.app-main-shell:before{pointer-events:none;position:absolute;inset:0}.app-view-shell{padding-bottom:1rem;position:relative}.app-view-shell>*{z-index:1;position:relative}.app-view-home,.app-view-duas,.app-view-reading{max-width:min(100%,1680px);margin:0 auto}@media(min-width:1500px){.app-view-reading{padding-right:21.5rem}[dir=rtl] .app-view-reading{padding-left:21.5rem;padding-right:0}}.sidebar,.quran-display{border:1px solid var(--border,#b8860b2e)}@supports (color:color-mix(in lab,red,red)){.sidebar,.quran-display{border:1px solid color-mix(in srgb,var(--border,#b8860b2e) 78%,#ffffff38 22%)}}.sidebar,.quran-display{box-shadow:0 18px 42px #10171414,inset 0 1px #ffffff57}.sidebar{-webkit-backdrop-filter:blur(18px)saturate(130%)}.quran-display{background:linear-gradient(180deg,var(--bg-card,#fff) 0%,var(--bg-card,#fff) 100%);border-radius:1.3rem}@supports (color:color-mix(in lab,red,red)){.quran-display{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card,#fff) 92%,#ffffff47 8%),color-mix(in srgb,var(--bg-card,#fff) 97%,rgba(var(--primary-rgb),.03) 3%))}}.sidebar{border-radius:1.2rem}@media(max-width:980px){.app-main-shell{padding-top:.7rem;padding-inline:.58rem}}@media(max-width:640px){.app-main-shell{padding-top:.55rem;padding-inline:.45rem}.app-view-shell{padding-bottom:.8rem}.quran-display{border-radius:1rem}}.audio-player{isolation:isolate;overflow:hidden;border:1px solid var(--player-border,#d4a82038)!important;padding:0!important}@supports (color:color-mix(in lab,red,red)){.audio-player{border:1px solid color-mix(in srgb,var(--player-border,#d4a82038) 82%,#ffffff2e 18%)!important}}.audio-player{box-shadow:0 22px 54px #0b140f33,inset 0 1px #ffffff0f!important}.audio-player:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 14% 0,#ffffff29,#0000 34%),linear-gradient(#ffffff12,#0000 42%);position:absolute;inset:0}.audio-player>*{z-index:1;position:relative}.audio-player button:hover{transform:none!important}.audio-player input[type=range]{border-radius:999px;height:.32rem}:root{--platform-radius-lg:1.55rem;--platform-radius-md:1.12rem;--platform-shadow:0 24px 60px #0f15131f, 0 1px 0 #ffffff4d inset;--platform-shadow-soft:0 14px 34px #0f151314, 0 1px 0 #ffffff38 inset;--platform-border:var(--border,#b8860b29)}@supports (color:color-mix(in lab,red,red)){:root{--platform-border:color-mix(in srgb, var(--border,#b8860b29) 82%, #ffffff38 18%)}}:root{--platform-surface:linear-gradient(180deg, var(--bg-card,#fff) 0%, var(--bg-card,#fff) 100%)}@supports (color:color-mix(in lab,red,red)){:root{--platform-surface:linear-gradient(180deg, color-mix(in srgb, var(--bg-card,#fff) 94%, #fff6 6%) 0%, color-mix(in srgb, var(--bg-card,#fff) 88%, rgba(var(--primary-rgb), .05) 12%) 100%)}}:root{--platform-surface-soft:linear-gradient(180deg, var(--bg-card,#fff) 0%, var(--bg-card,#fff) 100%)}@supports (color:color-mix(in lab,red,red)){:root{--platform-surface-soft:linear-gradient(180deg, color-mix(in srgb, var(--bg-card,#fff) 92%, #ffffff47 8%) 0%, color-mix(in srgb, var(--bg-card,#fff) 96%, rgba(var(--primary-rgb), .03) 4%) 100%)}}.app-view-home,.app-view-duas,.app-view-reading{width:100%}@keyframes notesPanelInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes notesPanelInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}:root{--theme-chip-bg:rgba(var(--primary-rgb), .1);--theme-chip-border:rgba(var(--primary-rgb), .2)}[data-theme=dark] .app-main-shell:before,.app-main-shell:before{background:radial-gradient(circle at 10% 0%,var(--theme-shell-glow-a),transparent 38%),radial-gradient(circle at 90% 0%,var(--theme-shell-glow-b),transparent 34%);opacity:.68}:root,[data-theme=light]{--theme-bg:#f6f3e8;--theme-bg-alt:#dcdbd4;--theme-surface:#f6f4e9;--theme-surface-soft:#e1dfd7;--theme-surface-glass:#f6f3e8d6;--theme-text:#1f2f3f;--theme-text-soft:#46525d;--theme-text-muted:#757d83;--theme-text-inverse:#f6f3e8;--theme-primary:#2f8f77;--theme-primary-rgb:47, 143, 119;--theme-accent:#2f8f77;--theme-accent-bright:#5da895;--theme-border:#1f2f3f38;--theme-border-strong:#2a6e64;--theme-arabic:#2a7266;--theme-glow-a:#2f8f773d;--theme-glow-b:#1f2f3f2e;--theme-shadow-panel:0 18px 44px #1f2f3f24, 0 1px 0 #ffffff7a inset;--theme-shadow-soft:0 10px 24px #1f2f3f1a, 0 1px 0 #ffffff57 inset;--theme-app-bg:repeating-linear-gradient(90deg, #2f8f771a 0 1px, transparent 1px 92px), repeating-linear-gradient(0deg, #1f2f3f14 0 1px, transparent 1px 92px), radial-gradient(circle at 8% -8%, #2f8f773d, transparent 36%), radial-gradient(circle at 92% -12%, #1f2f3f24, transparent 32%), linear-gradient(180deg, #f6f3e8 0%, #e5e3da 52%, #f6f3e8 100%)}[data-theme=sepia]{--theme-surface-glass:#efe2c8d6;--theme-text-inverse:#efe2c8;--theme-primary:#b28332;--theme-primary-rgb:178, 131, 50;--theme-accent:#b28332;--theme-accent-bright:#c39e5f;--theme-arabic:#976e2c;--theme-glow-a:#b2833238;--theme-glow-b:#4a321c29;--theme-shadow-soft:0 10px 24px #4a321c1c, 0 1px 0 #ffffff57 inset;--theme-app-bg:repeating-linear-gradient(90deg, #4a321c1a 0 1px, transparent 1px 86px), repeating-linear-gradient(0deg, #b283321a 0 1px, transparent 1px 86px), radial-gradient(circle at 8% -8%, #b2833238, transparent 34%), radial-gradient(circle at 90% -12%, #4a321c24, transparent 30%), linear-gradient(180deg, #efe2c8 0%, #dfd0b7 52%, #efe2c8 100%)}[data-theme=dark]{--theme-surface-glass:#0b1320e0;--theme-text-inverse:#0b1320;--theme-primary:#d0a03d;--theme-primary-rgb:208, 160, 61;--theme-accent:#d0a03d;--theme-accent-bright:#d8b160;--theme-arabic:#d6b36a;--theme-glow-a:#d0a03d3d;--theme-glow-b:#e8eef824;--theme-shadow-soft:0 12px 30px #00000052, 0 1px 0 #ffffff0a inset;--theme-app-bg:radial-gradient(circle at 12px 16px, #d0a03d2e 0 1px, transparent 1.2px) 0 0 / 58px 58px repeat, radial-gradient(circle at 28px 36px, #e8eef81f 0 1px, transparent 1.2px) 0 0 / 62px 62px repeat, repeating-linear-gradient(0deg, #e8eef80f 0 1px, transparent 1px 62px), radial-gradient(circle at 10% -10%, #d0a03d47, transparent 36%), radial-gradient(circle at 92% -12%, #e8eef81a, transparent 34%), linear-gradient(180deg, #0b1320 0%, #2e3643 54%, #0b1320 100%)}:root,[data-theme]{--bg:var(--theme-bg);--bg-primary:var(--theme-bg);--bg-secondary:var(--theme-bg-alt);--bg-tertiary:var(--theme-bg-alt)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme]{--bg-tertiary:color-mix(in srgb, var(--theme-bg-alt) 74%, var(--theme-surface) 26%)}}:root,[data-theme]{--bg-card:var(--theme-surface);--surface:var(--theme-surface);--glass-bg:var(--theme-surface-glass);--header-bg:var(--theme-surface);--header-glass:var(--theme-surface-glass);--sidebar-bg:var(--theme-bg-alt);--sidebar-glass:var(--theme-surface-glass)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme]{--sidebar-glass:color-mix(in srgb, var(--theme-surface-glass) 82%, var(--theme-bg-alt) 18%)}}:root,[data-theme]{--text:var(--theme-text);--text-primary:var(--theme-text);--text-secondary:var(--theme-text-soft);--text-tertiary:var(--theme-text-soft)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme]{--text-tertiary:color-mix(in srgb, var(--theme-text-soft) 75%, var(--theme-text-muted) 25%)}}:root,[data-theme]{--text-muted:var(--theme-text-muted);--text-inverse:var(--theme-text-inverse);--primary:var(--theme-primary);--primary-rgb:var(--theme-primary-rgb);--accent:var(--theme-primary);--gold:var(--theme-accent);--gold-bright:var(--theme-accent-bright);--border:var(--theme-border);--border-light:var(--theme-border)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme]{--border-light:color-mix(in srgb, var(--theme-border) 70%, transparent 30%)}}:root,[data-theme]{--border-subtle:var(--theme-border)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme]{--border-subtle:color-mix(in srgb, var(--theme-border) 52%, transparent 48%)}}:root,[data-theme]{--border-strong:var(--theme-border-strong);--divider:var(--theme-border)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme]{--divider:color-mix(in srgb, var(--theme-border) 78%, transparent 22%)}}:root,[data-theme]{--theme-shell-glow-a:var(--theme-glow-a);--theme-shell-glow-b:var(--theme-glow-b);--theme-panel-bg:var(--theme-surface-glass);--theme-panel-bg-strong:var(--theme-surface-soft);--theme-panel-border:var(--theme-border);--theme-chip-bg:rgba(var(--theme-primary-rgb), .16)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme]{--theme-chip-bg:color-mix(in srgb, rgba(var(--theme-primary-rgb), .16) 74%, #ffffff0f 26%)}}:root,[data-theme]{--theme-chip-border:var(--theme-border-strong)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme]{--theme-chip-border:color-mix(in srgb, var(--theme-border-strong) 80%, rgba(var(--theme-primary-rgb), .25) 20%)}}:root,[data-theme]{--theme-muted:var(--theme-text-muted)}.app-main{background:linear-gradient(180deg,var(--theme-bg) 0%,var(--theme-bg-alt) 100%)!important}@supports (color:color-mix(in lab,red,red)){.app-main{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-bg) 86%,transparent 14%),color-mix(in srgb,var(--theme-bg-alt) 88%,transparent 12%))!important}}[data-theme=light]{--brand-inverse:#fff}[data-theme=sepia]{--brand-inverse:#2f2418}[data-theme=dark]{--brand-inverse:#0b1320}[data-theme=light],[data-theme=sepia],[data-theme=dark]{--theme-bg:#f8fafc;--theme-bg-alt:#eff4f8;--theme-shadow-panel:0 14px 30px #12223514, 0 1px 0 #fffffff0 inset}[data-theme=sepia]{--theme-bg:#f3eadb;--theme-bg-alt:#ebddc5;--theme-surface:#fbf2e3;--theme-surface-soft:#f6ead7;--theme-text:#432f1d;--theme-text-soft:#5d4128;--theme-text-muted:#7b5d40;--theme-border:#77542433;--theme-border-strong:#b38a3a80;--theme-shadow-panel:0 14px 28px #3f290f1f, 0 1px 0 #fff8e8b8 inset}[data-theme=dark]{--theme-bg:#0f1724;--theme-bg-alt:#111e2d;--theme-surface:#162334;--theme-surface-soft:#1a2a3c;--theme-text:#eaf1fb;--theme-text-soft:#c6d6eb;--theme-text-muted:#9fb2ca;--theme-border:#aac6e92e;--theme-border-strong:#29b6c785;--theme-shadow-panel:0 18px 38px #02081473, 0 1px 0 #ffffff0a inset}:root{--font-arabic-ui:"Noto Naskh Arabic", "Scheherazade New", "Amiri", serif;--font-arabic-script:var(--font-quran,"QPC Hafs", "ME Quran", "Scheherazade New", "Noto Naskh Arabic", serif);--arabic-line-height-ui:1.72;--arabic-line-height-script:2.2;--arabic-word-spacing-ui:.035em;--arabic-word-spacing-script:.06em;--arabic-reading-line-height:2.46;--arabic-reading-word-spacing:.072em;--arabic-reading-line-height-mobile:2.22;--arabic-reading-word-spacing-mobile:.052em}:where(.quran-display [lang=ar],.app-view-reading [lang=ar]){font-family:var(--font-arabic-ui);line-height:var(--arabic-line-height-ui);font-kerning:normal;font-variant-ligatures:contextual common-ligatures;font-feature-settings:"calt" 1,"liga" 1,"rlig" 1,"kern" 1;letter-spacing:0;word-spacing:var(--arabic-word-spacing-ui);text-rendering:optimizelegibility}@media(max-width:1024px){.app-main-shell{padding-inline:.62rem}.app-view-home,.app-view-duas,.app-view-reading{max-width:100%}}@media(max-width:768px){.app-root{min-height:100dvh}.app-main-shell{padding-top:.52rem;padding-inline:.45rem}.app-view-shell{padding-bottom:.65rem}.modal-close,.sidebar-tab-trigger{min-height:44px}.modal-overlay{align-items:flex-end;padding:.55rem!important}.modal{max-height:92dvh;border-radius:1rem 1rem .88rem .88rem!important;width:100%!important;max-width:100%!important}.sidebar{width:min(100vw,380px);max-width:100vw}.audio-player-modal__surface{border-radius:1rem!important;width:100vw!important;height:94dvh!important}}@media(max-width:560px){.app-main-shell{padding-inline:.36rem}.modal-title{font-size:1rem}.audio-player-modal{padding:.3rem!important}.audio-player-modal__surface{border-radius:.88rem!important}}@media(max-width:420px){:root{--arabic-reading-line-height-mobile:2.12;--arabic-reading-word-spacing-mobile:.038em}.app-main-shell{padding-inline:.3rem}.modal{border-radius:.88rem .88rem .78rem .78rem!important}}@media(min-width:641px)and (max-width:768px){.modal{max-height:88dvh}}@media(max-width:412px){.app-main-shell{padding-inline:.28rem}.sidebar,.modal{border-radius:.82rem!important}}@media(max-width:360px){:root{--arabic-reading-line-height-mobile:2.05;--arabic-reading-word-spacing-mobile:.03em}.app-main-shell{padding-inline:.22rem}.modal-close,.sidebar-tab-trigger{min-height:42px}.modal-title{font-size:.94rem}}@media(max-width:340px){.modal{border-radius:.72rem!important}}@media(max-width:480px){.app-main-shell{padding-bottom:max(.28rem,env(safe-area-inset-bottom))}.mp-audio-player,.audio-player{border-radius:.82rem .82rem 0 0}}@media(max-height:500px)and (orientation:landscape){.modal-overlay{align-items:center}.modal,.audio-player-modal__surface{max-height:96vh!important}}[data-theme=light]{--theme-text:#122131;--theme-text-soft:#263a4d;--theme-text-muted:#466177;--theme-border:#11283f29;--theme-border-strong:#1a8f9275;--theme-surface:#fff;--theme-surface-soft:#f4f8fc;--theme-surface-glass:#fdfdfeec}[data-theme=light] .app-main-shell:before{opacity:.5!important}:root,[data-theme]{--ux-focus-ring:rgba(var(--primary-rgb,27, 94, 59), .44);--ux-focus-ring-outer:#fff3;--ux-radius-control:.82rem;--ux-tap-target:44px}button,[role=button],a,input,select,textarea,.settings-chip,.ayah-action-card{border-radius:var(--ux-radius-control)}button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.settings-chip:focus-visible,.ayah-action-card:focus-visible{box-shadow:0 0 0 2px var(--ux-focus-ring-outer),0 0 0 4px var(--ux-focus-ring);outline:none}.qc-ayah-transliteration{text-wrap:pretty}.duas-results{content-visibility:auto;contain-intrinsic-size:1px 900px}@media(prefers-reduced-motion:reduce){.app-main-shell:before,.app-view-home:before,.app-view-reading:before,.app-view-duas:before{opacity:.35!important;filter:none!important}}@media(pointer:coarse){button,[role=button],.settings-chip,.ayah-action-card{min-height:var(--ux-tap-target)}}@media(max-width:640px){:root,[data-theme]{--ux-radius-control:.74rem}}@media(max-width:768px){html{scroll-padding-top:calc(var(--header-h,56px) + 48px)}}html{scroll-padding-top:calc(var(--header-h,68px) + 54px)}@media(prefers-reduced-motion:reduce){.mp-audio-player--desktop,.mp-audio-player--mobile.mp-audio-player--dock{animation:none}}:root,[data-theme]{--ux-font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ux-font-ar:"Noto Naskh Arabic", "Scheherazade New", serif;--font-surah-name:var(--font-surah,"QPC Hafs", "Amiri Quran", "Scheherazade New", serif);--ux-radius-sm:.9rem;--ux-radius-md:1.15rem;--ux-radius-lg:1.5rem;--ux-radius-xl:2rem;--ux-shadow-soft:0 14px 34px #0710181c, 0 2px 8px #0710180f;--ux-shadow-panel:0 24px 58px #07101829, 0 3px 16px #07101814;--ux-ring:0 0 0 3px rgba(var(--primary-rgb), .24);--ux-canvas-a:#fdf9f0;--ux-canvas-b:#f5efde;--ux-canvas-c:#e8dbc0;--ux-panel:#fffcf5d1;--ux-panel-border:#6b5a3a33;--ux-surah-parchment-bg:linear-gradient(155deg, #fbf3d6 0%, #ecdda2 48%, #f8ecc8 100%);--ux-surah-parchment-border:#2d1505;--ux-surah-calligraphy:#1c0800;--ux-surah-subtitle:#5c3500;--ux-text-soft:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme]{--ux-text-soft:color-mix(in srgb, var(--text-secondary) 84%, var(--bg-primary) 16%)}}:root,[data-theme]{--ux-reader-max:1210px;--ux-reader-gutter:clamp(.75rem, 1.2vw, 1.25rem);--ux-reader-block-gap:clamp(.75rem, 1vw, 1rem);--ux-touch-target:2.7rem;--ayah-stop-ring:var(--primary)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme]{--ayah-stop-ring:color-mix(in srgb, var(--primary) 66%, #a97a1a 34%)}}:root,[data-theme]{--ayah-stop-core:rgba(var(--primary-rgb), .2)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme]{--ayah-stop-core:color-mix(in srgb, rgba(var(--primary-rgb), .2) 62%, #fff 38%)}}:root,[data-theme]{--ayah-stop-core-border:var(--primary)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme]{--ayah-stop-core-border:color-mix(in srgb, var(--primary) 58%, #8a651b 42%)}}:root,[data-theme]{--ayah-stop-text:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme]{--ayah-stop-text:color-mix(in srgb, var(--text-primary) 72%, #5b3f10 28%)}}:root,[data-theme]{--font-ui:var(--ux-font-ui);--font-quran:var(--font-quran-hafs);--font-quran-tajweed:var(--font-quran)}[data-theme=light]{--ux-canvas-a:#f9fdfd;--ux-canvas-b:#f3fafb;--ux-canvas-c:#e5f0f1;--ux-panel:#fcffffd6;--ux-panel-border:#2f6c7433}[data-theme=sepia]{--ux-canvas-a:#f8f0de;--ux-canvas-b:#efe3cc;--ux-canvas-c:#e3d2b0;--ux-panel:#fcf5e4db;--ux-panel-border:#7853263d;--ux-surah-parchment-bg:linear-gradient(155deg, #fdf5d5 0%, #f2e4a0 48%, #faf0cc 100%);--ux-surah-parchment-border:#5c3500;--ux-surah-calligraphy:#3f2100;--ux-surah-subtitle:#6e4106}[data-theme=dark],[data-theme=quran-night],html,body,#root{min-height:100%}body{font-family:var(--ux-font-ui);background:linear-gradient(160deg,var(--ux-canvas-a),var(--ux-canvas-b) 46%,var(--ux-canvas-c))}.app-root:before{background-image:linear-gradient(90deg,#7a623029 1px,#0000 1px),linear-gradient(#7a623024 1px,#0000 1px);background-size:62px 62px}.app-root>*{z-index:1;position:relative}.app-root button:hover{transform:translateY(-1px)}.app-root button:focus-visible,.app-root input:focus-visible,.app-root select:focus-visible,.app-root textarea:focus-visible{box-shadow:var(--ux-ring);outline:none}.app-root input:not([type=range]),.app-root select,.app-root textarea{border-radius:var(--ux-radius-sm);border-color:var(--ux-panel-border);background:var(--bg-card)}@supports (color:color-mix(in lab,red,red)){.app-root input:not([type=range]),.app-root select,.app-root textarea{background:color-mix(in srgb,var(--bg-card) 82%,transparent 18%)}}.app-root .app-main-shell,.app-root .app-view-shell{width:min(100%,1640px);margin-inline:auto}.app-root .app-view-shell{padding:clamp(.75rem,1.25vw,1.4rem)}.app-root .sb-wrapper{border:1px solid var(--ux-panel-border);background:linear-gradient(180deg,var(--bg-card),var(--bg-secondary))}@supports (color:color-mix(in lab,red,red)){.app-root .sb-wrapper{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 88%,transparent 12%),color-mix(in srgb,var(--bg-secondary) 92%,transparent 8%))}}.app-root .hp-wrapper{border-radius:var(--ux-radius-xl)}.app-root .quran-display--platform{width:min(100%,var(--ux-reader-max));border-radius:calc(var(--ux-radius-xl) + .2rem);border:1px solid var(--ux-panel-border);background:radial-gradient(circle at 12% 0%,rgba(var(--primary-rgb),.1),transparent 34%),linear-gradient(180deg,var(--bg-card),var(--bg-secondary));margin-inline:auto;padding:clamp(.65rem,1.1vw,1.15rem)}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform{background:radial-gradient(circle at 12% 0%,rgba(var(--primary-rgb),.1),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 92%,transparent 8%),color-mix(in srgb,var(--bg-secondary) 94%,transparent 6%))}}.app-root .quran-display--platform{box-shadow:var(--ux-shadow-panel)}.app-root .quran-display.quran-display--platform,.app-root .quran-display--platform .rd-wrapper{width:100%;max-width:100%;margin-inline:auto}.app-root .quran-display.quran-display--platform{padding:clamp(.55rem,.95vw,.95rem) var(--ux-reader-gutter) clamp(1.35rem,2vw,2.1rem)}.app-root .quran-display--platform .rd-wrapper{gap:var(--ux-reader-block-gap);max-width:min(100%,1120px);padding:clamp(.2rem,.5vw,.45rem) 0 clamp(2.4rem,4.2vw,3.6rem)}.app-root .quran-mode-pane{border-radius:calc(var(--ux-radius-lg) + .1rem);box-shadow:none;background:0 0;border:none}.app-root .quran-nav{border-radius:var(--ux-radius-lg);border-color:var(--ux-panel-border);background:var(--ux-panel)}@supports (color:color-mix(in lab,red,red)){.app-root .quran-nav{background:color-mix(in srgb,var(--ux-panel) 90%,transparent 10%)}}.app-root .quran-nav{box-shadow:var(--ux-shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-root .quran-display--platform .quran-nav{z-index:1;width:100%;max-width:min(100%,1040px);margin-inline:auto;position:relative}.app-root .quran-display--platform .quran-mode-pane--surah .surah-ayahs-list,.app-root .quran-display--platform .quran-mode-pane--page .surah-ayahs-list,.app-root .quran-display--platform .quran-mode-pane--juz .surah-ayahs-list{gap:clamp(.45rem,.85vw,.72rem);display:grid}.app-root .qc-ayah-text-ar{font-size:clamp(1.3rem,1.05rem + .56vw,1.78rem);line-height:1.98}.app-root .qc-ayah-transliteration{color:var(--ux-text-soft)}.app-root .quran-display--platform .ayah-actions-inline{border:1px solid var(--ux-panel-border);border-radius:.84rem;gap:.46rem;padding:.5rem .52rem}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .ayah-actions-inline{border:1px solid color-mix(in srgb,var(--ux-panel-border) 90%,transparent 10%)}}.app-root .quran-display--platform .ayah-actions-inline{background:radial-gradient(circle at 8% 0%,rgba(var(--primary-rgb),.08),transparent 40%),var(--ux-panel)}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .ayah-actions-inline{background:radial-gradient(circle at 8% 0%,rgba(var(--primary-rgb),.08),transparent 40%),color-mix(in srgb,var(--ux-panel) 92%,transparent 8%)}}.app-root .quran-display--platform .ayah-actions-inline{box-shadow:inset 0 1px #ffffff29,0 8px 16px rgba(var(--primary-rgb),.08)}.app-root .quran-display--platform .ayah-actions-inline__meta{align-items:baseline}.app-root .quran-display--platform .ayah-actions-inline__ref{letter-spacing:.06em;color:var(--text-muted);font-size:.69rem}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .ayah-actions-inline__ref{color:color-mix(in srgb,var(--text-muted) 84%,var(--primary) 16%)}}.app-root .quran-display--platform .ayah-actions-inline__name{color:var(--ux-text-soft);font-weight:600}.app-root .quran-display--platform .ayah-actions-inline__icons{flex-wrap:wrap;gap:.46rem}.app-root .quran-display--platform .ayah-actions-inline__icon-btn{border-color:var(--ux-panel-border);font-size:.8rem}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .ayah-actions-inline__icon-btn{border-color:color-mix(in srgb,var(--ux-panel-border) 72%,rgba(var(--primary-rgb),.26) 28%)}}.app-root .quran-display--platform .ayah-actions-inline__icon-btn{background:var(--bg-card)}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .ayah-actions-inline__icon-btn{background:color-mix(in srgb,var(--bg-card) 88%,rgba(var(--primary-rgb),.13) 12%)}}.app-root .quran-display--platform .ayah-actions-inline__icon-btn{color:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .ayah-actions-inline__icon-btn{color:color-mix(in srgb,var(--text-secondary) 86%,var(--text-primary) 14%)}}.app-root .quran-display--platform .ayah-actions-inline__icon-btn{box-shadow:inset 0 1px #ffffff29}.app-root .quran-display--platform .ayah-actions-inline__icon-btn:hover,.app-root .quran-display--platform .ayah-actions-inline__icon-btn.is-active{border-color:rgba(var(--primary-rgb),.5);background:linear-gradient(145deg,rgba(var(--primary-rgb),.21),rgba(var(--primary-rgb),.12));color:var(--text-primary);box-shadow:0 10px 20px rgba(var(--primary-rgb),.22);transform:translateY(-1px)}.app-root .mp-audio-player--desktop,.app-root .mp-audio-player--mobile,.app-root .mp-audio-player--dock{border-radius:calc(var(--ux-radius-lg) + .3rem);border:1px solid var(--ux-panel-border);background:radial-gradient(circle at 14% 0%,rgba(var(--primary-rgb),.16),transparent 36%),linear-gradient(165deg,var(--bg-card),var(--bg-secondary))}@supports (color:color-mix(in lab,red,red)){.app-root .mp-audio-player--desktop,.app-root .mp-audio-player--mobile,.app-root .mp-audio-player--dock{background:radial-gradient(circle at 14% 0%,rgba(var(--primary-rgb),.16),transparent 36%),linear-gradient(165deg,color-mix(in srgb,var(--bg-card) 88%,transparent 12%),color-mix(in srgb,var(--bg-secondary) 90%,transparent 10%))}}.app-root .mp-audio-player--desktop,.app-root .mp-audio-player--mobile,.app-root .mp-audio-player--dock{box-shadow:var(--ux-shadow-panel)}.app-root .mp-player-play-btn{box-shadow:0 14px 30px rgba(var(--primary-rgb),.32)}.app-root .mp-player-progress{border-radius:999px}@keyframes platformRiseIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media(max-width:1024px){.app-root .sb-wrapper{width:min(95vw,370px)}}.app-root .hp2-btn__chip{border:1px solid var(--ux-panel-border)}@supports (color:color-mix(in lab,red,red)){.app-root .hp2-btn__chip{border:1px solid color-mix(in srgb,var(--ux-panel-border) 92%,transparent 8%)}}.app-root .hp2-btn__chip{background:var(--ux-panel)}@supports (color:color-mix(in lab,red,red)){.app-root .hp2-btn__chip{background:color-mix(in srgb,var(--ux-panel) 90%,transparent 10%)}}.app-root .hp2-btn__chip{box-shadow:inset 0 1px #fff3}.app-root .mp-audio-player--desktop{max-width:min(360px,100vw - 1.4rem)}.app-root .mp-player-options-trigger,.app-root .mp-player-minimized-row button{border-radius:.9rem}.app-root .mp-player-progress{box-shadow:inset 0 1px 2px #0000001a}.app-root .quran-display--platform .reader-toolbar-btn--primary{box-shadow:0 10px 20px rgba(var(--primary-rgb),.22)}.app-root .quran-display--platform .quran-mode-pane--surah .surah-ayahs-list{box-shadow:none;background:0 0;border:none;border-radius:0}.app-root .quran-display--platform .quran-mode-pane--surah .surah-ayahs-list:before{display:none}.app-root .quran-display--platform .quran-mode-pane--surah .qc-surah-header-wrap{margin-bottom:.25rem}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline{background:0 0;border:none;padding-inline:0}.app-root .mp-player-options-trigger,.app-root .mp-player-minimized-row button{min-height:var(--ux-touch-target);border:1px solid var(--ux-panel-border)}@supports (color:color-mix(in lab,red,red)){.app-root .mp-player-options-trigger,.app-root .mp-player-minimized-row button{border:1px solid color-mix(in srgb,var(--ux-panel-border) 74%,transparent 26%)}}.app-root .mp-player-options-trigger,.app-root .mp-player-minimized-row button{background:var(--bg-card)}@supports (color:color-mix(in lab,red,red)){.app-root .mp-player-options-trigger,.app-root .mp-player-minimized-row button{background:color-mix(in srgb,var(--bg-card) 88%,transparent 12%)}}.app-root .mp-player-options-trigger,.app-root .mp-player-minimized-row button{box-shadow:inset 0 1px #ffffff29}.app-root .mp-player-minimized-row button:hover{border-color:rgba(var(--primary-rgb),.42);background:linear-gradient(145deg,rgba(var(--primary-rgb),.18),rgba(var(--primary-rgb),.08));box-shadow:0 10px 20px rgba(var(--primary-rgb),.16)}.app-root .audio-player{border-top:1px solid var(--ux-panel-border)}@media(max-width:900px){.app-root .quran-display--platform{width:min(100%,98vw);padding:.55rem}.app-root .quran-display--platform .rd-wrapper{max-width:100%;padding-bottom:2.8rem}.app-root .quran-display.quran-display--platform{padding-inline:.58rem}}@media(max-width:640px){.app-root{--ux-touch-target:2.42rem}.app-root:before{opacity:.14;background-size:48px 48px}.app-root .qc-ayah-text-ar{font-size:clamp(1.25rem,1.1rem + 1.1vw,1.55rem);line-height:2.06}.app-root .quran-display--platform{padding:.48rem}.app-root .quran-display--platform .rd-wrapper{gap:.55rem}.app-root .quran-display--platform .quran-mode-pane--surah .qc-ayah-text-ar,.app-root .quran-display--platform .quran-mode-pane--page .qc-ayah-text-ar,.app-root .quran-display--platform .quran-mode-pane--juz .qc-ayah-text-ar{font-size:clamp(1.08rem,.98rem + .88vw,1.34rem);line-height:1.84}.app-root .quran-display--platform .quran-mode-pane--surah .btn-play-surah{min-height:2.15rem;padding:.38rem .92rem;font-size:.83rem}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__meta{margin-bottom:.12rem}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icons{gap:.42rem;margin-bottom:.1rem}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icon-btn{border-radius:999px}.app-root .quran-nav{border-radius:1rem}.app-root .quran-display--platform .quran-nav{border-radius:.95rem;padding:.34rem}}@media(prefers-reduced-motion:reduce){.app-root *{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.app-root .hp-grid.hp-grid--surah{grid-template-columns:repeat(3,minmax(0,1fr));gap:.82rem}.app-root .hp-grid.hp-grid--surah .hp-card{border-radius:.66rem;gap:.72rem;min-height:5.6rem;padding:.78rem .86rem}.app-root .hp-grid.hp-grid--surah .hp-card-num{width:2.2rem;height:2.2rem;font-size:.78rem}.app-root .hp-grid.hp-grid--surah .hp-card-ar{font-family:"surahnames",var(--font-surah-name,var(--font-surah,"Amiri Quran", serif));letter-spacing:0;color:var(--text-primary);line-height:1.08}@supports (color:color-mix(in lab,red,red)){.app-root .hp-grid.hp-grid--surah .hp-card-ar{color:color-mix(in srgb,var(--text-primary) 88%,var(--primary) 12%)}}@media(max-width:1240px){.app-root .hp-grid.hp-grid--surah{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-root .hp-grid.hp-grid--surah{grid-template-columns:1fr}.app-root .hp-grid.hp-grid--surah .hp-card{min-height:5.15rem;padding:.72rem .78rem}}.app-root .hp-grid.hp-grid--surah .hp-card{border-color:var(--ux-panel-border)}@supports (color:color-mix(in lab,red,red)){.app-root .hp-grid.hp-grid--surah .hp-card{border-color:color-mix(in srgb,var(--ux-panel-border) 82%,transparent 18%)}}.app-root .hp-grid.hp-grid--surah .hp-card{background:radial-gradient(circle at 12% 0%,rgba(var(--primary-rgb),.12),transparent 54%),var(--bg-card)}@supports (color:color-mix(in lab,red,red)){.app-root .hp-grid.hp-grid--surah .hp-card{background:radial-gradient(circle at 12% 0%,rgba(var(--primary-rgb),.12),transparent 54%),color-mix(in srgb,var(--bg-card) 92%,transparent 8%)}}.app-root .hp-grid.hp-grid--surah .hp-card{box-shadow:var(--ux-shadow-soft)}.app-root .hp-grid.hp-grid--surah .hp-card:hover{border-color:rgba(var(--primary-rgb),.52);background:radial-gradient(circle at 12% 0%,rgba(var(--primary-rgb),.2),transparent 54%),var(--bg-card)}@supports (color:color-mix(in lab,red,red)){.app-root .hp-grid.hp-grid--surah .hp-card:hover{background:radial-gradient(circle at 12% 0%,rgba(var(--primary-rgb),.2),transparent 54%),color-mix(in srgb,var(--bg-card) 89%,transparent 11%)}}.app-root .hp-grid.hp-grid--surah .hp-card:hover{box-shadow:0 18px 28px rgba(var(--primary-rgb),.16);transform:translateY(-2px)}.app-root .hp-grid.hp-grid--surah .hp-card.active,.app-root .hp-grid.hp-grid--surah .hp-card.playing{border-color:rgba(var(--primary-rgb),.64);background:radial-gradient(circle at 14% 0%,rgba(var(--primary-rgb),.24),transparent 54%),linear-gradient(150deg,rgba(var(--primary-rgb),.13),rgba(var(--primary-rgb),.06))}.app-root .hp-grid.hp-grid--surah .hp-card-play{background:linear-gradient(145deg,rgba(var(--primary-rgb),.92),rgba(var(--primary-rgb),.7));color:#f6fffb;box-shadow:0 10px 16px rgba(var(--primary-rgb),.24);right:.74rem}.app-root :is(.app-main-shell,.app-view-shell,.quran-display){overflow-wrap:anywhere}@media(max-width:1280px){.app-root{--ux-reader-max:1120px}.app-root .app-main-shell{padding-inline:clamp(.62rem,1.5vw,1rem)}.app-root .app-view-shell{padding:clamp(.6rem,1.2vw,1rem)}.app-root .quran-display--platform .rd-wrapper{max-width:min(100%,1000px)}.app-root .mp-audio-player--desktop{max-width:min(330px,100vw - 1rem)}}@media(max-width:1024px){.app-root .app-layout-shell{gap:0}.app-root .app-main-shell{width:100%;margin-inline:0;padding-inline:clamp(.5rem,2.4vw,.9rem)}.app-root .app-view-shell{width:100%;padding:.58rem}.app-root .quran-display--platform{padding:.5rem}.app-root .quran-display.quran-display--platform{padding-inline:.5rem}}@media(max-width:820px){.app-root{--ux-touch-target:2.36rem}.app-root .sb-wrapper{width:min(96vw,360px)}.app-root .hp-grid.hp-grid--surah{grid-template-columns:1fr;gap:.58rem}.app-root .mp-audio-player--desktop,.app-root .mp-audio-player--mobile,.app-root .mp-audio-player--dock{width:min(100%,100vw - .7rem);margin-inline:auto}}@media(max-width:640px){.app-root .app-main-shell{padding-inline:max(.38rem,env(safe-area-inset-left,0px)) max(.38rem,env(safe-area-inset-right,0px))}.app-root .quran-display--platform .ayah-actions-inline{gap:.34rem;padding:.36rem}.app-root .quran-display--platform .ayah-actions-inline__icons{gap:.3rem}.app-root .quran-display--platform .ayah-actions-inline__icon-btn{width:1.72rem;height:1.72rem;font-size:.72rem}}@media(max-width:420px){.app-root .quran-display--platform .qc-ayah-text-ar{font-size:clamp(1.02rem,.92rem + 1vw,1.24rem);line-height:1.78}}@media(max-width:560px){.app-root :is([data-scroll-panel=true]){max-height:calc(100dvh - var(--header-h,64px) - 6.8rem)}}@media(max-width:420px){.app-root .audio-player-modal__surface{height:min(96dvh,780px)}}@media(orientation:landscape)and (max-height:560px){.app-root .sb-wrapper{height:calc(100dvh - var(--header-h,56px))}.app-root .audio-player-modal__surface{max-height:96dvh}.app-root .mp-audio-player--mobile.mp-audio-player--dock{max-height:46dvh}}:root,[data-theme]{--ux-step-xs:.72rem;--ux-step-sm:.82rem;--ux-step-md:.92rem;--ux-step-lg:1.02rem;--ux-icon-sm:.76rem;--ux-icon-md:.9rem;--ux-icon-lg:1rem;--ux-nav-btn-size:2.02rem;--ux-card-action-size:1.92rem;--ux-card-ar-size:1.46rem;--ux-quran-size-surah:clamp(1.14rem, 1rem + .62vw, 1.44rem);--ux-quran-size-page:clamp(1.08rem, .96rem + .52vw, 1.34rem);--ux-quran-size-juz:clamp(1.1rem, .98rem + .56vw, 1.38rem);--ux-quran-line-height:1.86}@media(min-width:1201px){:root,[data-theme]{--ux-step-xs:.74rem;--ux-step-sm:.86rem;--ux-step-md:.96rem;--ux-step-lg:1.06rem;--ux-icon-sm:.8rem;--ux-icon-md:.96rem;--ux-icon-lg:1.06rem;--ux-nav-btn-size:2.08rem;--ux-card-action-size:2rem;--ux-card-ar-size:1.52rem;--ux-quran-size-surah:clamp(1.18rem, 1.02rem + .64vw, 1.5rem);--ux-quran-size-page:clamp(1.1rem, .98rem + .52vw, 1.36rem);--ux-quran-size-juz:clamp(1.12rem, 1rem + .56vw, 1.4rem);--ux-quran-line-height:1.9}}@media(min-width:768px)and (max-width:1200px){:root,[data-theme]{--ux-step-xs:.71rem;--ux-step-sm:.8rem;--ux-step-md:.89rem;--ux-step-lg:.98rem;--ux-icon-sm:.72rem;--ux-icon-md:.86rem;--ux-icon-lg:.96rem;--ux-nav-btn-size:1.94rem;--ux-card-action-size:1.84rem;--ux-card-ar-size:1.38rem;--ux-quran-size-surah:clamp(1.08rem, .96rem + .52vw, 1.34rem);--ux-quran-size-page:clamp(1.02rem, .92rem + .46vw, 1.26rem);--ux-quran-size-juz:clamp(1.04rem, .94rem + .5vw, 1.3rem);--ux-quran-line-height:1.82}}@media(max-width:767px){:root,[data-theme]{--ux-step-xs:.68rem;--ux-step-sm:.76rem;--ux-step-md:.84rem;--ux-step-lg:.92rem;--ux-icon-sm:.7rem;--ux-icon-md:.8rem;--ux-icon-lg:.9rem;--ux-nav-btn-size:1.86rem;--ux-card-action-size:1.76rem;--ux-card-ar-size:1.26rem;--ux-quran-size-surah:clamp(1rem, .92rem + .56vw, 1.24rem);--ux-quran-size-page:clamp(.96rem, .9rem + .46vw, 1.18rem);--ux-quran-size-juz:clamp(.98rem, .9rem + .5vw, 1.2rem);--ux-quran-line-height:1.78}}@media(max-width:480px){:root,[data-theme]{--ux-step-xs:.66rem;--ux-step-sm:.74rem;--ux-step-md:.81rem;--ux-step-lg:.88rem;--ux-icon-sm:.66rem;--ux-icon-md:.76rem;--ux-icon-lg:.86rem;--ux-nav-btn-size:1.8rem;--ux-card-action-size:1.7rem;--ux-card-ar-size:1.18rem;--ux-quran-size-surah:clamp(.96rem, .9rem + .52vw, 1.16rem);--ux-quran-size-page:clamp(.92rem, .86rem + .42vw, 1.1rem);--ux-quran-size-juz:clamp(.94rem, .88rem + .46vw, 1.12rem);--ux-quran-line-height:1.74}}@media(max-width:360px){:root,[data-theme]{--ux-step-xs:.64rem;--ux-step-sm:.71rem;--ux-step-md:.78rem;--ux-step-lg:.84rem;--ux-icon-sm:.62rem;--ux-icon-md:.72rem;--ux-icon-lg:.82rem;--ux-nav-btn-size:1.72rem;--ux-card-action-size:1.62rem;--ux-card-ar-size:1.08rem;--ux-quran-size-surah:clamp(.9rem, .86rem + .42vw, 1.04rem);--ux-quran-size-page:clamp(.88rem, .84rem + .34vw, 1rem);--ux-quran-size-juz:clamp(.89rem, .84rem + .38vw, 1.02rem);--ux-quran-line-height:1.7}}.app-root .hp-grid.hp-grid--surah .hp-card-name,.app-root .quran-display--platform .ayah-actions-inline__name{font-size:var(--ux-step-xs)}.app-root .hp-grid.hp-grid--surah .hp-card-meta{font-size:var(--ux-step-xs);line-height:1.3}.app-root .hp-grid.hp-grid--surah .hp-card-ar{font-size:var(--ux-card-ar-size)}.app-root .hp-grid.hp-grid--surah .hp-card-play,.app-root .quran-display--platform .ayah-actions-inline__icon-btn,.app-root .mp-player-options-trigger{width:var(--ux-card-action-size);height:var(--ux-card-action-size);min-width:var(--ux-card-action-size);min-height:var(--ux-card-action-size)}.mp-player-options-trigger{width:100%!important}.app-root .quran-display--platform .quran-mode-pane--surah .qc-ayah-text-ar{font-size:var(--ux-quran-size-surah);line-height:var(--ux-quran-line-height)}.app-root .quran-display--platform .quran-mode-pane--page .qc-ayah-text-ar{font-size:var(--ux-quran-size-page);line-height:var(--ux-quran-line-height)}.app-root .quran-display--platform .quran-mode-pane--juz .qc-ayah-text-ar{font-size:var(--ux-quran-size-juz);line-height:var(--ux-quran-line-height)}.app-root .mp-audio-player--desktop.is-minimized{max-width:min(292px,100vw - .9rem)}.app-root .mp-audio-player--desktop.is-minimized .mp-player-progress{height:.18rem}@media(min-width:641px)and (max-width:1024px){.app-root .mp-audio-player--mobile.mp-audio-player--dock{width:min(760px,100vw - .9rem);left:50%;right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + .32rem);border-radius:1.28rem;transform:translate(-50%);box-shadow:0 18px 42px #03080f57}}@media(max-width:640px){.app-root .mp-audio-player--mobile.mp-audio-player--dock{border-top-left-radius:1.08rem;border-top-right-radius:1.08rem}}.app-root .sidebar-clickout-overlay{top:var(--header-h,64px);background:radial-gradient(circle at 14% 6%,rgba(var(--primary-rgb),.14),transparent 38%),#040a1270;-webkit-backdrop-filter:blur(2px)saturate(1.15);opacity:0;animation:.18s forwards sidebarOverlayIn}@keyframes sidebarOverlayIn{0%{opacity:0}to{opacity:1}}.app-root .sb-wrapper{top:var(--header-h,64px);height:calc(100dvh - var(--header-h,64px));border:1px solid var(--ux-panel-border);border-radius:0 1.12rem 1.12rem 0;width:min(90vw,386px)}@supports (color:color-mix(in lab,red,red)){.app-root .sb-wrapper{border:1px solid color-mix(in srgb,var(--ux-panel-border) 88%,transparent 12%)}}.app-root .sb-wrapper{background:radial-gradient(circle at 12% 0%,rgba(var(--primary-rgb),.14),transparent 42%),linear-gradient(170deg,var(--bg-card),var(--bg-secondary))}@supports (color:color-mix(in lab,red,red)){.app-root .sb-wrapper{background:radial-gradient(circle at 12% 0%,rgba(var(--primary-rgb),.14),transparent 42%),linear-gradient(170deg,color-mix(in srgb,var(--bg-card) 95%,transparent 5%),color-mix(in srgb,var(--bg-secondary) 94%,transparent 6%))}}.app-root .sb-wrapper{box-shadow:18px 0 46px #0208123d,inset 0 0 0 1px #ffffff08}[dir=rtl] .app-root .sb-wrapper{border-radius:1.12rem 0 0 1.12rem}.app-root .sb-wrapper.open{box-shadow:18px 0 48px #0208124d,0 0 0 1px rgba(var(--primary-rgb),.12) inset}@media(max-width:640px){.app-root .sb-wrapper{border-radius:0 1rem 1rem 0;width:min(92vw,354px)}[dir=rtl] .app-root .sb-wrapper{border-radius:1rem 0 0 1rem}}@media(max-width:420px){.app-root .sb-wrapper{border-radius:0;width:100vw}[dir=rtl] .app-root .sb-wrapper{border-radius:0}}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline{border:1px solid var(--ux-panel-border);gap:.52rem;padding:.56rem .62rem}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline{border:1px solid color-mix(in srgb,var(--ux-panel-border) 84%,transparent 16%)}}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline{background:radial-gradient(circle at 12% 0%,rgba(var(--primary-rgb),.13),transparent 42%),linear-gradient(165deg,var(--ux-panel),var(--bg-card));border-radius:.98rem}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline{background:radial-gradient(circle at 12% 0%,rgba(var(--primary-rgb),.13),transparent 42%),linear-gradient(165deg,color-mix(in srgb,var(--ux-panel) 95%,transparent 5%),color-mix(in srgb,var(--bg-card) 93%,transparent 7%))}}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline{box-shadow:inset 0 1px #ffffff1f,0 10px 18px #02081424}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__meta{align-items:center;gap:.5rem}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__ref{border:1px solid var(--ux-panel-border);border-radius:999px;justify-content:center;align-items:center;min-height:1.34rem;padding:.1rem .5rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__ref{border:1px solid color-mix(in srgb,var(--ux-panel-border) 72%,rgba(var(--primary-rgb),.28) 28%)}}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__ref{background:var(--bg-card)}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__ref{background:color-mix(in srgb,var(--bg-card) 82%,rgba(var(--primary-rgb),.18) 18%)}}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__ref{color:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__ref{color:color-mix(in srgb,var(--text-primary) 82%,var(--primary) 18%)}}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__ref{letter-spacing:.06em;font-size:.66rem}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__name{letter-spacing:.012em;color:var(--text-primary);font-size:.74rem;font-weight:700}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__name{color:color-mix(in srgb,var(--text-primary) 92%,var(--primary) 8%)}}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icons{gap:.38rem;margin-bottom:.02rem}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icon-btn{border:1px solid var(--ux-panel-border);width:2rem;height:2rem}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icon-btn{border:1px solid color-mix(in srgb,var(--ux-panel-border) 72%,rgba(var(--primary-rgb),.28) 28%)}}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icon-btn{background:var(--bg-card)}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icon-btn{background:color-mix(in srgb,var(--bg-card) 84%,rgba(var(--primary-rgb),.16) 16%)}}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icon-btn{color:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icon-btn{color:color-mix(in srgb,var(--text-secondary) 84%,var(--text-primary) 16%)}}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icon-btn{box-shadow:inset 0 1px #ffffff26}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icon-btn:hover,.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icon-btn.is-active{border-color:rgba(var(--primary-rgb),.52);background:linear-gradient(145deg,rgba(var(--primary-rgb),.24),rgba(var(--primary-rgb),.1));box-shadow:0 10px 18px rgba(var(--primary-rgb),.2)}@media(max-width:640px){.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline{border-radius:.86rem;gap:.44rem;padding:.48rem .5rem}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__meta{flex-wrap:wrap;row-gap:.22rem}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__name{font-size:.71rem}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icons{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icons::-webkit-scrollbar{display:none}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__icon-btn{flex:none;width:1.86rem;height:1.86rem}}@media(max-width:420px){.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline{padding:.44rem}.app-root .quran-display--platform .quran-mode-pane--surah .ayah-actions-inline__name{font-size:.68rem}}@media(max-width:639px){.audio-player-modal__surface{border:none!important;border-radius:0!important;width:100vw!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important}.audio-player-modal__grid{grid-template-columns:1fr!important;gap:1rem!important;padding:1rem!important;overflow-y:auto!important}}@media(min-width:640px)and (max-width:1023px){.audio-player-modal__surface{border-radius:1.75rem!important;width:min(94vw,720px)!important;height:min(88vh,680px)!important}.audio-player-modal__grid{grid-template-columns:1fr 1fr!important;gap:1.5rem!important}}@media(min-width:1024px){.audio-player-modal__surface{border-radius:2.5rem!important;width:min(96vw,1080px)!important;height:min(90vh,820px)!important}.audio-player-modal__grid{grid-template-columns:1.3fr 1fr!important;gap:2rem!important}}@media(max-width:639px){.settings-drawer{border-radius:0!important;width:100vw!important;min-width:0!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;inset:0!important}}@media(max-width:767px){.sidebar,[class*=sidebar-panel]{border-radius:0!important;width:100vw!important;max-width:100vw!important}}@media(max-width:1023px){.app-main-shell,main{padding-bottom:calc(var(--player-h,72px) + env(safe-area-inset-bottom,0px))}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media(max-width:1023px){.audio-player-modal__surface{padding-bottom:env(safe-area-inset-bottom)}}}@media(max-width:399px){html{font-size:14px}}@media(min-width:400px)and (max-width:639px){html{font-size:15px}}@media(max-width:1023px){button,[role=button],a,input[type=button],input[type=submit],input[type=reset],select{min-width:44px;min-height:44px}}*{scrollbar-width:thin;scrollbar-color:#10b98126 transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#10b98126;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#10b9814d}.sb-wrapper{background:var(--bg-primary);border-right:1px solid var(--border);width:min(92vw,360px);height:100dvh;z-index:var(--z-sidebar);will-change:transform;flex-direction:column;transition:transform .35s cubic-bezier(.33,1,.68,1),background-color .25s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}[dir=rtl] .sb-wrapper{border-right:none;border-left:1px solid var(--border);left:auto;right:0;transform:translate(100%)}.sb-wrapper.open{transition-timing-function:cubic-bezier(.32,1,.23,1);transform:translate(0)}[data-theme=dark] .sb-wrapper.open,[data-theme=quran-night] .sb-wrapper.open{border-bottom:1px solid var(--border);background:var(--bg-primary);flex-direction:column;flex-shrink:0;gap:1rem;padding:1.25rem 1.25rem 1rem;display:flex}.sb-wrapper{border-right-color:var(--border);width:min(94vw,378px);overflow:hidden}@supports (color:color-mix(in lab,red,red)){.sb-wrapper{border-right-color:color-mix(in srgb,var(--border) 78%,#ffffff3d 22%)}}.sb-wrapper{background:radial-gradient(circle at top left,rgba(var(--primary-rgb),.12),transparent 28%),linear-gradient(180deg,var(--bg-primary),var(--bg-secondary))}@supports (color:color-mix(in lab,red,red)){.sb-wrapper{background:radial-gradient(circle at top left,rgba(var(--primary-rgb),.12),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--bg-primary) 95%,#ffffff0d 5%),color-mix(in srgb,var(--bg-secondary) 92%,#0000000a 8%))}}.sb-wrapper{-webkit-backdrop-filter:blur(8px)saturate(130%)}[dir=rtl] .sb-wrapper{border-left-color:var(--border)}@supports (color:color-mix(in lab,red,red)){[dir=rtl] .sb-wrapper{border-left-color:color-mix(in srgb,var(--border) 78%,#ffffff3d 22%)}}.sb-wrapper:before{content:"";pointer-events:none;background:radial-gradient(circle at 0% 0%,rgba(var(--primary-rgb),.16),transparent 36%),radial-gradient(circle at 100% 0%,#d4b06824,transparent 30%);opacity:.9;height:160px;position:absolute;inset:0 0 auto}.sb-wrapper.open{box-shadow:18px 0 48px #02081729,inset 0 1px #ffffff14}[data-theme=dark] .sb-wrapper.open,[data-theme=quran-night] .sb-wrapper.open,.sidebar-clickout-overlay{-webkit-backdrop-filter:blur(4px);background:#03090a29}@media(max-width:920px){.sb-wrapper{width:min(100vw,362px)}}@media(max-width:720px){.sb-wrapper{width:100vw;max-width:100vw}}:root{--hp-gap:clamp(.85rem, 1.4vw, 1.25rem);--hp-card-radius:1.2rem;--hp-card-border:var(--border,#ffffff1f)}@supports (color:color-mix(in lab,red,red)){:root{--hp-card-border:color-mix(in srgb, var(--border,#ffffff1f) 88%, transparent 12%)}}:root{--hp-card-shadow:0 12px 28px #08151114;--hp-card-shadow-hover:0 22px 36px #08151124}.hp-wrapper{width:min(100%,1200px);max-width:1200px;padding:1.5rem 1.25rem;padding-bottom:calc(var(--player-h,88px) + 2rem);flex-direction:column;gap:2rem;margin:0 auto;display:flex;overflow-x:clip}.flex-col{flex-direction:column}.gap-4{gap:1rem}.hp-card-play:focus-visible{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2);outline:none}.hp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}@media(max-width:640px){.hp-grid{grid-template-columns:1fr;gap:.75rem}}.hp-card{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem 1.15rem;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 14px #08142c12}.hp-card:before{content:"";background:linear-gradient(180deg,rgba(var(--primary-rgb),.86),rgba(var(--primary-rgb),.2));opacity:.35;inset-inline-start:0;border-radius:999px;width:3px;transition:opacity .2s;position:absolute;top:.58rem;bottom:.58rem}.hp-card:hover{border-color:rgba(var(--primary-rgb),.4);background:var(--bg-secondary);box-shadow:0 12px 20px rgba(var(--primary-rgb),.12);transform:translateY(-1px)}.hp-card:hover:before,.hp-card.active:before,.hp-card.playing:before{opacity:.8}.hp-card.active{border-color:var(--primary);background:rgba(var(--primary-rgb),.04);box-shadow:0 12px 20px rgba(var(--primary-rgb),.12)}.hp-card.playing{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);box-shadow:0 14px 24px rgba(var(--primary-rgb),.18)}.hp-card:focus-visible{border-color:rgba(var(--primary-rgb),.75);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2),0 12px 22px rgba(var(--primary-rgb),.16);outline:none}.hp-card-num{width:2.5rem;height:2.5rem;font-family:var(--font-ui);color:var(--text-secondary);background:var(--bg-secondary);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:color .2s,background-color .2s;display:flex;position:relative;transform:rotate(45deg)}.hp-card-num-inner{transform:rotate(-45deg)}.hp-card:hover .hp-card-num{color:var(--text-primary);background:var(--bg-tertiary)}.hp-card.playing .hp-card-num,.hp-card.active .hp-card-num{background:var(--primary);color:#fff}.hp-card-content{text-align:start;flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.hp-card-name{font-family:var(--font-ui);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.hp-card-meta{font-family:var(--font-ui);color:var(--text-secondary);font-size:.75rem;font-weight:500;line-height:1.25}.hp-card-ar{font-family:var(--font-quran,"Amiri Quran"),serif;color:var(--text-primary);text-align:right;margin-inline-start:auto;font-size:1.65rem;line-height:1.2;transition:color .2s}.hp-card:hover .hp-card-ar{color:var(--primary)}.hp-card-play{opacity:0;background:var(--primary);color:#fff;border:1px solid rgba(var(--primary-rgb),.44);cursor:pointer;z-index:2;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:opacity .2s,transform .2s,background-color .2s,color .2s,border-color .2s;display:flex;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)translate(10px)}[dir=rtl] .hp-card-play{left:1.25rem;right:auto;transform:translateY(-50%)translate(-10px)}.hp-card:hover .hp-card-play{opacity:1;pointer-events:auto;transform:translateY(-50%)translate(0)}.hp-card.playing .hp-card-play{opacity:1;pointer-events:auto;background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-50%)translate(0)}@media(hover:none){.hp-card-play{pointer-events:auto;background:var(--bg-secondary);width:2rem;height:2rem;color:var(--text-secondary);margin-inline-start:.5rem;position:static;transform:none;opacity:1!important}.hp-card:active{transform:scale(.992)}[dir=rtl] .hp-card-play{transform:none}.hp-card.playing .hp-card-play{background:var(--primary);color:#fff}}.hp-list{flex-direction:column;gap:.5rem;display:flex}.hp-empty{text-align:center;color:var(--text-muted);background:var(--bg-secondary);border:1px dashed var(--border);border-radius:1rem;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:4rem 1rem;display:flex}.hp-empty svg{opacity:.5;margin-bottom:1rem;font-size:2.5rem}.hp-empty p{font-family:var(--font-ui);font-size:1rem;font-weight:600}@media(max-width:1024px){.hp-wrapper{padding:1.15rem .92rem;padding-bottom:calc(var(--player-h,88px) + 1.8rem);gap:1.35rem}}@media(max-width:820px){.hp-wrapper{padding-inline:.72rem}}@media(max-width:640px){.hp-wrapper{padding:.96rem .5rem;padding-bottom:calc(var(--player-h,88px) + 1.5rem);gap:1.05rem}.hp-card-play{min-width:2.5rem;min-height:2.5rem}.hp-card{border-radius:.68rem;gap:.72rem;padding:.82rem .86rem}.hp-card-num{width:2.18rem;height:2.18rem;font-size:.76rem}.hp-card-name{font-size:.96rem}.hp-card-meta{font-size:max(.7rem,11px)}.hp-card-ar{font-size:clamp(1.18rem,1.08rem + .8vw,1.36rem)}.hp-list{gap:.36rem}}@media(prefers-reduced-motion:reduce){.hp-card,.hp-card-play{transition:none!important;animation:none!important}.hp-card:hover,.hp-card:active{transform:none!important}}@media(max-width:420px){.hp-wrapper{padding-inline:.4rem}.hp-card{gap:.62rem;padding:.76rem}.hp-card-ar{font-size:1.05rem}.hp-card-play{width:1.88rem;height:1.88rem}}@media(max-width:360px){.hp-wrapper{padding-inline:.3rem}.hp-card{gap:.52rem;padding:.66rem}.hp-card-num{width:1.94rem;height:1.94rem;font-size:.72rem}.hp-card-name{font-size:.88rem}.hp-card-meta{font-size:.66rem}}@media(max-height:560px)and (orientation:landscape){.hp-wrapper{padding-bottom:calc(var(--player-h,88px) + 1.1rem)}}.quran-display{--font-surah-display:var(--font-surah-name,var(--font-surah,"QPC Hafs", "Amiri Quran", "Scheherazade New", serif))}@keyframes quran-mode-in{0%{opacity:0;filter:blur(1px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}.quran-mode-pane{animation:.22s ease-out both quran-mode-in}@media(prefers-reduced-motion:reduce){.quran-mode-pane{animation:none}}.surah-header{text-align:center;margin:.35rem 0 .65rem}.btn-play-surah{border:1.5px solid rgba(var(--primary-rgb),.25);border-radius:var(--r-pill);background:var(--reading-surface-soft);align-items:center;gap:.55rem;padding:.55rem 1.6rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.btn-play-surah{background:color-mix(in srgb,var(--reading-surface-soft) 90%,var(--primary) 10%)}}.btn-play-surah{color:var(--primary);font-family:var(--font-ui);cursor:pointer;letter-spacing:.3px;font-size:.82rem;font-weight:600;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn-play-surah:after{content:"";opacity:0;background:linear-gradient(105deg,#0000 40%,#ffffff26,#0000 60%) 0 0/200% 100%;transition:opacity .2s;position:absolute;inset:0}.btn-play-surah i{font-size:.68rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.btn-play-surah:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 18px rgba(var(--primary-rgb),.35),inset 0 1px #ffffff26;transform:translateY(-2px)}.btn-play-surah:hover:after{opacity:1;background-position:-200%;animation:.6s forwards hdr-shimmer}.btn-play-surah:hover i{transform:scale(1.2)rotate(-5deg)}.btn-play-surah:active{box-shadow:0 2px 8px rgba(var(--primary-rgb),.2);transition-duration:80ms;transform:translateY(0)scale(.97)}.btn-play-surah:disabled{opacity:.62;cursor:wait;box-shadow:none;transform:none}.surah-ayahs-list{font-family:var(--font-quran);line-height:var(--line-height-quran);background:var(--mushaf-bg,var(--bg-card));border:1px solid var(--border);border-radius:var(--r-xl);overflow-wrap:break-word;word-break:break-word;margin-bottom:.75rem;padding:0;position:relative;overflow:hidden;box-shadow:0 4px 20px #1c191714,0 1px 4px #1c19170d,inset 0 1px #ffffffa6}.surah-ayahs-list:before{content:"";background:linear-gradient(90deg,#0000,#b8860b66 20%,#b8860bbf,#b8860b66 80%,#0000);height:3px;display:block}@keyframes ayah-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes hp-pulse-gold{0%,to{box-shadow:0 0 #b8860b00}50%{box-shadow:0 0 0 4px #b8860b2e}}@keyframes glow-play{0%,to{background-color:var(--ayah-playing-bg);box-shadow:inset 4px 0 0 var(--gold),0 0 0 1px #b8860b0f,0 2px 24px #b8860b0f}50%{box-shadow:inset 4px 0 0 var(--gold),0 0 0 1px #b8860b1a,0 4px 32px #b8860b24;background-color:#b8860b1a}}@keyframes ayah-shimmer{0%{opacity:0;background-position:-600px}10%{opacity:1}90%{opacity:1}to{opacity:0;background-position:600px}}.quran-nav{justify-content:center;align-items:center;gap:.85rem;margin-top:.75rem;padding:1.5rem 0 1rem;display:flex}.scroll-top-btn{bottom:calc(var(--player-h) + 1.25rem);border:none;border:1px solid rgba(var(--primary-rgb),.7);width:42px;height:42px;position:fixed;inset-inline-end:1.25rem}@supports (color:color-mix(in lab,red,red)){.scroll-top-btn{border:1px solid color-mix(in srgb,rgba(var(--primary-rgb),.7) 74%,#fff 26%)}}.scroll-top-btn{background:linear-gradient(180deg,var(--primary),var(--primary));border-radius:50%}@supports (color:color-mix(in lab,red,red)){.scroll-top-btn{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 86%,#fff 14%),var(--primary))}}.scroll-top-btn{color:#fff;cursor:pointer;z-index:50;box-shadow:0 4px 16px rgba(var(--primary-rgb),.3),0 2px 4px rgba(var(--primary-rgb),.15);transition:background var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);animation:fadeInScale .22s var(--ease);justify-content:center;align-items:center;font-size:.85rem;display:flex}.scroll-top-btn:hover{background:var(--primary-dark);box-shadow:0 8px 22px rgba(var(--primary-rgb),.38),0 3px 6px rgba(var(--primary-rgb),.2);transform:translateY(-3px)}.scroll-top-btn:active{transform:translateY(0)}.scroll-top-btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25),0 8px 22px rgba(var(--primary-rgb),.36),0 3px 6px rgba(var(--primary-rgb),.2);outline:none}@media(max-height:560px)and (orientation:landscape){.scroll-top-btn{bottom:calc(var(--player-h) + .72rem);width:38px;height:38px;inset-inline-end:.78rem}}.is-tajweed-painted{background-image:var(--tajweed-paint);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.is-tajweed-painted:hover,.is-tajweed-painted:focus-visible,.is-tajweed-painted.qcm-word--active,.is-tajweed-painted.qcm-word--playing{-webkit-text-fill-color:currentColor;background-image:none}.is-tajweed-painted::selection{-webkit-text-fill-color:currentColor}::highlight(tajwid-hover){background-color:rgba(var(--primary-rgb),.14)}::highlight(tajwid-playing){background-color:rgba(var(--primary-rgb),.16)}.quran-tajwid-text .quran-word-item,.quran-canonical-text .quran-word-item,.hafs-karaoke .wbw-word,.mushaf-text-block,.mushaf-text-block .cpv-verse,.qcm-word{-webkit-user-select:text;user-select:text}.tajwid{font-synthesis:none}@keyframes wbwWordGlow{0%,to{opacity:1}50%{opacity:.82}}@keyframes wbwQcf4Glow{0%,to{filter:brightness(1.08)}50%{filter:brightness(1.22)}}.skeleton-line{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);border-radius:var(--r-md);background-size:200% 100%;margin-bottom:1rem;animation:1.6s infinite skeletonShimmer}.skeleton-line{height:18px}.skeleton-line.long{width:100%}.skeleton-line.medium{width:78%;margin-inline:auto}.skeleton-line.short{width:50%;margin-inline:auto}.skeleton-line.thin{opacity:.8;width:42%;height:12px;margin-inline:auto}@media(min-width:641px)and (max-width:1023px){.quran-display{padding:1rem 1.15rem 2rem}}@media(max-width:640px){.quran-display{padding:.9rem .72rem 2.35rem}.quran-nav{gap:.5rem;padding:.85rem 0 .95rem}.scroll-top-btn{width:36px;height:36px;bottom:calc(var(--player-h) + .75rem);font-size:.8rem}.qc-ayah-text-ar{word-spacing:.065em;font-size:1.08em;line-height:2.42}.qc-ayah-transliteration{font-size:.8rem;line-height:1.76}}@media(max-width:374px){.quran-display{padding:.5rem .5rem 1.25rem}}@media(min-width:1440px){.quran-display{max-width:980px;padding:2.25rem 3rem 4rem}.quran-nav{gap:1rem;padding:1.5rem 0 1rem}}@keyframes wbw-pop{0%{opacity:0;transform:translateY(4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes wbw-glow-pulse{0%,to{box-shadow:0 0 0 2px #d4a82059,0 4px 18px #d4a82033}50%{box-shadow:0 0 0 3px #d4a8208c,0 6px 28px #d4a82052}}@media print{.scroll-top-btn,.quran-nav{display:none!important}.quran-display{max-width:100%;padding:0;overflow:visible}.surah-ayahs-list{box-shadow:none;page-break-inside:avoid;border:none;border-radius:0}}@keyframes pulse-ring{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.02)}}:root{--mp-bg-outer:#f5e9c8;--mp-bg-inner:#fdf6e3;--mp-border:#b8860b;--mp-border-dim:#b8860b61;--mp-text:#1a120b;--mp-gold:#b8860b}[data-theme=dark],[data-theme=sepia]{--mp-bg-outer:#e8d4a8;--mp-bg-inner:#f5ead0;--mp-border:#9a6e1a;--mp-border-dim:#9a6e1a6b;--mp-text:#2a1a04;--mp-gold:#9a6e1a}.mp-header{border-bottom:2.5px solid var(--mp-border);border-top:1px solid var(--mp-border-dim);background:linear-gradient(135deg,#b8860b26,#b8860b0d 30% 70%,#b8860b26);justify-content:space-between;align-items:stretch;gap:.5rem;padding:.65rem 1.8rem .6rem;display:flex}.mp-header:before,.mp-header:after{content:"✦";color:var(--mp-gold);opacity:.45;font-size:.85rem;line-height:1;position:absolute}.mp-header:before{top:50%;left:.5rem;transform:translateY(-50%)}.mp-header:after{top:50%;right:.5rem;transform:translateY(-50%)}.app-root>.mp-header{border-top:0;border-bottom:1px solid var(--border);width:100%;padding:.45rem clamp(.65rem,1.4vw,1.15rem);display:block}@supports (color:color-mix(in lab,red,red)){.app-root>.mp-header{border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}}.app-root>.mp-header{background:linear-gradient(180deg,var(--bg-card),var(--bg-card))}@supports (color:color-mix(in lab,red,red)){.app-root>.mp-header{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 94%,transparent),color-mix(in srgb,var(--bg-card) 86%,transparent))}}.app-root>.mp-header:before,.app-root>.mp-header:after{content:none;display:none}.app-root>.mp-header .mp-header__bar{grid-template-columns:minmax(8.5rem,.8fr) minmax(12rem,1.2fr) minmax(16rem,.9fr);align-items:center;gap:clamp(.45rem,1vw,.9rem);width:min(100%,1420px);min-height:3.2rem;margin-inline:auto;display:grid}.app-root>.mp-header .mp-header__brand-row,.app-root>.mp-header .mp-header__actions,.app-root>.mp-header .mp-header__nav,.app-root>.mp-header .mp-header-menu__riwaya{align-items:center;min-width:0;display:flex}.app-root>.mp-header .mp-header__brand-row{gap:.5rem}.app-root>.mp-header .mp-header__actions{justify-content:flex-end;gap:.42rem}.app-root>.mp-header .mp-header__icon-btn,.app-root>.mp-header .mp-header__action,.app-root>.mp-header .mp-header__more,.app-root>.mp-header .mp-header__nav-arrow{border:1px solid var(--border);flex:none;justify-content:center;align-items:center;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.app-root>.mp-header .mp-header__icon-btn,.app-root>.mp-header .mp-header__action,.app-root>.mp-header .mp-header__more,.app-root>.mp-header .mp-header__nav-arrow{border:1px solid color-mix(in srgb,var(--border) 82%,transparent)}}.app-root>.mp-header .mp-header__icon-btn,.app-root>.mp-header .mp-header__action,.app-root>.mp-header .mp-header__more,.app-root>.mp-header .mp-header__nav-arrow{background:var(--bg-secondary);border-radius:.85rem}@supports (color:color-mix(in lab,red,red)){.app-root>.mp-header .mp-header__icon-btn,.app-root>.mp-header .mp-header__action,.app-root>.mp-header .mp-header__more,.app-root>.mp-header .mp-header__nav-arrow{background:color-mix(in srgb,var(--bg-secondary) 92%,transparent)}}.app-root>.mp-header .mp-header__icon-btn,.app-root>.mp-header .mp-header__action,.app-root>.mp-header .mp-header__more,.app-root>.mp-header .mp-header__nav-arrow{color:var(--text-secondary)}.app-root>.mp-header .mp-header__brand{min-width:0;max-width:13rem;height:2.75rem;color:var(--text-primary);border-radius:1rem;align-items:center;gap:.58rem;padding:.28rem .64rem .28rem .32rem;display:inline-flex}.app-root>.mp-header .mp-header__logo{background:var(--bg-primary);border-radius:.85rem;flex:none;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;display:inline-flex;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.app-root>.mp-header .mp-header__logo{background:color-mix(in srgb,var(--bg-primary) 92%,var(--primary) 8%)}}.app-root>.mp-header .mp-header__logo{box-shadow:0 8px 18px #0208171f}.app-root>.mp-header .mp-header__logo img,.app-root>.mp-header .mp-header__logo svg{object-fit:cover;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.app-root>.mp-header .mp-header__brand-text{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;min-width:0;font-size:1.04rem;font-weight:850;overflow:hidden}.app-root>.mp-header .mp-header__center{justify-content:center;min-width:0;display:flex}.app-root>.mp-header .mp-header__home-summary,.app-root>.mp-header .mp-header__title-btn{border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;min-width:0;max-width:min(100%,28rem);min-height:2.45rem;padding:.32rem .82rem;line-height:1.15;display:flex}.app-root>.mp-header .mp-header__home-summary strong,.app-root>.mp-header .mp-header__title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-primary);font-size:.88rem;font-weight:850;overflow:hidden}.app-root>.mp-header .mp-header__home-summary span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-muted);font-size:.68rem;font-weight:700;overflow:hidden}.app-root>.mp-header .mp-header__search{gap:.42rem;width:auto;min-width:7.1rem;padding-inline:.72rem}.app-root>.mp-header .mp-header-menu__item{width:100%;min-height:2.55rem;color:var(--text-primary);text-align:start;border-radius:.85rem;align-items:center;gap:.62rem;padding:.52rem .68rem;display:flex}@media(max-width:900px){.app-root>.mp-header .mp-header__bar{grid-template-columns:auto minmax(0,1fr) auto}.app-root>.mp-header .mp-header__home-summary,.app-root>.mp-header .mp-header__title-btn{max-width:14rem}}@media(max-width:640px){.app-root>.mp-header{padding:.28rem .42rem}.app-root>.mp-header .mp-header__bar{grid-template-columns:auto 1fr auto;gap:.3rem;min-height:2.75rem}.app-root>.mp-header .mp-header__center,.app-root>.mp-header .mp-header__brand-text,.app-root>.mp-header .mp-header__search span{display:none}.app-root>.mp-header .mp-header__brand{width:2.45rem;height:2.45rem;padding:.2rem}.app-root>.mp-header .mp-header__logo{width:2.05rem;height:2.05rem}.app-root>.mp-header .mp-header__icon-btn,.app-root>.mp-header .mp-header__action,.app-root>.mp-header .mp-header__more{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem}.app-root>.mp-header .mp-header__search{min-width:2.25rem;padding-inline:0}}.quran-mode-pane--page .mp-header{background:0 0;border-bottom:none;margin-bottom:1rem;padding:1.5rem 1rem 1rem}@keyframes mp-ayah-pulse{0%,to{background:#b8860b21}50%{background:#b8860b38}}@media(max-width:640px){.mp-header{padding:.45rem 1rem .4rem}}.quran-display{scroll-behavior:auto;flex:1;width:100%;max-width:1234px;min-height:0;margin:0 auto;padding:2rem 2.25rem 4rem;overflow-x:hidden}.qc-ayah-text-ar{text-align:right;width:100%;color:var(--text-quran);line-height:var(--arabic-reading-line-height,2.46);word-spacing:var(--arabic-reading-word-spacing,.072em);letter-spacing:.005em;font-feature-settings:"liga" 1,"calt" 1,"kern" 1,"mark" 1;text-rendering:optimizelegibility;direction:rtl;transition:color .22s,text-shadow .22s}.qc-ayah-transliteration{font-family:var(--font-home-ui,var(--font-ui));color:var(--text-muted);letter-spacing:.025em;opacity:.78;background:rgba(var(--primary-rgb),.025);border:1px dashed rgba(var(--primary-rgb),.12);border-radius:.45rem;margin-top:.65rem;padding:.45rem .85rem;font-size:.82rem;font-style:italic;line-height:1.8;transition:opacity .2s}[data-theme=dark] .qc-ayah-transliteration{font-size:1em}@media(max-width:768px){.quran-display{max-width:100%}.qc-ayah-transliteration{margin-top:.55rem;padding:.4rem .7rem;font-size:.78rem}}.app-root.focus-reading .quran-display{max-width:1020px;padding-top:2.2rem;padding-bottom:4rem}.app-root.focus-reading .btn-play-surah{box-shadow:none}.app-root.focus-reading .btn-play-surah,.app-root.focus-reading .quran-nav{border-color:rgba(var(--primary-rgb),.06)}.app-root.focus-reading .qc-ayah-text-ar{line-height:calc(var(--arabic-reading-line-height,2.46) + .06);word-spacing:calc(var(--arabic-reading-word-spacing,.072em) + .008em)}.app-root.focus-reading .quran-display--warsh .qc-ayah-text-ar{line-height:calc(var(--arabic-reading-line-height,2.46) + .01);word-spacing:calc(var(--arabic-reading-word-spacing,.072em) - .006em)}.app-root.focus-reading .surah-header{margin-bottom:.95rem}@media(min-width:901px){.app-root.focus-reading .quran-nav{max-width:960px;margin-inline:auto}}@media(max-width:420px){.qc-ayah-text-ar{line-height:calc(var(--arabic-reading-line-height-mobile,2.22) - .03);word-spacing:calc(var(--arabic-reading-word-spacing-mobile,.052em) - .004em)}.quran-display--hafs .qc-ayah-text-ar{line-height:calc(var(--arabic-reading-line-height-mobile,2.22) + .03)}.quran-display--warsh .qc-ayah-text-ar{line-height:calc(var(--arabic-reading-line-height-mobile,2.22) - .04);word-spacing:calc(var(--arabic-reading-word-spacing-mobile,.052em) - .006em)}.app-root.focus-reading .qc-ayah-text-ar{line-height:calc(var(--arabic-reading-line-height-mobile,2.22) + .02)}}@media(max-width:360px){.qc-ayah-text-ar{line-height:calc(var(--arabic-reading-line-height-mobile,2.22) - .06);word-spacing:calc(var(--arabic-reading-word-spacing-mobile,.052em) - .008em)}}:root{--cpv-bg:#fdfcf8;--cpv-border:#b8860b26;--cpv-gold:#b8860b;--cpv-shadow:0 8px 32px #00000014, 0 2px 8px #0000000a, inset 0 1px 0 #ffffffe6}[data-theme=dark]{--cpv-bg:#1a1e23;--cpv-border:#ffffff14;--cpv-gold:#c9a84c;--cpv-shadow:0 4px 20px #0006}[data-theme=sepia]{--cpv-bg:#fdf6e3;--cpv-border:#9a6e1a47;--cpv-gold:#9a6e1a;--cpv-shadow:0 4px 20px #64410024}@keyframes cpv-glow{0%,to{text-shadow:0 0 14px #d4a82014}50%{text-shadow:0 0 28px #d4a82038}}@media(max-width:480px){.quran-display{padding:.5rem .4rem 5rem}.modal{border-radius:1rem 1rem 0 0;min-height:60vh;position:fixed;bottom:0;left:0;width:100vw!important;max-width:100vw!important}.modal-overlay{align-items:flex-end}}@keyframes ayahPlayPulse{0%,to{background:var(--emerald-tint);box-shadow:inset 4px 0 0 var(--gold)}50%{box-shadow:inset 6px 0 0 var(--gold-bright);background:#105a301f}}@keyframes ayahFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ayahNumRing{0%,to{box-shadow:0 0 0 3px #d4a8201a,0 0 12px #d4a8202e}50%{box-shadow:0 0 0 6px #d4a8202e,0 0 22px #d4a82047}}@keyframes starPopIn{0%{transform:scale(1)rotate(0)}38%{transform:scale(1.45)rotate(-7deg)}65%{transform:scale(.88)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)scaleY(.94)}to{opacity:1;transform:none}}@keyframes qcShAccentIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bisAppear{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes parchmentIn{0%{opacity:0;transform:scale(.96)translateY(-6px)}to{opacity:1;transform:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}:root[data-theme=light],[data-theme=light]{--brand-bg: #f6f8f4;--brand-ink: #19251f;--brand-accent: #0f6a43;--brand-accent-rgb: 15, 106, 67;--brand-gold: #b48732;--theme-arabic-base: #121914;--theme-scene-a: radial-gradient( circle at 12% -14%, rgba(15, 106, 67, .1), transparent 38% );--theme-scene-b: radial-gradient( circle at 88% -12%, rgba(180, 135, 50, .07), transparent 34% );--theme-pattern: linear-gradient(90deg, rgba(31, 40, 50, .02) 1px, transparent 1px) 0 0 / 92px 92px, linear-gradient(rgba(47, 158, 167, .022) 1px, transparent 1px) 0 0 / 92px 92px, radial-gradient( circle at 46px 46px, rgba(47, 158, 167, .055) 0 1.1px, transparent 1.35px ) 0 0 / 92px 92px;--theme-veil: linear-gradient( 180deg, rgba(255, 255, 255, .45), transparent 22%, transparent 78%, rgba(246, 250, 251, .34) );--theme-ornament: linear-gradient( 125deg, rgba(255, 255, 255, .18), transparent 32%, transparent 68%, rgba(47, 158, 167, .065) ), radial-gradient( circle at 16% 20%, rgba(47, 158, 167, .085), transparent 20% ), radial-gradient( circle at 84% 16%, rgba(110, 127, 145, .065), transparent 17% );--theme-hero-wash: linear-gradient(140deg, rgba(255, 255, 255, .22), transparent 54%), radial-gradient( circle at 86% 12%, rgba(47, 158, 167, .11), transparent 30% );--quran-com-tajwid-silent: #a5a5a5;--quran-com-tajwid-madd-normal: #ce9e00;--quran-com-tajwid-madd-separated: #ff7b00;--quran-com-tajwid-madd-connected: #f40000;--quran-com-tajwid-madd-necessary: #b50000;--quran-com-tajwid-nasal: #09b000;--quran-com-tajwid-qalqala: #2fadff;--quran-com-tajwid-tafkhim: #3f48e6;--tajwid-palette-silent: #a5a5a5;--tajwid-palette-madd-normal: #ce9e00;--tajwid-palette-madd-separated: #ff7b00;--tajwid-palette-madd-connected: #f40000;--tajwid-palette-madd-necessary: #b50000;--tajwid-palette-nasal: #09b000;--tajwid-palette-qalqala: #2fadff;--tajwid-palette-tafkhim: #3f48e6;--tajwid-silent: var(--tajwid-palette-silent);--tajwid-ham-wasl: var(--tajwid-palette-silent);--tajwid-lam-shamsiyya: var(--tajwid-palette-silent);--tajwid-idgham: var(--tajwid-palette-silent);--tajwid-idgham-without-ghunnah: var(--tajwid-palette-silent);--tajwid-idgham-mutamathilayn: var(--tajwid-palette-silent);--tajwid-idgham-mutajanisayn: var(--tajwid-palette-silent);--tajwid-idgham-mutaqaribayn: var(--tajwid-palette-silent);--tajwid-ghunna: var(--tajwid-palette-nasal);--tajwid-ikhfa: var(--tajwid-palette-nasal);--tajwid-ikhfa-shafawi: var(--tajwid-palette-nasal);--tajwid-iqlab: var(--tajwid-palette-nasal);--tajwid-idgham-ghunnah: var(--tajwid-palette-nasal);--tajwid-idgham-shafawi: var(--tajwid-palette-nasal);--tajwid-qalqala: var(--tajwid-palette-qalqala);--tajwid-tafkhim: var(--tajwid-palette-tafkhim);--tajwid-madd-normal: var(--tajwid-palette-madd-normal);--tajwid-madd-permissible: var(--tajwid-palette-madd-separated);--tajwid-madd-obligatory: var(--tajwid-palette-madd-connected);--tajwid-madd-obligatory-separated: var(--tajwid-palette-madd-connected);--tajwid-madd-separated: var(--tajwid-palette-madd-separated);--tajwid-madd-badal: var(--tajwid-palette-madd-separated);--tajwid-madd-arid: var(--tajwid-palette-madd-separated);--tajwid-madd-lin: var(--tajwid-palette-madd-separated);--tajwid-madd-connected: var(--tajwid-palette-madd-connected);--tajwid-madd: var(--tajwid-palette-madd-necessary);--tajwid-madd-necessary: var(--tajwid-palette-madd-necessary);--danger: #b42318;--error: #c0392b;--warning: #7c5205;--bg-hover: #e8efea;--toast-success-bg: #ecfdf5;--toast-success-border: #a7f3d0;--toast-success-text: #065f46;--toast-success-accent: #10b981;--toast-error-bg: #fef2f2;--toast-error-border: #fecaca;--toast-error-text: #991b1b;--toast-error-accent: #ef4444;--toast-warning-bg: #fff7ed;--toast-warning-border: #fed7aa;--toast-warning-text: #9a3412;--toast-warning-accent: #f97316;--toast-info-bg: #eff6ff;--toast-info-border: #bfdbfe;--toast-info-text: #1e40af;--toast-info-accent: #3b82f6}:root[data-theme=sepia],[data-theme=sepia]{--brand-bg: #f3ead8;--brand-ink: #2b2117;--brand-accent: #77552c;--brand-accent-rgb: 119, 85, 44;--brand-gold: #a9782f;--theme-arabic-base: #21170e;--emerald: #7c4a17;--emerald-lit: #9a6425;--emerald-pale: #ead9b8;--theme-scene-a: radial-gradient( circle at 12% -10%, rgba(139, 107, 62, .22), transparent 38% );--theme-scene-b: radial-gradient( circle at 88% -16%, rgba(168, 132, 82, .16), transparent 36% );--theme-pattern: linear-gradient(90deg, rgba(72, 55, 35, .025) 1px, transparent 1px) 0 0 / 92px 92px, linear-gradient(rgba(139, 107, 62, .025) 1px, transparent 1px) 0 0 / 92px 92px, radial-gradient( circle at 24px 24px, rgba(168, 132, 82, .08) 0 1.1px, transparent 1.35px ) 0 0 / 92px 92px;--theme-veil: linear-gradient( 180deg, rgba(255, 250, 242, .5), transparent 24%, transparent 76%, rgba(120, 89, 52, .2) );--theme-ornament: linear-gradient( 125deg, rgba(255, 248, 238, .2), transparent 30%, transparent 70%, rgba(139, 107, 62, .12) ), radial-gradient( circle at 14% 18%, rgba(168, 132, 82, .15), transparent 18% ), radial-gradient( circle at 84% 18%, rgba(72, 55, 35, .1), transparent 18% );--theme-hero-wash: linear-gradient(145deg, rgba(255, 252, 244, .2), transparent 56%), radial-gradient( circle at 84% 14%, rgba(139, 107, 62, .16), transparent 28% );--quran-com-tajwid-silent: #ababab;--quran-com-tajwid-madd-normal: #c09725;--quran-com-tajwid-madd-separated: #e67b00;--quran-com-tajwid-madd-connected: #ff0000;--quran-com-tajwid-madd-necessary: #b7001c;--quran-com-tajwid-nasal: #09b000;--quran-com-tajwid-qalqala: #00b4e0;--quran-com-tajwid-tafkhim: #134fe1;--tajwid-palette-silent: #ababab;--tajwid-palette-madd-normal: #c09725;--tajwid-palette-madd-separated: #e67b00;--tajwid-palette-madd-connected: #ff0000;--tajwid-palette-madd-necessary: #b7001c;--tajwid-palette-nasal: #09b000;--tajwid-palette-qalqala: #00b4e0;--tajwid-palette-tafkhim: #134fe1;--tajwid-silent: var(--tajwid-palette-silent);--tajwid-ham-wasl: var(--tajwid-palette-silent);--tajwid-lam-shamsiyya: var(--tajwid-palette-silent);--tajwid-idgham: var(--tajwid-palette-silent);--tajwid-idgham-without-ghunnah: var(--tajwid-palette-silent);--tajwid-idgham-mutamathilayn: var(--tajwid-palette-silent);--tajwid-idgham-mutajanisayn: var(--tajwid-palette-silent);--tajwid-idgham-mutaqaribayn: var(--tajwid-palette-silent);--tajwid-ghunna: var(--tajwid-palette-nasal);--tajwid-ikhfa: var(--tajwid-palette-nasal);--tajwid-ikhfa-shafawi: var(--tajwid-palette-nasal);--tajwid-iqlab: var(--tajwid-palette-nasal);--tajwid-idgham-ghunnah: var(--tajwid-palette-nasal);--tajwid-idgham-shafawi: var(--tajwid-palette-nasal);--tajwid-qalqala: var(--tajwid-palette-qalqala);--tajwid-tafkhim: var(--tajwid-palette-tafkhim);--tajwid-madd-normal: var(--tajwid-palette-madd-normal);--tajwid-madd-permissible: var(--tajwid-palette-madd-separated);--tajwid-madd-obligatory: var(--tajwid-palette-madd-connected);--tajwid-madd-obligatory-separated: var(--tajwid-palette-madd-connected);--tajwid-madd-separated: var(--tajwid-palette-madd-separated);--tajwid-madd-badal: var(--tajwid-palette-madd-separated);--tajwid-madd-arid: var(--tajwid-palette-madd-separated);--tajwid-madd-lin: var(--tajwid-palette-madd-separated);--tajwid-madd-connected: var(--tajwid-palette-madd-connected);--tajwid-madd: var(--tajwid-palette-madd-necessary);--tajwid-madd-necessary: var(--tajwid-palette-madd-necessary);--danger: #9a2718;--error: #7f1d1d;--warning: #71450f;--bg-hover: #ecdcbe;--toast-success-bg: #e7efdb;--toast-success-border: #b5c99a;--toast-success-text: #2f4d16;--toast-success-accent: #3f660c;--toast-error-bg: #f8e3d8;--toast-error-border: #e2b39b;--toast-error-text: #7c2d12;--toast-error-accent: #b03a0c;--toast-warning-bg: #f5e7c9;--toast-warning-border: #ddbf85;--toast-warning-text: #71450f;--toast-warning-accent: #99470a;--toast-info-bg: #e5ebf3;--toast-info-border: #b9c9de;--toast-info-text: #23406e;--toast-info-accent: #1d4ed8}:root[data-theme=dark],[data-theme=dark]{--brand-bg: #0c1511;--brand-ink: #f0eee6;--brand-accent: #38a675;--brand-accent-rgb: 56, 166, 117;--brand-gold: #d0ad62;--theme-arabic-base: #f5f0e5;--theme-scene-a: radial-gradient( circle at 12% -14%, rgba(47, 159, 107, .11), transparent 36% );--theme-scene-b: radial-gradient( circle at 86% -16%, rgba(214, 180, 92, .07), transparent 32% );--theme-pattern: linear-gradient(90deg, rgba(238, 235, 225, .024) 1px, transparent 1px) 0 0 / 92px 92px, linear-gradient(rgba(47, 159, 107, .025) 1px, transparent 1px) 0 0 / 92px 92px, radial-gradient( circle at 46px 46px, rgba(47, 159, 107, .1) 0 1.05px, transparent 1.3px ) 0 0 / 92px 92px;--theme-veil: linear-gradient( 180deg, rgba(7, 16, 12, .16), transparent 20%, transparent 78%, rgba(5, 9, 7, .36) );--theme-ornament: linear-gradient( 125deg, rgba(255, 255, 255, .04), transparent 34%, transparent 66%, rgba(47, 159, 107, .08) ), radial-gradient( circle at 14% 20%, rgba(47, 159, 107, .11), transparent 18% ), radial-gradient( circle at 84% 16%, rgba(214, 180, 92, .07), transparent 17% );--theme-hero-wash: linear-gradient(145deg, rgba(255, 255, 255, .04), transparent 54%), radial-gradient( circle at 84% 14%, rgba(47, 159, 107, .13), transparent 28% );--quran-com-tajwid-silent: #999999;--quran-com-tajwid-madd-normal: #ffc1e0;--quran-com-tajwid-madd-separated: #ff8e3b;--quran-com-tajwid-madd-connected: #ff5e8e;--quran-com-tajwid-madd-necessary: #e30000;--quran-com-tajwid-nasal: #26b55d;--quran-com-tajwid-qalqala: #00deff;--quran-com-tajwid-tafkhim: #3c84d5;--tajwid-palette-silent: #999999;--tajwid-palette-madd-normal: #ffc1e0;--tajwid-palette-madd-separated: #ff8e3b;--tajwid-palette-madd-connected: #ff5e8e;--tajwid-palette-madd-necessary: #e30000;--tajwid-palette-nasal: #26b55d;--tajwid-palette-qalqala: #00deff;--tajwid-palette-tafkhim: #3c84d5;--tajwid-silent: var(--tajwid-palette-silent);--tajwid-ham-wasl: var(--tajwid-palette-silent);--tajwid-lam-shamsiyya: var(--tajwid-palette-silent);--tajwid-idgham: var(--tajwid-palette-silent);--tajwid-idgham-without-ghunnah: var(--tajwid-palette-silent);--tajwid-idgham-mutamathilayn: var(--tajwid-palette-silent);--tajwid-idgham-mutajanisayn: var(--tajwid-palette-silent);--tajwid-idgham-mutaqaribayn: var(--tajwid-palette-silent);--tajwid-ghunna: var(--tajwid-palette-nasal);--tajwid-ikhfa: var(--tajwid-palette-nasal);--tajwid-ikhfa-shafawi: var(--tajwid-palette-nasal);--tajwid-iqlab: var(--tajwid-palette-nasal);--tajwid-idgham-ghunnah: var(--tajwid-palette-nasal);--tajwid-idgham-shafawi: var(--tajwid-palette-nasal);--tajwid-qalqala: var(--tajwid-palette-qalqala);--tajwid-tafkhim: var(--tajwid-palette-tafkhim);--tajwid-madd-normal: var(--tajwid-palette-madd-normal);--tajwid-madd-permissible: var(--tajwid-palette-madd-separated);--tajwid-madd-obligatory: var(--tajwid-palette-madd-connected);--tajwid-madd-obligatory-separated: var(--tajwid-palette-madd-connected);--tajwid-madd-separated: var(--tajwid-palette-madd-separated);--tajwid-madd-badal: var(--tajwid-palette-madd-separated);--tajwid-madd-arid: var(--tajwid-palette-madd-separated);--tajwid-madd-lin: var(--tajwid-palette-madd-separated);--tajwid-madd-connected: var(--tajwid-palette-madd-connected);--tajwid-madd: var(--tajwid-palette-madd-necessary);--tajwid-madd-necessary: var(--tajwid-palette-madd-necessary);--danger: #ff7a8a;--error: #f87171;--warning: #fbbf24;--bg-hover: #232b27;--toast-success-bg: #123524;--toast-success-border: #1f5c3d;--toast-success-text: #7ee2a8;--toast-success-accent: #34d399;--toast-error-bg: #3a1416;--toast-error-border: #6e2a2e;--toast-error-text: #ffb0ab;--toast-error-accent: #f87171;--toast-warning-bg: #3a2610;--toast-warning-border: #6e4a1e;--toast-warning-text: #ffce8a;--toast-warning-accent: #fbbf24;--toast-info-bg: #14273a;--toast-info-border: #2a4a6e;--toast-info-text: #a8cdf9;--toast-info-accent: #60a5fa}:root[data-theme=quran-night],:root[data-theme],[data-theme]{--theme-bg: var(--brand-bg);--theme-bg-alt: color-mix( in srgb, var(--brand-bg) 95%, var(--brand-ink) 5% );--theme-surface: color-mix( in srgb, var(--brand-bg) 93%, var(--brand-ink) 7% );--theme-surface-soft: color-mix( in srgb, var(--brand-bg) 89%, var(--brand-ink) 11% );--theme-surface-glass: color-mix( in srgb, var(--theme-surface) 84%, transparent 16% );--theme-text: var(--brand-ink);--theme-text-soft: color-mix( in srgb, var(--brand-ink) 78%, var(--brand-bg) 22% );--theme-text-muted: color-mix( in srgb, var(--brand-ink) 64%, var(--brand-bg) 36% );--theme-text-inverse: color-mix(in srgb, #ffffff 88%, var(--brand-bg) 12%);--theme-primary: var(--brand-accent);--theme-primary-rgb: var(--brand-accent-rgb);--theme-accent: var(--brand-accent);--theme-accent-bright: color-mix( in srgb, var(--brand-accent) 80%, #ffffff 20% );--theme-border: color-mix(in srgb, var(--brand-ink) 20%, transparent 80%);--theme-border-strong: color-mix( in srgb, var(--brand-ink) 36%, var(--brand-accent) 64% );--theme-arabic: var( --theme-arabic-base, color-mix(in srgb, var(--brand-accent) 68%, var(--brand-ink) 32%) );--theme-glow-a: color-mix( in srgb, var(--brand-accent) 24%, transparent 76% );--theme-glow-b: color-mix(in srgb, var(--brand-ink) 10%, transparent 90%);--theme-shadow-panel: 0 18px 42px rgba(2, 8, 23, .18), 0 1px 0 rgba(255, 255, 255, .09) inset;--theme-shadow-soft: 0 10px 24px rgba(2, 8, 23, .12), 0 1px 0 rgba(255, 255, 255, .08) inset;--theme-app-bg: var(--theme-pattern), var(--theme-scene-a), var(--theme-scene-b), linear-gradient( 180deg, var(--brand-bg) 0%, color-mix(in srgb, var(--brand-bg) 90%, var(--brand-ink) 10%) 52%, var(--brand-bg) 100% );--bg: var(--theme-bg);--bg-primary: var(--theme-bg);--bg-secondary: var(--theme-bg-alt);--bg-tertiary: color-mix( in srgb, var(--theme-bg-alt) 76%, var(--theme-surface) 24% );--bg-card: var(--theme-surface);--surface: var(--theme-surface);--glass-bg: var(--theme-surface-glass);--header-bg: var(--theme-surface);--sidebar-bg: var(--theme-bg-alt);--text: var(--theme-text);--text-primary: var(--theme-text);--text-secondary: var(--theme-text-soft);--text-tertiary: color-mix( in srgb, var(--theme-text-soft) 74%, var(--theme-text-muted) 26% );--text-muted: var(--theme-text-muted);--text-inverse: var(--theme-text-inverse);--icon-muted: var(--theme-text-muted);--primary: var(--theme-primary);--primary-rgb: var(--theme-primary-rgb);--primary-ink: var(--theme-primary-ink, var(--theme-primary));--primary-fg: var(--theme-text-inverse);--primary-contrast: var(--theme-text-inverse);--on-primary: var(--primary-fg);--primary-foreground: var(--primary-fg);--primary-light: color-mix( in srgb, var(--theme-primary) 18%, transparent 82% );--primary-dark: color-mix( in srgb, var(--theme-primary) 72%, var(--theme-text) 28% );--accent: var(--theme-accent);--gold: var(--brand-gold, var(--theme-accent));--gold-bright: color-mix(in srgb, var(--brand-gold, var(--theme-accent)) 78%, #fff 22%);--border: var(--theme-border);--border-light: color-mix( in srgb, var(--theme-border) 72%, transparent 28% );--border-subtle: color-mix( in srgb, var(--theme-border) 54%, transparent 46% );--border-strong: var(--theme-border-strong);--divider: color-mix(in srgb, var(--theme-border) 78%, transparent 22%);--theme-shell-glow-a: var(--theme-glow-a);--theme-shell-glow-b: var(--theme-glow-b);--theme-panel-bg: var(--theme-surface-glass);--theme-panel-bg-strong: var(--theme-surface-soft);--theme-panel-border: var(--theme-border);--theme-chip-bg: color-mix( in srgb, rgba(var(--theme-primary-rgb), .16) 72%, var(--theme-surface) 28% );--theme-chip-border: color-mix( in srgb, var(--theme-border-strong) 80%, rgba(var(--theme-primary-rgb), .24) 20% );--theme-muted: var(--theme-text-muted);--player-border: color-mix( in srgb, var(--theme-border-strong) 64%, transparent 36% );--player-panel-bg: color-mix( in srgb, var(--theme-surface) 86%, transparent 14% );--player-chip-bg: color-mix( in srgb, rgba(var(--theme-primary-rgb), .18) 76%, transparent 24% );--player-chip-border: color-mix( in srgb, var(--theme-border-strong) 66%, transparent 34% );--player-chip-text: var(--theme-text-soft);--player-text-strong: var(--theme-text);--player-text-soft: var(--theme-text-muted);--player-accent: var(--theme-primary);--player-accent-strong: color-mix( in srgb, var(--theme-primary) 78%, #ffffff 22% );--player-accent-deep: color-mix( in srgb, var(--theme-primary) 72%, var(--theme-bg) 28% );--player-glass: linear-gradient( 148deg, color-mix(in srgb, var(--theme-surface-soft) 92%, transparent 8%) 0%, color-mix(in srgb, var(--theme-surface) 92%, transparent 8%) 100% );--surah-header-bg: linear-gradient( 145deg, color-mix(in srgb, var(--theme-primary) 42%, var(--theme-bg) 58%) 0%, color-mix(in srgb, var(--theme-bg-alt) 82%, var(--theme-primary) 18%) 100% );--mushaf-bg: color-mix( in srgb, var(--theme-bg) 88%, var(--theme-surface) 12% );--mushaf-border: var(--theme-border);--ayah-hover: color-mix( in srgb, rgba(var(--theme-primary-rgb), .14) 56%, transparent 44% );--ayah-playing-bg: color-mix( in srgb, rgba(var(--theme-primary-rgb), .22) 66%, var(--theme-bg) 34% );--ayah-stop-ring: color-mix(in srgb, var(--theme-primary) 64%, #b1821d 36%);--ayah-stop-core: color-mix( in srgb, rgba(var(--theme-primary-rgb), .2) 64%, var(--theme-surface-soft) 36% );--ayah-stop-core-border: color-mix( in srgb, var(--theme-border-strong) 72%, rgba(var(--theme-primary-rgb), .32) 28% );--ayah-stop-text: color-mix( in srgb, var(--theme-text) 74%, var(--theme-primary) 26% );--font-surah-name: var( --font-surah, "QPC Hafs", "Amiri Quran", "Scheherazade New", serif );--text-quran: var(--theme-arabic);--bismillah-color: var(--theme-arabic)}:root[data-theme=light]{color-scheme:light;--theme-bg: #f7f9f8;--theme-bg-alt: #eef4f0;--theme-surface: #ffffff;--theme-surface-soft: #f0f5f2;--theme-surface-glass: rgba(255, 255, 255, .9);--theme-text: #17211c;--theme-text-soft: #35463d;--theme-text-muted: #5d6c64;--theme-text-inverse: #ffffff;--theme-primary: #0b6235;--theme-primary-rgb: 11, 98, 53;--theme-accent: #0b6235;--theme-accent-bright: #118247;--theme-border: rgba(39, 72, 56, .18);--theme-border-strong: rgba(11, 98, 53, .36);--theme-arabic: #101a15;--theme-glow-a: rgba(11, 98, 53, .07);--theme-glow-b: rgba(181, 139, 49, .04);--theme-shadow-panel: 0 20px 48px rgba(23, 33, 28, .08);--theme-shadow-soft: 0 10px 24px rgba(23, 33, 28, .05);--theme-app-bg: var(--theme-pattern), var(--theme-scene-a), linear-gradient(180deg, #fbfcfb 0%, #f7f9f8 54%, #eef4f0 100%);--bg-overlay: rgba(23, 33, 28, .42);--emerald: #0b6235;--emerald-mid: #084c2a;--emerald-lit: #118247;--emerald-pale: #e6f1eb}:root[data-theme=sepia]{color-scheme:light;--theme-bg: #f3e8cf;--theme-bg-alt: #ead9b8;--theme-surface: #fff6e3;--theme-surface-soft: #f0dfc0;--theme-surface-glass: rgba(255, 246, 227, .9);--theme-text: #241505;--theme-text-soft: #463016;--theme-text-muted: #6b502a;--theme-text-inverse: #fffaf0;--theme-primary: #7c4a17;--theme-primary-rgb: 124, 74, 23;--theme-accent: #7c4a17;--theme-accent-bright: #9a6425;--theme-border: rgba(110, 78, 36, .22);--theme-border-strong: rgba(124, 74, 23, .4);--theme-arabic: #1d1003;--theme-glow-a: rgba(124, 74, 23, .09);--theme-glow-b: rgba(70, 48, 22, .05);--theme-shadow-panel: 0 20px 48px rgba(36, 21, 5, .1);--theme-shadow-soft: 0 10px 24px rgba(36, 21, 5, .06);--theme-app-bg: var(--theme-pattern), var(--theme-scene-a), linear-gradient(180deg, #fff6e3 0%, #f3e8cf 56%, #ead9b8 100%);--bg-overlay: rgba(36, 21, 5, .4);--emerald: #7c4a17;--emerald-mid: #5f3510;--emerald-lit: #9a6425;--emerald-pale: #ead9b8}:root[data-theme=dark]{color-scheme:dark;--theme-bg: #101412;--theme-bg-alt: #151a18;--theme-surface: #191f1c;--theme-surface-soft: #202722;--theme-surface-glass: rgba(25, 31, 28, .9);--theme-panel-bg: #171d1a;--theme-panel-bg-strong: #1d2420;--theme-panel-border: rgba(238, 235, 225, .09);--theme-text: #eceae3;--theme-text-soft: #d0d5cd;--theme-text-muted: #9ca69e;--theme-text-inverse: #07100c;--theme-primary: #2f9f6b;--theme-primary-ink: #43bd86;--theme-primary-rgb: 47, 159, 107;--primary-dark: #247c55;--primary-light: rgba(47, 159, 107, .14);--theme-accent: #d6b45c;--theme-accent-bright: #ead47e;--theme-border: rgba(238, 235, 225, .1);--theme-border-strong: rgba(47, 159, 107, .4);--theme-arabic: #fbf7ec;--theme-arabic-muted: #d5d0c2;--theme-glow-a: rgba(47, 159, 107, .11);--theme-glow-b: rgba(214, 180, 92, .07);--theme-shadow-panel: 0 20px 48px rgba(0, 0, 0, .36);--theme-shadow-soft: 0 10px 24px rgba(0, 0, 0, .24);--theme-app-bg: var(--theme-pattern), var(--theme-scene-a), var(--theme-scene-b), linear-gradient(180deg, #111613 0%, #0f1311 48%, #0c100f 100%);--bg-overlay: rgba(2, 7, 5, .68);--emerald: #2f9f6b;--emerald-mid: #247c55;--emerald-lit: #43bd86;--emerald-pale: #183126;--night-0: #101412;--night-1: #151a18;--night-2: #191f1c;--night-3: #202722;--night-4: #273129;--night-5: #344239;--night-line: rgba(238, 235, 225, .1);--night-line-strong: rgba(47, 159, 107, .4);--night-text: #eceae3;--night-text-soft: #d0d5cd;--night-text-muted: #9ca69e;--night-text-faint: #7f8a82;--night-emerald: #2f9f6b;--night-emerald-deep: #247c55;--night-emerald-rgb: 47, 159, 107;--night-gold: #d6b45c;--night-gold-rgb: 214, 180, 92;--night-blue: #8bb7ff;--night-danger: #ff7a8a}.app-root{position:relative;isolation:isolate;background:var(--theme-app-bg)!important;color:var(--theme-text)!important}.app-root:before,.app-root:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}.app-root:before{background:var(--theme-veil);opacity:.88}.app-root:after{background:var(--theme-ornament);opacity:.55;mix-blend-mode:soft-light}.app-main{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-bg) 90%,transparent 10%),color-mix(in srgb,var(--theme-bg-alt) 90%,transparent 10%))!important}.app-main-shell:before{background:radial-gradient(circle at 8% 0%,var(--theme-glow-a),transparent 38%),radial-gradient(circle at 92% 0%,var(--theme-glow-b),transparent 34%)!important}.quran-display,.audio-player{position:relative}.audio-player{background:var(--player-glass)!important;border-color:var(--player-border)!important;color:var(--player-text-strong)!important}@media(max-width:768px){.app-root{background-size:auto,auto,auto,auto,cover!important}}html,body,#root{overflow-x:hidden}.app-main-shell:before{content:none!important;display:none!important;mask-image:none!important;-webkit-mask-image:none!important;opacity:.34!important}@media(max-width:1280px){.app-view-reading{padding-inline:0!important}}@media(max-width:1024px){.app-main-shell{padding-inline:.48rem!important}}@media(max-width:900px){.quran-display--platform .quran-nav{flex-wrap:wrap;gap:.45rem;padding:.58rem .64rem!important}}@media(max-width:768px){.quran-display{padding:1rem .72rem 1.25rem}.surah-ayahs-list{border-radius:1rem}}@media(max-width:560px){.quran-display{padding:.86rem .58rem 1.2rem}.quran-display--platform .qc-ayah-text-ar{font-size:clamp(2.05rem,8vw,2.55rem);line-height:calc(var(--arabic-reading-line-height-mobile, 2.22) + .01)}}@media(max-width:420px){.quran-display--platform .qc-ayah-text-ar{font-size:clamp(1.96rem,8.9vw,2.3rem);line-height:calc(var(--arabic-reading-line-height-mobile, 2.22) - .01)}}@media(max-width:360px){.quran-display--platform .qc-ayah-text-ar{font-size:clamp(1.84rem,9.1vw,2.12rem);line-height:calc(var(--arabic-reading-line-height-mobile, 2.22) - .04)}}@media(min-width:1100px){.app-root .app-view-reading{transition:padding-inline-start .22s var(--ease, ease),padding-inline-end .22s var(--ease, ease)}.app-root.is-sidebar-open .app-view-reading{padding-inline-start:clamp(16rem,24vw,22rem)!important;padding-inline-end:clamp(.5rem,1.2vw,1rem)!important}[dir=rtl] .app-root.is-sidebar-open .app-view-reading{padding-inline-start:clamp(.5rem,1.2vw,1rem)!important;padding-inline-end:clamp(16rem,24vw,22rem)!important}}.font-surah-names{font-family:surahnames,serif!important;font-weight:400!important;font-style:normal!important;text-transform:none!important;font-variant-numeric:normal!important}[data-theme=light] .font-surah-names,[data-theme=sepia] .font-surah-names{opacity:.92;filter:brightness(.6) contrast(1.2)}html[data-theme=sepia] .app-root,html[data-theme=sepia] .app-main{background:transparent;color:var(--brand-ink)}html[data-theme=sepia] :is(.mp-header,.mp-header__bar,header[role=banner]){border-color:#8b6b3e38;background:linear-gradient(180deg,#fdf6e3f5,#f3e8cff0);box-shadow:0 8px 24px #4837231a;backdrop-filter:blur(14px) saturate(120%)}html[data-theme=sepia] :is(.mp-header__title,.mp-header__brand-text,.mp-header__title-btn){color:#2c1d0b}html[data-theme=sepia] .mp-header__action{border-color:#8b6b3e3d;background:#fffaeed1;color:#5a4528}html[data-theme=sepia] :is(.mp-header__action:hover,.mp-header__more:hover,.mp-header__icon-btn:hover,.mp-header__nav-arrow:hover,.mp-header__action.is-active){border-color:#b57d2a66;background:#b57d2a1a;color:#3d2b10}html[data-theme=sepia] .quran-display--platform{background:radial-gradient(circle at 50% -10%,rgba(181,125,42,.06),transparent 32rem),transparent}html[data-theme=sepia] .quran-display--platform :is(.surah-ayahs-list,.cpv-container){border-color:#8b6b3e29;background:linear-gradient(180deg,#fffdf7f5,#faf4e4f0);box-shadow:0 16px 42px #48372314,inset 0 1px #fff9}html[data-theme=sepia] .quran-display--platform :is(.qc-ayah-text-ar){color:#1a0f00}html[data-theme=light] :is(.modal-overlay,.settings-backdrop,.audio-player-modal){background:#17211c47;backdrop-filter:blur(8px) saturate(110%)}html[data-theme=sepia] :is(.modal-overlay,.settings-backdrop,.audio-player-modal){background:#24150552;backdrop-filter:blur(8px) saturate(110%)}html[data-theme=sepia] :is(.settings-drawer,.modal,.audio-player-modal__surface,.sidebar){border-color:#8b6b3e33;background:radial-gradient(circle at 18% 0%,rgba(181,125,42,.06),transparent 22rem),linear-gradient(180deg,#fffcf4fc,#f8f0dcfc);color:var(--brand-ink);box-shadow:0 24px 72px #48372324}html[data-theme=sepia] :is(.settings-drawer__header,.audio-player-modal__surface>div:first-child){border-color:#8b6b3e29;background:#fffaee99}html[data-theme=sepia] .settings-drawer__tabs{border-color:#8b6b3e29;background:#f8f0dc80}html[data-theme=sepia] .settings-drawer__tabs button[aria-selected=true]{background:linear-gradient(135deg,#b57d2a33,#b57d2a1f);color:#3d2b10;box-shadow:0 4px 12px #b57d2a1f}html[data-theme=sepia] .app-root :is(input,select,textarea){border-color:#8b6b3e38;background:#fffcf4cc;color:var(--brand-ink);box-shadow:inset 0 1px 2px #4837230f}html[data-theme=sepia] .mp-audio-player{--player-surface: rgba(253, 248, 235, .98);--player-surface-soft: rgba(248, 240, 220, .96);--player-line: rgba(139, 107, 62, .2);color:var(--brand-ink)}html[data-theme=sepia] :is(.mp-audio-player--desktop,.mp-audio-player--mobile){border-color:#8b6b3e38;background:radial-gradient(circle at 20% 0%,rgba(181,125,42,.08),transparent 18rem),linear-gradient(180deg,#fffcf4fa,#f8f0dcfa);box-shadow:0 16px 42px #4837231a,inset 0 1px #fff9}html[data-theme=sepia] :is(.btn-play-surah){background:linear-gradient(135deg,#c9882e,#9a6418);color:#fff;box-shadow:0 8px 20px #b57d2a38}html[data-theme=sepia] :is(.reciter-card__media,.reciter-hero__avatar,.settings-reciter-avatar){border-color:#8b6b3e38;box-shadow:0 8px 20px #4837231a}html[data-theme=sepia] .app-root :is(button,a,input,select,textarea):focus-visible{outline:2px solid #8f5a13;outline-offset:2px}html[data-theme=sepia] .sidebar{background:#faf4e4fa;border-color:#8b6b3e29;color:var(--brand-ink)}html[data-theme=sepia] .app-root .hp-wrapper{background:transparent}html[data-theme=sepia] .app-root .hp-grid>*,html[data-theme=sepia] .app-root .surah-card{border-color:#8b6b3e29;background:linear-gradient(180deg,#fffcf4f2,#f8f0dceb)}html[data-theme=sepia] .app-root .surah-card:hover{border-color:#b57d2a4d;background:linear-gradient(180deg,#fffaeefa,#faf2def5)}html[data-theme=sepia] header.mp-header{background:linear-gradient(180deg,#fdf8ebf7,#f8f0dcf5);border-bottom-color:#8b6b3e29}html[data-theme=sepia] footer:not(.mp-footer-v2):not(.home-resume-panel__actions):not(.sip-overview__footer):not(.legal-page__actions):not(.prayers-dua-source){background:linear-gradient(180deg,#f8f0dcf5,#f3e8cffa);border-top-color:#8b6b3e24;color:#5a4528}html[data-theme=sepia] .qc-reader-toolbar{background:linear-gradient(180deg,#fdf8ebf0,#f8f0dceb);border-color:#8b6b3e2e}html[data-theme=sepia] .qc-reader-toolbar button{color:#5a4528}html[data-theme=sepia] .qc-reader-toolbar button[aria-pressed=true],html[data-theme=sepia] .qc-reader-toolbar button.active{background:#b57d2a24;color:#7c4a17;border-color:#b57d2a4d}html[data-theme=sepia] .app-root .ayah-action-sheet{background:linear-gradient(160deg,#fffcf4fc,#f8f0dcfc);border-color:#8b6b3e33;color:var(--brand-ink);box-shadow:0 20px 56px #4837231f}html[data-theme=sepia] [role=menu],html[data-theme=sepia] [data-radix-popper-content-wrapper]>div{background:#fffcf4fc;border-color:#8b6b3e2e;box-shadow:0 12px 36px #4837231f}html[data-theme=sepia] [role=menuitem]:hover,html[data-theme=sepia] [data-highlighted]{background:#b57d2a1a;color:#3d2b10}html[data-theme=sepia] .search-pro__container{background:linear-gradient(180deg,#fffcf4fc,#f8f0dcfc);border-color:#8b6b3e2e}html[data-theme=sepia] .search-pro__input{background:#fffaeecc;border-color:#8b6b3e33;color:var(--brand-ink)}html[data-theme=sepia] .app-root aside[role=dialog]{background:linear-gradient(180deg,#fffcf4fc,#f8f0dcfc)}html[data-theme=sepia] ::-webkit-scrollbar{width:10px;height:10px}html[data-theme=sepia] ::-webkit-scrollbar-track{background:#f3e8cfe6}html[data-theme=sepia] ::-webkit-scrollbar-thumb{border:2px solid rgba(243,232,207,.9);border-radius:999px;background:#8b6b3e4d}html[data-theme=sepia] ::-webkit-scrollbar-thumb:hover{background:#b57d2a80}.app-root .mp-audio-player{contain:layout paint}.app-root .mp-audio-player--desktop{width:min(22.5rem,calc(100vw - 1.5rem))!important;min-height:0;border-radius:20px!important}.app-root .mp-audio-player--desktop.is-minimized{width:min(18rem,calc(100vw - 1.5rem))!important}@media(min-width:1025px){.app-root .quran-display--platform{scroll-padding-bottom:calc(var(--desktop-player-reserved-h, 0px) + 2rem);padding-bottom:calc(var(--desktop-player-reserved-h, 0px) + 2rem)}.app-root .quran-display--platform :is(.surah-ayahs-list,.cpv-container,.mushaf-container){scroll-margin-bottom:calc(var(--desktop-player-reserved-h, 0px) + 2rem)}}.app-root .mp-audio-player--mobile.mp-audio-player--dock{left:max(.75rem,env(safe-area-inset-left))!important;right:max(.75rem,env(safe-area-inset-right))!important;bottom:0!important;max-height:min(58vh,31rem);overflow:hidden;border-radius:1.35rem 1.35rem 0 0!important}@media(max-width:430px){.app-root .mp-audio-player--mobile.mp-audio-player--dock{left:.45rem!important;right:.45rem!important;max-height:min(60vh,30rem)}}.settings-backdrop{background:radial-gradient(circle at 74% 16%,rgba(var(--primary-rgb, 16, 120, 80),.16),transparent 32%),#060c0b75!important}.settings-drawer{width:min(100vw,31rem)!important;max-width:min(100vw,31rem)!important;border-color:color-mix(in srgb,var(--border, rgba(148, 163, 184, .22)) 72%,transparent)!important;background:linear-gradient(155deg,color-mix(in srgb,var(--bg-card, #ffffff) 94%,var(--primary, #0f766e) 6%),var(--bg-card, #ffffff))!important;color:var(--text-primary, #111827)!important;box-shadow:-22px 0 60px #02081742!important}.settings-drawer__header{min-height:4.4rem;background:color-mix(in srgb,var(--bg-card, #ffffff) 88%,transparent)}.settings-drawer__tabs{position:sticky;top:0;z-index:2;gap:.4rem!important;padding:.55rem!important;background:color-mix(in srgb,var(--bg-secondary, #f7f8f7) 92%,transparent)!important}.settings-drawer__tabs button{min-height:2.35rem;border:1px solid transparent;white-space:nowrap}.settings-drawer__tabs button[aria-selected=true]{border-color:color-mix(in srgb,var(--primary, #0f766e) 42%,transparent)}.settings-drawer__content{scrollbar-gutter:stable}.settings-drawer__content :is(select,input[type=text],input[type=time]){min-height:2.55rem;color:var(--text-primary)!important}.settings-reciter-list{scrollbar-gutter:stable}.settings-reciter-option{color:var(--text-primary)}.settings-reciter-avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary, #0f766e) 26%,transparent);background:var(--avatar-bg, linear-gradient(135deg, #0f766e, #155e75));color:#fff;font-weight:800;box-shadow:0 10px 22px #02081724}.settings-reciter-avatar img{width:100%;height:100%;object-fit:cover}@media(max-width:680px){.settings-drawer{width:100vw!important;max-width:100vw!important;height:min(92vh,46rem)!important;border-inline-start:0!important;border-top:1px solid var(--border)!important;border-radius:1.4rem 1.4rem 0 0}.settings-drawer__header{padding-inline:1rem!important}.settings-drawer__tabs{overflow-x:auto;scrollbar-width:none}.settings-drawer__tabs::-webkit-scrollbar{display:none}.settings-drawer__tabs button{flex:1 0 7rem}.settings-drawer__content{padding:1rem!important}}html[data-theme=dark] body,[data-theme=dark] .app-root{background:linear-gradient(180deg,#07110f,#050908 46%,#030605)!important;color:#f4f7f5f0}html[data-theme=dark] body .app-root.premium-plus :is(.mp-audio-player--desktop,.mp-audio-player--mobile){border-color:#94a3b833!important;background:linear-gradient(145deg,rgba(47,159,107,.12),transparent 38%),linear-gradient(180deg,#0e1714fb,#040807fb)!important;color:#f4f7f5f5!important;box-shadow:0 22px 58px #00000075,inset 0 1px #ffffff14!important}html[data-theme=dark] body .app-root.premium-plus .settings-drawer.settings-drawer{border-color:#94a3b82e!important;background:linear-gradient(160deg,rgba(47,159,107,.12),transparent 34%),linear-gradient(180deg,#111a17fc,#060a09fc)!important;color:#f4f7f5f5!important}html[data-theme=dark] .settings-drawer__content :is(select,input[type=text],input[type=time]){border-color:#94a3b833!important;background:#070c0bd1!important;color:#f4f7f5f5!important}html[data-theme=dark] .settings-reciter-list{border-color:#94a3b82e!important;background:#070c0bc7!important}html[data-theme=dark] .settings-reciter-option:hover,html[data-theme=dark] .settings-reciter-option:focus-visible{background:#2f9f6b29!important}.settings-reciter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.5rem}@media(max-width:380px){.settings-reciter-grid{grid-template-columns:1fr}}.settings-reciter-option{min-height:3.2rem!important;height:auto!important;padding:.5rem .65rem!important;border-radius:12px!important}.settings-reciter-avatar{width:2rem!important;height:2rem!important;flex:0 0 2rem!important;font-size:.65rem!important}@font-face{font-family:QPC Hafs Unicode;src:url(/fonts/uthmanic-hafs-v18.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-06D1,U+06D3-06DE,U+06E0-06EA,U+06EC-10FFFF}@font-face{font-family:Alkalami;src:url(/fonts/alkalami-3000.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Scheherazade New;src:url(/fonts/scheherazade-new-400.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Scheherazade New;src:url(/fonts/scheherazade-new-700.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{--qd-reading-font-size: clamp(28px, 5.8vw, 48px);--qd-font-size: clamp(28px, 5.8vw, 48px);--quran-font-size: clamp(28px, 5.8vw, 48px);--quran-line-height: 2.16;--font-quran-hafs: "QPC Hafs", "Amiri Quran", "Scheherazade New", "Noto Naskh Arabic", serif;--font-quran-warsh: "KFGQPC Warsh", "Scheherazade New", "Amiri Quran", "Noto Naskh Arabic", serif;--font-quran-indopak: "IndoPak", "QPC Hafs", "Amiri Quran", serif;--font-quran-nastaleeq: "KFGQPC Nastaleeq", "IndoPak", "QPC Hafs", "Amiri Quran", serif;--font-quran-warsh-kfgqpc: "KFGQPC Warsh", "Scheherazade New", "Amiri Quran", serif;--font-surah-hafs: var(--font-quran-hafs);--font-surah-warsh: var(--font-quran-warsh)}.app-root .quran-display--hafs{--font-quran: var(--qd-font-family, var(--font-quran-hafs));--font-surah: var(--font-surah-hafs);--font-quran-tajweed: var(--qd-font-family, var(--font-quran-hafs));--waqf-font-family: "QPC Hafs", "Amiri Quran", "Scheherazade New", serif}.app-root .quran-display--warsh{--font-quran: var(--qd-font-family, var(--font-quran-warsh));--font-surah: var(--font-surah-warsh);--font-quran-tajweed: var(--qd-font-family, var(--font-quran-warsh));--waqf-font-family: "KFGQPC Warsh", "Scheherazade New", serif}.app-root .quran-display--hafs :is(.qc-ayah-text-ar){font-family:var(--qd-font-family, var(--font-quran-hafs))!important;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"mark" 1,"mkmk" 1;font-kerning:normal;font-synthesis:none;-webkit-font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"mark" 1,"mkmk" 1;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;direction:rtl;unicode-bidi:isolate;letter-spacing:0!important;-webkit-letter-spacing:0!important;word-spacing:normal!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important}.app-root .quran-display--warsh :is(.qc-ayah-text-ar,.warsh-unicode-text,.warsh-unicode-word,.qcm-word--warsh){font-family:var(--qd-font-family, var(--font-quran-warsh))!important;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"mark" 1,"mkmk" 1;font-kerning:normal;font-synthesis:none;-webkit-font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"mark" 1,"mkmk" 1;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;direction:rtl;unicode-bidi:isolate;letter-spacing:0!important;-webkit-letter-spacing:0!important;word-spacing:normal!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important}html body #root .app-root :is([data-quran-font=qpc-indopak],[data-quran-font=scheherazade-new],[data-quran-font=amiri-quran],[data-quran-font=noto-naskh-arabic]) .native-ayah-marker{font-family:QPC Hafs,serif!important}html body #root .app-root :is([data-quran-font=scheherazade-new-warsh],[data-quran-font=alkalami-warsh],[data-quran-font=qpc-uthmani-warsh],[data-quran-font=amiri-quran-warsh],[data-quran-font=noto-naskh-arabic-warsh]) .native-ayah-marker{font-family:KFGQPC Warsh,serif!important}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark],html[data-theme=dark] body{background:var(--theme-app-bg)!important;color:var(--night-text)!important}html[data-theme=dark] body::selection{background:rgba(var(--night-emerald-rgb),.32);color:#fff}html[data-theme=dark] .app-root,html[data-theme=dark] .app-main{background:transparent!important;color:var(--night-text)!important}html[data-theme=dark] .app-root:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 70%)}html[data-theme=dark] :is(.mp-header,.mp-header__bar,header[role=banner]){border-color:var(--theme-border)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-panel-bg-strong) 94%,transparent),color-mix(in srgb,var(--theme-bg-alt) 92%,transparent))!important;box-shadow:0 12px 36px #00000057!important;backdrop-filter:blur(18px) saturate(135%)!important}html[data-theme=dark] :is(.mp-header__title,.mp-header__brand-text,.mp-header__title-btn){color:var(--night-text)!important}html[data-theme=dark] .mp-header__action{border-color:var(--theme-border)!important;background:color-mix(in srgb,var(--theme-panel-bg-strong) 84%,transparent)!important;color:var(--night-text-soft)!important}html[data-theme=dark] :is(.mp-header__action:hover,.mp-header__more:hover,.mp-header__icon-btn:hover,.mp-header__nav-arrow:hover,.mp-header__action.is-active){border-color:rgba(var(--night-emerald-rgb),.4)!important;background:rgba(var(--night-emerald-rgb),.13)!important;color:var(--night-text)!important}html[data-theme=dark] .app-root :is(.reciter-card):before{opacity:.7}html[data-theme=dark] .app-root :is(h1,h2,h3,h4,strong,.font-bold,.font-extrabold){color:inherit}html[data-theme=dark] .app-root :is(.text-text-secondary,.text-\[var\(--text-secondary\)\]){color:var(--night-text-soft)!important}html[data-theme=dark] .app-root :is(.text-text-muted,.text-\[var\(--text-muted\)\],.text-gray-500){color:var(--night-text-muted)!important}html[data-theme=dark] .quran-display--platform{background:radial-gradient(circle at 50% -10%,rgba(var(--night-emerald-rgb),.1),transparent 32rem),transparent!important}html[data-theme=dark] .quran-display--platform :is(.surah-ayahs-list,.cpv-container){border-color:var(--reader-page-border)!important;background:linear-gradient(180deg,var(--reader-page-paper),var(--reader-page-bg))!important;box-shadow:0 26px 72px #0000005c,inset 0 1px #ffffff0b!important}html[data-theme=dark] .quran-display--platform :is(.qc-ayah-text-ar){color:#f6f1e6!important;text-shadow:0 1px 0 rgba(0,0,0,.22)}html[data-theme=dark] :is(.modal-overlay,.settings-backdrop,.audio-player-modal){background:var(--bg-overlay)!important;backdrop-filter:blur(8px) saturate(120%)!important}html[data-theme=dark] :is(.settings-drawer,.modal,.audio-player-modal__surface,.sidebar){border-color:var(--theme-border)!important;background:radial-gradient(circle at 18% 0%,rgba(var(--night-emerald-rgb),.14),transparent 22rem),linear-gradient(180deg,var(--theme-panel-bg-strong),var(--theme-panel-bg))!important;color:var(--night-text)!important;box-shadow:0 30px 90px #00000085!important}html[data-theme=dark] :is(.settings-drawer__header,.audio-player-modal__surface>div:first-child){border-color:var(--theme-border)!important;background:color-mix(in srgb,var(--theme-bg) 36%,transparent)!important}html[data-theme=dark] .settings-drawer__tabs{border-color:var(--theme-border)!important;background:color-mix(in srgb,var(--theme-bg-alt) 72%,transparent)!important}html[data-theme=dark] .settings-drawer__tabs button[aria-selected=true]{background:linear-gradient(135deg,rgba(var(--night-emerald-rgb),.28),rgba(var(--night-emerald-rgb),.16))!important;color:#fff!important;box-shadow:0 8px 22px rgba(var(--night-emerald-rgb),.18)!important}html[data-theme=dark] .app-root :is(input,select,textarea){border-color:var(--theme-border)!important;background:var(--theme-bg-alt)!important;color:var(--night-text)!important;box-shadow:inset 0 1px #ffffff06!important}html[data-theme=dark] .app-root :is(input,select,textarea)::placeholder{color:var(--night-text-faint)!important}html[data-theme=dark] .mp-audio-player{--player-surface: var(--theme-panel-bg-strong);--player-surface-soft: var(--theme-panel-bg);--player-line: var(--theme-border);color:var(--night-text)!important}html[data-theme=dark] :is(.mp-audio-player--desktop,.mp-audio-player--mobile){border-color:var(--theme-border)!important;background:radial-gradient(circle at 20% 0%,rgba(var(--night-emerald-rgb),.18),transparent 18rem),linear-gradient(180deg,var(--theme-panel-bg-strong),var(--theme-panel-bg))!important;box-shadow:0 26px 74px #00000085,inset 0 1px #ffffff12!important}html[data-theme=dark] :is(.btn-play-surah){background:linear-gradient(135deg,var(--emerald-lit),var(--theme-primary))!important;color:var(--theme-text-inverse)!important;box-shadow:0 12px 30px rgba(var(--night-emerald-rgb),.24)!important}html[data-theme=dark] :is(.reciter-card__media,.reciter-hero__avatar,.settings-reciter-avatar){border-color:#c4dbd02e!important;box-shadow:0 14px 34px #00000061!important}html[data-theme=dark] .app-root :is(button,a,input,select,textarea):focus-visible{outline:2px solid rgba(var(--night-emerald-rgb),.9)!important;outline-offset:2px!important}html[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}html[data-theme=dark] ::-webkit-scrollbar-track{background:#050a09d9}html[data-theme=dark] ::-webkit-scrollbar-thumb{border:2px solid rgba(5,10,9,.85);border-radius:999px;background:#a7b8af57}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:rgba(var(--night-emerald-rgb),.48)}@media(max-width:700px){html[data-theme=dark] :is(.settings-drawer,.audio-player-modal__surface){background:radial-gradient(circle at 20% 0%,rgba(var(--night-emerald-rgb),.16),transparent 20rem),linear-gradient(180deg,#101d19fc,#050908fc)!important}html[data-theme=dark] .quran-display--platform :is(.surah-ayahs-list,.cpv-container){border-inline:0!important;border-radius:.95rem!important}}@media(prefers-contrast:more){html[data-theme=dark]{--night-text-muted: #c4d2cb;--night-line: rgba(220, 235, 228, .34);--night-line-strong: rgba(235, 244, 240, .52)}}html[data-theme=dark] .sidebar{background:var(--theme-bg)!important;border-color:var(--theme-border)!important;color:var(--night-text)!important}html[data-theme=dark] .app-root .hp-wrapper{background:transparent!important}html[data-theme=dark] .app-root .hp-grid>*,html[data-theme=dark] .app-root .surah-card{border-color:var(--theme-border)!important;background:linear-gradient(180deg,var(--theme-panel-bg-strong),var(--theme-panel-bg))!important}html[data-theme=dark] .app-root .surah-card:hover{border-color:rgba(var(--night-emerald-rgb),.28)!important;background:linear-gradient(180deg,#162621f2,#0c1612f2)!important}html[data-theme=dark] header.mp-header{background:linear-gradient(180deg,var(--theme-panel-bg-strong),var(--theme-bg-alt))!important;border-bottom-color:var(--theme-border)!important}html[data-theme=dark] footer:not(.mp-footer-v2):not(.home-resume-panel__actions):not(.sip-overview__footer):not(.legal-page__actions):not(.prayers-dua-source){background:linear-gradient(180deg,var(--theme-panel-bg),var(--theme-bg))!important;border-top-color:var(--theme-border)!important;color:var(--night-text-soft)!important}html[data-theme=dark] .qc-reader-toolbar{background:linear-gradient(180deg,var(--theme-panel-bg-strong),var(--theme-panel-bg))!important;border-color:var(--theme-border)!important}html[data-theme=dark] .qc-reader-toolbar button{color:var(--night-text-soft)!important}html[data-theme=dark] .qc-reader-toolbar button[aria-pressed=true],html[data-theme=dark] .qc-reader-toolbar button.active{background:rgba(var(--night-emerald-rgb),.18)!important;color:var(--primary-ink, var(--night-emerald))!important;border-color:rgba(var(--night-emerald-rgb),.3)!important}html[data-theme=dark] .app-root .ayah-action-sheet{background:linear-gradient(160deg,var(--theme-panel-bg-strong) 0%,var(--theme-panel-bg) 100%)!important;border-color:var(--theme-border)!important;color:var(--night-text)!important;box-shadow:0 30px 80px #0000008c!important}html[data-theme=dark] [role=menu],html[data-theme=dark] [data-radix-popper-content-wrapper]>div{background:var(--theme-panel-bg-strong)!important;border-color:var(--theme-border)!important;box-shadow:0 20px 60px #0000007a!important}html[data-theme=dark] [role=menuitem]:hover,html[data-theme=dark] [data-highlighted]{background:rgba(var(--night-emerald-rgb),.12)!important;color:var(--night-text)!important}html[data-theme=dark] .search-pro__container{background:linear-gradient(180deg,var(--theme-panel-bg-strong),var(--theme-panel-bg))!important;border-color:var(--theme-border)!important}html[data-theme=dark] .search-pro__input-shell input{background:var(--theme-bg-alt)!important;border-color:var(--theme-border)!important;color:var(--night-text)!important}html[data-theme=dark] .app-root aside[role=dialog]{background:linear-gradient(180deg,#0e1a16fc,#050a09fc)!important}html[data-theme=light] select option,html[data-theme=light] select optgroup{background-color:#fff;color:#17211c}html[data-theme=sepia] select option,html[data-theme=sepia] select optgroup{background-color:#f8efdc;color:#241505}html[data-theme=dark] select option,html[data-theme=dark] select optgroup{background-color:#151c19;color:#f3f6f9}html[data-theme=dark] select optgroup{color:#7fd8b8}.app-root{-webkit-tap-highlight-color:transparent;overflow-x:clip}@media(max-width:1180px){.app-root .mp-audio-player--desktop{max-width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 1rem)}}@media(max-width:1024px){:root{--player-h: 96px}.app-root{--mobile-gutter: clamp(.5rem, 2.3vw, .9rem)}.app-main-shell{padding-inline:calc(env(safe-area-inset-left,0px) + var(--mobile-gutter)) calc(env(safe-area-inset-right,0px) + var(--mobile-gutter));padding-bottom:calc(var(--player-h, 72px) + env(safe-area-inset-bottom,0px) + .15rem);scroll-padding-top:calc(var(--header-h, 64px) + .75rem)}.app-view-shell{padding-bottom:max(.75rem,env(safe-area-inset-bottom,0px))}.quran-display,.duas-results,[data-scroll-panel=true]{overscroll-behavior:contain}.app-root .app-main-shell,.app-root .quran-display{overscroll-behavior-y:auto}}@media(max-width:768px){:root{--player-h: 92px}.app-root .quran-display,.app-root .quran-display--platform{padding-bottom:calc(var(--player-h) + 1rem)}.app-root .quran-display--platform .quran-nav{width:100%;max-width:100%}.app-root .quran-nav{flex-wrap:wrap;justify-content:center}.app-root .qc-ayah-transliteration{overflow-wrap:anywhere}.app-root .sidebar{width:min(92vw,360px);max-width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}.app-root .mp-audio-player--mobile:not(.mp-audio-player--dock){bottom:calc(env(safe-area-inset-bottom,0px) + .55rem);left:calc(env(safe-area-inset-left,0px) + .55rem);right:calc(env(safe-area-inset-right,0px) + .55rem)}.app-root .mp-audio-player--mobile.mp-audio-player--dock{left:0;right:0;padding-bottom:env(safe-area-inset-bottom,0px)}}@media(max-width:640px){:root{--player-h: 88px}.app-root .quran-nav{gap:.55rem}.app-root .audio-player-modal__surface{height:min(94dvh,860px)!important}.app-root .audio-player-modal__grid{grid-template-columns:1fr;padding:.75rem}}@media(max-width:560px){.app-root .mp-player-options-trigger{border-color:#7abcd26b!important;background:#7abcd224!important;color:#f1fafff5!important;min-width:1.8rem;min-height:1.8rem}}@media(max-width:480px){:root{--player-h: 84px}html,body,#root,.app-root{min-height:100dvh}.app-root .mp-player-options-trigger{min-height:1.95rem!important;min-width:1.95rem!important;box-shadow:0 0 0 1px #7abcd238 inset}}@media(max-width:360px){:root{--player-h: 82px}.app-root .mp-player-options-trigger{min-height:2rem!important}}@media(max-height:500px)and (orientation:landscape){:root{--player-h: 74px}.app-root .mp-audio-player--mobile.mp-audio-player--dock{max-height:78dvh}}@media(hover:none)and (pointer:coarse){.settings-chip,.ayah-action-card{min-height:44px}}@media(max-height:720px)and (orientation:landscape){.app-root .sb-wrapper{width:min(68vw,360px)}}@media(max-width:980px){.app-root .app-view-shell{padding-block:clamp(.72rem,1.8vw,1rem)}.app-root .app-view-home .hp-wrapper,.app-root .app-view-duas .duas-page{padding-inline:clamp(.58rem,2vw,.88rem)}.app-root .quran-display.quran-display--platform{padding:.54rem clamp(.4rem,1.9vw,.78rem) calc(var(--player-h, 84px) + 1.28rem)}.app-root .quran-display--platform .rd-wrapper{gap:clamp(.72rem,1.25vw,.98rem);padding-bottom:calc(var(--player-h, 84px) + 1.38rem)}}@media(max-width:820px){.app-root .app-view-home .hp-grid.hp-grid--surah,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah{grid-template-columns:repeat(2,minmax(0,1fr));gap:.56rem}.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card{min-height:4.86rem;padding:.66rem .68rem;gap:.5rem}.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card-name,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card-name{font-size:max(1rem,14px);line-height:1.2}.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card-meta,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card-meta{font-size:max(.79rem,11px);line-height:1.24}.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card-ar,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card-ar{font-size:1.24rem}.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card-play,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card-play{width:1.76rem;height:1.76rem}}@media(max-width:640px){.app-root .app-main-shell,.app-root .app-view-shell,.app-root .app-view-home,.app-root .app-view-reading,.app-root .app-view-duas{width:100%;max-width:none}.app-root .app-view-shell{padding:0}.app-root .app-view-home .hp-wrapper,.app-root.premium-plus .app-view-home .hp-wrapper,.app-root .app-view-duas .duas-page,.app-root .quran-display.quran-display--platform,.app-root.premium-plus .quran-display.quran-display--platform{width:100%;max-width:none;margin-inline:0}.app-root .app-view-home .hp-wrapper,.app-root.premium-plus .app-view-home .hp-wrapper{padding-inline:0}.app-root .app-view-duas .duas-page{padding-inline:clamp(.58rem,2vw,.88rem)}.app-root .app-view-home .hp-wrapper,.app-root.premium-plus .app-view-home .hp-wrapper{box-sizing:border-box;inline-size:100%;max-inline-size:100%;overflow-x:clip}.app-root .quran-display.quran-display--platform,.app-root.premium-plus .quran-display.quran-display--platform{padding:.4rem 0 calc(var(--player-h, 84px) + 1.18rem);margin-inline:0;border-radius:0;border-inline-width:0}.app-root .quran-display--platform .rd-wrapper{width:100%;max-width:none;padding-inline:.34rem;padding-bottom:calc(var(--player-h, 84px) + 1.28rem)}.app-root .app-view-home .hp-grid.hp-grid--surah,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah{grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem}.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card{min-height:4.68rem;padding:.62rem .62rem .66rem;gap:.46rem}.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card-name,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card-name{font-size:max(.86rem,12px)}.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card-meta,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card-meta{font-size:max(.79rem,11px)}.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card-ar,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card-ar{font-size:1.12rem}.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card-play,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card-play{width:1.68rem;height:1.68rem}.app-root .mp-audio-player--mobile:not(.mp-audio-player--dock){left:calc(env(safe-area-inset-left,0px) + .45rem);right:calc(env(safe-area-inset-right,0px) + .45rem);bottom:calc(env(safe-area-inset-bottom,0px) + .45rem)}}@media(max-width:420px){.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card{min-height:4.46rem;padding:.56rem .58rem .6rem}.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card-name,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card-name{font-size:max(.86rem,12px)}.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card-meta,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card-meta{font-size:max(.79rem,11px)}.app-root .app-view-home .hp-grid.hp-grid--surah .hp-card-ar,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah .hp-card-ar{font-size:1.02rem}}@media(max-width:360px){.app-root .app-view-home .hp-grid.hp-grid--surah,.app-root.premium-plus .app-view-home .hp-grid.hp-grid--surah{gap:.46rem}}@keyframes qdAyahActionsReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-root .quran-display--platform :is(.quran-mode-pane--surah,.quran-mode-pane--page,.quran-mode-pane--juz) .ayah-actions-inline{display:grid!important;grid-template-columns:minmax(7.8rem,auto) minmax(0,1fr);align-items:center;gap:.54rem .72rem!important;width:100%;padding:.58rem .66rem!important;border-radius:.72rem!important;border:1px solid color-mix(in srgb,var(--border) 68%,rgba(var(--primary-rgb),.28) 32%)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 92%,rgba(var(--primary-rgb),.08) 8%),color-mix(in srgb,var(--bg-primary) 94%,rgba(var(--primary-rgb),.05) 6%))!important;box-shadow:inset 0 1px #ffffff29,0 8px 18px #02081712!important}.app-root .quran-display--platform :is(.quran-mode-pane--surah,.quran-mode-pane--page,.quran-mode-pane--juz) .ayah-actions-inline__meta{min-width:0;justify-content:flex-start!important;gap:.5rem!important;padding-inline-end:.66rem;border-inline-end:1px solid color-mix(in srgb,var(--border) 72%,transparent 28%)}.app-root .quran-display--platform :is(.quran-mode-pane--surah,.quran-mode-pane--page,.quran-mode-pane--juz) .ayah-actions-inline__ref{min-height:1.38rem;padding:.12rem .5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 62%,rgba(var(--primary-rgb),.34) 38%);background:color-mix(in srgb,var(--bg-card) 80%,rgba(var(--primary-rgb),.18) 20%);color:color-mix(in srgb,var(--text-primary) 84%,var(--primary) 16%);font-size:.68rem;letter-spacing:.04em}.app-root .quran-display--platform :is(.quran-mode-pane--surah,.quran-mode-pane--page,.quran-mode-pane--juz) .ayah-actions-inline__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--text-primary) 82%,var(--primary) 18%);font-size:.74rem;font-weight:700}.app-root .quran-display--platform :is(.quran-mode-pane--surah,.quran-mode-pane--page,.quran-mode-pane--juz) .ayah-actions-inline__icons{justify-content:flex-end!important;gap:.42rem!important;min-width:0}.app-root .quran-display--platform :is(.quran-mode-pane--surah,.quran-mode-pane--page,.quran-mode-pane--juz) .ayah-actions-inline__icon-btn{width:2.08rem!important;height:2.08rem!important;border-radius:999px;border-color:color-mix(in srgb,var(--border) 62%,rgba(var(--primary-rgb),.34) 38%)!important;background:color-mix(in srgb,var(--bg-card) 86%,rgba(var(--primary-rgb),.12) 14%)!important;color:color-mix(in srgb,var(--text-secondary) 74%,var(--text-primary) 26%)!important;box-shadow:inset 0 1px #ffffff24}.app-root .quran-display--platform :is(.quran-mode-pane--surah,.quran-mode-pane--page,.quran-mode-pane--juz) .ayah-actions-inline__icon-btn:hover,.app-root .quran-display--platform :is(.quran-mode-pane--surah,.quran-mode-pane--page,.quran-mode-pane--juz) .ayah-actions-inline__icon-btn.is-active{border-color:rgba(var(--primary-rgb),.54)!important;background:color-mix(in srgb,var(--primary) 18%,var(--bg-card) 82%)!important;color:var(--text-primary)!important;transform:translateY(-1px)}@media(max-width:640px){.app-root .quran-display--platform :is(.quran-mode-pane--surah,.quran-mode-pane--page,.quran-mode-pane--juz) .ayah-actions-inline{grid-template-columns:minmax(0,1fr);gap:.48rem!important;padding:.52rem!important}.app-root .quran-display--platform :is(.quran-mode-pane--surah,.quran-mode-pane--page,.quran-mode-pane--juz) .ayah-actions-inline__meta{padding-inline-end:0;border-inline-end:0}.app-root .quran-display--platform :is(.quran-mode-pane--surah,.quran-mode-pane--page,.quran-mode-pane--juz) .ayah-actions-inline__icons{flex-wrap:nowrap;justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none}.app-root .quran-display--platform :is(.quran-mode-pane--surah,.quran-mode-pane--page,.quran-mode-pane--juz) .ayah-actions-inline__icons::-webkit-scrollbar{display:none}.app-root .quran-display--platform :is(.quran-mode-pane--surah,.quran-mode-pane--page,.quran-mode-pane--juz) .ayah-actions-inline__icon-btn{flex:0 0 auto;width:2rem!important;height:2rem!important}}.app-root .ayah-action-sheet-backdrop{z-index:calc(var(--z-modal) + 30);background:linear-gradient(#080d1461,#080d1475),color-mix(in srgb,var(--bg-primary) 14%,transparent 86%);backdrop-filter:blur(5px) saturate(112%)}.app-root .ayah-action-sheet{position:fixed;z-index:calc(var(--z-modal) + 31);top:50%;left:50%;width:min(92vw,440px);max-height:calc(100dvh - 2rem);overflow:auto;transform:translate(-50%,-50%);padding:1rem;border-radius:1.05rem;border:1px solid color-mix(in srgb,var(--border) 60%,rgba(var(--primary-rgb),.28) 40%);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 94%,rgba(var(--primary-rgb),.06) 6%),color-mix(in srgb,var(--bg-primary) 94%,rgba(var(--primary-rgb),.04) 6%));box-shadow:0 28px 70px #02081747,0 2px #ffffff38 inset}.app-root .ayah-action-sheet--playlist{width:min(94vw,520px)}.app-root .ayah-action-sheet--note{gap:.78rem}.app-root .ayah-action-sheet__header{align-items:flex-start}.app-root .ayah-action-sheet__eyebrow{color:color-mix(in srgb,var(--text-muted) 72%,var(--primary) 28%);font-size:.64rem;letter-spacing:.12em}.app-root .ayah-action-sheet__title{margin-top:.16rem;font-size:clamp(1.05rem,.96rem + .26vw,1.22rem);color:var(--text-primary)}.app-root .ayah-action-sheet__close{width:2.28rem;height:2.28rem;border-radius:.78rem;border-color:color-mix(in srgb,var(--border) 70%,transparent 30%);background:color-mix(in srgb,var(--bg-card) 78%,var(--bg-secondary) 22%);box-shadow:0 8px 18px #02081714}.app-root .ayah-action-sheet__verse-preview{display:grid;gap:.38rem;padding:.72rem .82rem;border-radius:.86rem;border:1px solid color-mix(in srgb,var(--border) 64%,rgba(var(--primary-rgb),.24) 36%);background:color-mix(in srgb,var(--bg-secondary) 72%,rgba(var(--primary-rgb),.08) 28%)}.app-root .ayah-action-sheet__verse-preview-ref{justify-self:start;min-height:1.38rem;padding:.12rem .52rem;border-radius:999px;background:rgba(var(--primary-rgb),.1);color:color-mix(in srgb,var(--text-primary) 78%,var(--primary) 22%);font-family:var(--font-ui);font-size:.68rem;font-weight:800;line-height:1.2}.app-root .ayah-action-sheet__verse-preview-text{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-quran, var(--text-primary));font-family:var(--font-quran);font-size:clamp(1.18rem,1.02rem + .46vw,1.44rem);line-height:1.9;text-align:right;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}.app-root .ayah-actions__textarea{min-height:9rem;padding:.88rem .95rem;border-radius:.9rem;border-color:color-mix(in srgb,var(--border) 70%,rgba(var(--primary-rgb),.2) 30%);background:color-mix(in srgb,var(--bg-card) 86%,var(--bg-secondary) 14%);color:var(--text-primary);font-size:.95rem;line-height:1.62;box-shadow:inset 0 1px 2px #0208170d}.app-root .ayah-actions__textarea::placeholder{color:color-mix(in srgb,var(--text-muted) 82%,var(--text-primary) 18%)}.app-root .ayah-action-sheet__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.58rem}.app-root .ayah-action-sheet__btn{min-height:2.6rem;justify-content:center;border-radius:.86rem;font-size:.86rem}.app-root .quran-display--platform .surah-ayahs-list{max-width:min(100%,960px);margin-inline:auto;padding:clamp(.58rem,1vw,.86rem);border-radius:1.08rem;border-color:color-mix(in srgb,var(--border) 72%,rgba(var(--primary-rgb),.2) 28%);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-primary) 94%,rgba(var(--primary-rgb),.06) 6%),color-mix(in srgb,var(--bg-secondary) 90%,rgba(var(--primary-rgb),.05) 10%));box-shadow:0 18px 44px #02081714,inset 0 1px #ffffff2e}.app-root .quran-display--platform .surah-ayahs-list:before{margin:calc(clamp(.58rem,1vw,.86rem)*-1) calc(clamp(.58rem,1vw,.86rem)*-1) clamp(.58rem,1vw,.86rem);height:4px}.app-root .quran-display--platform .cpv-container{max-width:min(100%,880px);border-radius:1.08rem!important;border-color:color-mix(in srgb,var(--cpv-border) 74%,rgba(var(--primary-rgb),.18) 26%)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--cpv-bg) 96%,#ffffff 4%),color-mix(in srgb,var(--cpv-bg) 88%,rgba(var(--primary-rgb),.05) 12%))!important;box-shadow:0 24px 58px #0208171f,inset 0 0 0 1px #fff3!important}.app-root .quran-display--platform .cpv-verse{cursor:pointer;outline:none}.app-root .quran-display--platform .cpv-verse:hover,.app-root .quran-display--platform .cpv-verse:focus-visible,.app-root .quran-display--platform .cpv-verse--active{background:rgba(var(--primary-rgb),.1);box-shadow:none}@media(max-width:640px){.app-root .ayah-action-sheet{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + .72rem);width:min(calc(100vw - 1rem),440px);max-height:min(78dvh,620px);transform:translate(-50%);padding:.86rem;border-radius:1rem}.app-root .ayah-action-sheet__actions{grid-template-columns:minmax(0,1fr)}.app-root .ayah-actions__textarea{min-height:8.2rem}.app-root .quran-display--platform .surah-ayahs-list{padding:.48rem;border-radius:.9rem}.app-root .quran-display--platform .cpv-container{border-radius:.92rem!important}}.mp-header{position:sticky;top:0;z-index:var(--z-header);width:100%;transition:transform .22s ease,opacity .18s ease}.mp-header__bar{display:flex;align-items:center;height:clamp(48px,7vh,56px);padding:0 clamp(.5rem,2vw,1.25rem);gap:var(--space-2);background:color-mix(in srgb,var(--bg-primary) 88%,transparent 12%);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);border-bottom:1px solid var(--border);box-shadow:0 1px 12px #0000000d}.mp-header__brand-row{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.mp-header__brand{display:flex;align-items:center;gap:.45rem;padding:.2rem .35rem;border-radius:var(--r-base);background:transparent;border:none;cursor:pointer;transition:background .15s;text-decoration:none;min-height:44px;min-width:44px}.mp-header__brand:hover{background:var(--bg-secondary)}.mp-header__logo{width:var(--space-8);height:var(--space-8);border-radius:var(--r-sm);overflow:hidden;flex-shrink:0}.mp-header__brand-text{font-size:var(--ts-base);font-weight:700;color:var(--text-primary);letter-spacing:0;white-space:nowrap}.mp-header__icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s;flex-shrink:0;font-size:var(--ts-base)}.mp-header__icon-btn:hover,.mp-header__icon-btn.is-active{background:var(--bg-secondary);border-color:var(--border);color:var(--primary)}.mp-header__center{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}.mp-header__nav{display:flex;align-items:center;gap:.3rem;padding:0;border:0;border-radius:0;background:transparent;max-width:100%}.mp-header__nav-arrow{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--r-base);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s;flex-shrink:0;font-size:var(--ts-sm)}.mp-header__nav-arrow:hover:not(:disabled){background:var(--bg-card);color:var(--primary)}.mp-header__nav-arrow:disabled{opacity:.3;cursor:not-allowed}.mp-header__title-btn{display:inline-flex;align-items:center;justify-content:center;width:min(11.5rem,32vw);max-width:11.5rem;min-height:42px;padding:.28rem .7rem;border-radius:.9rem;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));background:color-mix(in srgb,var(--bg-card) 96%,var(--primary) 4%);cursor:pointer;transition:border-color .18s ease,background .18s ease;text-align:center}.mp-header__title-btn:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:color-mix(in srgb,var(--bg-card) 91%,var(--primary) 9%)}.mp-header__title{display:block;width:100%;font-family:var(--font-ui, sans-serif);font-size:var(--ts-base);font-weight:700;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mp-header__title-stack{display:flex;width:100%;min-width:0;flex-direction:column;align-items:center;justify-content:center;animation:mh-title-in .42s cubic-bezier(.2,.85,.24,1)}.mp-header__title-compact{display:none;min-width:0;max-width:100%;flex-direction:column;align-items:center;justify-content:center;gap:1px}.mp-header__title-compact-ar{max-width:100%;overflow:hidden;color:var(--primary);font-family:var(--font-surah-name, var(--font-surah, var(--font-quran), serif));font-size:1.02rem;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.mp-header__title-compact-ar>.font-surah-names{font-size:1.5rem;line-height:1.05}.mp-header__title-compact-la{max-width:100%;overflow:hidden;color:var(--text-primary);font-size:.68rem;font-weight:750;letter-spacing:-.01em;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.mp-header__title-cycle-viewport{height:26px;overflow:hidden;line-height:26px}.mp-header__title-sub-track{display:flex;flex-direction:column;width:100%;animation:mh-meaning-cycle 10.8s cubic-bezier(.76,0,.24,1) infinite}.mp-header__title-sub,.mp-header__title-transliteration,.mp-header__title-meaning{display:flex;flex:0 0 26px;align-items:center;justify-content:center;width:100%;height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-header__title-sub{color:var(--primary);font-family:var(--font-surah-name, var(--font-surah, var(--font-quran), serif));font-size:25px;font-weight:600}.mp-header__title-transliteration{color:var(--text-primary);font-size:.88rem;font-weight:820;letter-spacing:-.012em}.mp-header__title-meaning{color:var(--text-secondary);font-size:.76rem;font-weight:720}@keyframes mh-title-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes mh-meaning-cycle{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-25%)}50%,70%{transform:translateY(-50%)}75%,to{transform:translateY(-75%)}}@media(prefers-reduced-motion:reduce){.mp-header{transition:none}.mp-header__title-stack,.mp-header__title-sub-track{animation:none}.mp-header__title-sub-track{transform:translateY(-25%)}}.mp-header__home-summary{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.3rem .8rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;transition:all .15s;text-align:center}.mp-header__home-summary:hover{border-color:color-mix(in srgb,var(--primary) 35%,transparent 65%);background:color-mix(in srgb,var(--primary) 6%,var(--bg-secondary) 94%)}.mp-header__home-summary-clean{display:block;font-size:var(--ts-sm);font-weight:700;color:var(--text-primary);white-space:nowrap}.mp-header__home-meta-clean{display:block;font-size:var(--ts-xs);color:var(--text-muted);white-space:nowrap;letter-spacing:.04em}.mp-header__actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.mp-header__action{display:flex;align-items:center;justify-content:center;gap:.3rem;height:44px;padding:0 .75rem;border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s;font-size:var(--ts-sm);font-weight:600;white-space:nowrap}.mp-header__action:hover,.mp-header__action.is-active{background:var(--bg-secondary);border-color:var(--border);color:var(--primary)}.mp-header__riwaya-toggle{font-size:var(--ts-xs);font-weight:800;letter-spacing:.06em;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2);color:var(--primary);border-radius:var(--r-base);padding:0 .6rem}.mp-header__riwaya-toggle:hover{background:rgba(var(--primary-rgb),.15);border-color:rgba(var(--primary-rgb),.35)}.mp-header__more{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s;font-size:var(--ts-base)}.mp-header__more:hover{background:var(--bg-secondary);border-color:var(--border);color:var(--primary)}.mp-header-menu__header{gap:var(--space-2)}.mp-header-menu__section{margin-bottom:.2rem}.mp-header-menu__item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.5rem .75rem;border-radius:var(--r-base);border:none;background:transparent;color:var(--text-primary);font-size:var(--ts-sm);font-weight:500;cursor:pointer;transition:background .14s,color .14s;text-align:start}.mp-header-menu__item--mobile-only{display:none}.mp-header-menu__item:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary)}.mp-header-menu__item:hover .mp-header-menu__item-icon{opacity:1;transform:scale(1.08)}.mp-header-menu__item-icon{display:flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;border-radius:var(--r-sm);flex-shrink:0;transition:opacity .14s,transform .14s;opacity:.92}.mp-header-menu__item[data-key=search] .mp-header-menu__item-icon{background:color-mix(in srgb,var(--c-search) 12%,transparent);color:var(--c-search)}.mp-header-menu__item[data-key=settings] .mp-header-menu__item-icon{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.mp-header-menu__item[data-key=duas] .mp-header-menu__item-icon{background:color-mix(in srgb,var(--c-duas) 12%,transparent);color:var(--c-duas)}.mp-header-menu__item[data-key=theme] .mp-header-menu__item-icon{background:color-mix(in srgb,var(--c-theme-icon) 12%,transparent);color:var(--c-theme-icon)}.mp-header-menu__item-kbd{letter-spacing:.02em;border:1px solid var(--border);opacity:.7;font-family:var(--font-mono, monospace);white-space:nowrap}.mp-header-menu__riwaya{margin:.4rem .45rem .3rem;padding:.65rem .75rem .6rem;border-radius:var(--r-md);background:color-mix(in srgb,var(--bg-secondary) 80%,transparent);border:1px solid var(--border)}.mp-header-menu__riwaya-btns{background:var(--bg-primary);border:1px solid var(--border)}.mp-header__seg{flex:1;padding:.38rem .5rem;border-radius:calc(var(--r-base) - 2px);border:none;background:transparent;color:var(--text-muted);font-size:var(--ts-xs);font-weight:700;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;text-align:center;letter-spacing:.06em}.mp-header__seg:hover:not(.is-active){color:var(--text-primary);background:color-mix(in srgb,var(--primary) 6%,transparent)}.mp-header__seg.is-active{background:var(--primary);color:#fff;box-shadow:0 1px 6px color-mix(in srgb,var(--primary) 45%,transparent)}[data-theme=dark] .mp-header__bar{background:linear-gradient(180deg,#080f0df0,#050a09eb);border-bottom-color:#c4dbd021;box-shadow:0 2px 16px #00000038}[data-theme=dark] .mp-header__nav{background:#080f0d99;border-color:#c4dbd01f}[data-theme=dark] .mp-header__title-btn:hover{background:#14241eb3}[data-theme=dark] .mp-header__nav-arrow:hover:not(:disabled){background:#14241eb3}@media(max-width:640px){.mp-header__bar{padding:0 .5rem;gap:.3rem;height:clamp(48px,7vh,54px);padding-top:env(safe-area-inset-top,0px)}.mp-header__action span{display:none}.mp-header__action{width:var(--space-10);height:var(--space-10);padding:0;justify-content:center;min-width:44px;min-height:44px}.mp-header__title{font-size:clamp(.78rem,3.8vw,.92rem)}.mp-header__search{display:none}.mp-header-menu__item--mobile-only{display:flex}.mp-header__riwaya-toggle span{display:none}.mp-header__riwaya-toggle{width:var(--space-10);padding:0;justify-content:center;font-size:var(--ts-xs);min-width:44px;min-height:44px}}.app-root>.mp-header{position:sticky!important;top:0!important;z-index:var(--z-header)!important;padding:.45rem clamp(.55rem,1.8vw,1rem)!important;border-bottom:1px solid color-mix(in srgb,var(--theme-border, #d4d4d4) 70%,transparent)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-panel-bg-strong, #fff) 94%,transparent),color-mix(in srgb,var(--theme-panel-bg, #fff) 88%,transparent))!important;box-shadow:0 12px 34px #08181014!important;backdrop-filter:blur(6px) saturate(1.08)!important;-webkit-backdrop-filter:blur(6px) saturate(1.08)!important}html[data-theme=dark] .app-root>.mp-header,html.dark .app-root>.mp-header{background:linear-gradient(180deg,#0d1714f0,#080f0de6)!important;border-color:#869d8f2e!important;box-shadow:0 14px 40px #00000057!important}@media(max-width:1024px){.app-root>.mp-header :is(.mp-header__icon-btn,.mp-header__action,.mp-header__more,.mp-header__nav-arrow){min-width:44px!important;min-height:44px!important}}@media(max-width:420px){.mp-header__bar{height:var(--header-h-mobile);padding-top:max(0px,env(safe-area-inset-top));gap:.2rem}.mp-header__title-btn{max-width:min(48vw,200px)}.mp-header__logo{width:var(--space-7);height:var(--space-7)}.mp-header__riwaya-toggle{font-size:var(--ts-2xs);letter-spacing:.04em}}.mp-header--compact .mp-header__bar{height:44px;padding:0 .5rem;gap:.35rem}.mp-header--compact .mp-header__brand-text{display:none}.mp-header--compact .mp-header__title{font-size:var(--ts-sm)}.mp-header--compact .mp-header__icon-btn,.mp-header--compact .mp-header__action,.mp-header--compact .mp-header__more{width:var(--space-9);height:var(--space-9);min-width:44px;min-height:44px;overflow:visible}.mp-header--compact .mp-header__logo{width:var(--space-7);height:var(--space-7)}.mp-header-menu{width:min(21.5rem,calc(100vw - 1rem))!important;max-height:min(36rem,calc(100dvh - var(--header-h, 4rem) - .75rem));padding:.65rem!important;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border) 80%)!important;border-radius:1.35rem!important;background:color-mix(in srgb,var(--bg-card) 92%,var(--bg-primary) 8%)!important;backdrop-filter:blur(28px) saturate(190%)!important;-webkit-backdrop-filter:blur(28px) saturate(190%)!important;color:var(--text-primary)!important;box-shadow:0 1.5rem 3.5rem -.5rem #00000038,0 .5rem 1.25rem -.25rem #0000001f,0 1px color-mix(in srgb,#fff 50%,transparent) inset!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary) 30%,transparent) transparent;animation:mpHeaderMenuIn .2s cubic-bezier(.16,1,.3,1)}@keyframes mpHeaderMenuIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.mp-header-menu__header{position:relative;z-index:3;display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:.55rem!important;padding:.15rem .2rem .5rem!important;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent)!important}.mp-header-menu__panel-title{display:inline-flex!important;align-items:center!important;gap:.38rem!important;padding:.25rem .65rem!important;border-radius:9999px!important;background:color-mix(in srgb,var(--primary) 12%,transparent)!important;color:var(--primary)!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important}.mp-header-menu__close{display:inline-flex!important;width:max(2.75rem,44px)!important;height:max(2.75rem,44px)!important;min-width:max(2.75rem,44px)!important;min-height:max(2.75rem,44px)!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;border:1px solid color-mix(in srgb,var(--border) 75%,transparent)!important;border-radius:50%!important;background:color-mix(in srgb,var(--text-primary) 8%,transparent)!important;color:var(--text-primary)!important;cursor:pointer!important;padding:0!important;transition:all .18s ease!important}html body .mp-header-menu.mp-header-menu.mp-header-menu .mp-header-menu__close{width:max(2.75rem,44px)!important;height:max(2.75rem,44px)!important;min-width:max(2.75rem,44px)!important;min-height:max(2.75rem,44px)!important}.mp-header-menu__close-icon,.mp-header-menu__close svg{display:block!important;width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;stroke:currentColor!important;stroke-width:2.4!important;color:var(--text-primary)!important}.mp-header-menu__close:hover,.mp-header-menu__close:active{background:color-mix(in srgb,var(--primary) 18%,transparent)!important;color:var(--primary)!important;border-color:color-mix(in srgb,var(--primary) 35%,transparent)!important;transform:scale(1.06)}.mp-header-menu__primary-command{margin-bottom:.45rem!important}.mp-header-menu .mp-header-menu__item{display:flex!important;min-width:0;min-height:3.1rem!important;align-items:center!important;gap:.55rem!important;padding:.45rem .65rem!important;border:1px solid color-mix(in srgb,var(--border) 75%,transparent)!important;border-radius:.95rem!important;background:color-mix(in srgb,var(--bg-card) 60%,var(--bg-secondary))!important;cursor:pointer!important;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important}.mp-header-menu .mp-header-menu__item[data-key=search]{grid-column:1 / -1;min-height:3.25rem!important;background:color-mix(in srgb,var(--primary) 7%,var(--bg-card))!important;border-color:color-mix(in srgb,var(--primary) 22%,var(--border))!important}html body .mp-header-menu.mp-header-menu.mp-header-menu .mp-header-menu__item,html body .mp-header-menu.mp-header-menu.mp-header-menu .mp-header-menu__section>.mp-header-menu__item:last-child:nth-child(odd){min-height:max(2.75rem,44px)!important}html body .mp-header-menu.mp-header-menu.mp-header-menu .mp-header-menu__primary-command .mp-header-menu__item{min-height:3.25rem!important}.mp-header-menu .mp-header-menu__item:hover,.mp-header-menu .mp-header-menu__item:active{border-color:color-mix(in srgb,var(--primary) 38%,var(--border))!important;background:color-mix(in srgb,var(--primary) 12%,var(--bg-card))!important;box-shadow:0 .45rem 1.2rem color-mix(in srgb,var(--primary) 12%,transparent)!important;transform:translateY(-1px)}.mp-header-menu .mp-header-menu__item-icon{display:inline-flex!important;width:2rem!important;height:2rem!important;min-width:2rem!important;align-items:center!important;justify-content:center!important;border-radius:.7rem!important;background:color-mix(in srgb,var(--primary) 14%,transparent)!important;color:var(--primary)!important}.mp-header-menu .mp-header-menu__item[data-key=search] .mp-header-menu__item-icon{background:linear-gradient(135deg,#0d5c4a,#168a70)!important;color:#fff!important;box-shadow:0 3px 8px #0d5c4a40!important}.mp-header-menu .mp-header-menu__item[data-key=theme] .mp-header-menu__item-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;color:#fff!important;box-shadow:0 3px 8px #8b5cf640!important}.mp-header-menu .mp-header-menu__item[data-key=settings] .mp-header-menu__item-icon{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 3px 8px #10b98140!important}.mp-header-menu .mp-header-menu__item[data-key=duas] .mp-header-menu__item-icon{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;box-shadow:0 3px 8px #f59e0b40!important}.mp-header-menu__item-label{display:block!important;color:var(--text-primary)!important;font-size:.84rem!important;font-weight:750!important;line-height:1.25!important}.mp-header-menu__item-description{display:block!important;color:var(--text-muted)!important;font-size:.72rem!important;font-weight:500!important;line-height:1.25!important}.mp-header-menu__item-kbd{flex:0 0 auto;margin-inline-start:auto;padding:.22rem .48rem!important;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border))!important;border-radius:.5rem!important;background:var(--bg-card)!important;color:var(--text-muted)!important;font-size:.72rem!important;font-weight:700!important;box-shadow:0 1px 2px #0000000d!important}.mp-header-menu__reader-tools{display:grid!important;gap:.45rem!important;margin-top:0!important;margin-bottom:.5rem!important;padding:.5rem!important;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border))!important;border-radius:1.05rem!important;background:color-mix(in srgb,var(--primary) 5%,var(--bg-secondary))!important}.mp-header-menu__controls-row{display:flex!important;align-items:center!important;gap:.45rem!important}.mp-header-menu__font-controls{display:grid!important;flex:0 0 auto!important;grid-template-columns:max(2.75rem,44px) 2.8rem max(2.75rem,44px)!important;align-items:center!important;padding:.12rem!important;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border))!important;border-radius:.75rem!important;background:var(--bg-card)!important;box-shadow:0 1px 3px #0000000a!important}.mp-header-menu__font-controls button{display:inline-flex!important;width:max(2.75rem,44px)!important;height:max(2.75rem,44px)!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:.6rem!important;background:transparent!important;color:var(--primary)!important;cursor:pointer!important;transition:background .14s ease!important}.mp-header-menu__font-controls button:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 14%,transparent)!important}.mp-header-menu__font-controls output{color:var(--text-primary)!important;font-size:.78rem!important;font-variant-numeric:tabular-nums!important;font-weight:800!important;text-align:center!important}.mp-header-menu__layout{display:grid!important;flex:1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.25rem!important;padding:.15rem!important;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border))!important;border-radius:.75rem!important;background:color-mix(in srgb,var(--bg-card) 75%,transparent)!important}.mp-header-menu__layout button{display:inline-flex!important;min-height:max(2.75rem,44px)!important;align-items:center!important;justify-content:center!important;gap:.35rem!important;border:0!important;border-radius:.65rem!important;background:transparent!important;color:var(--text-muted)!important;font-size:.74rem!important;font-weight:750!important;cursor:pointer!important;transition:all .16s ease!important}.mp-header-menu__layout button.is-active{background:var(--bg-card)!important;color:var(--primary)!important;box-shadow:0 2px 8px #00000014,0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent)!important}.mp-header-menu__mobile-riwaya{display:block!important;margin-top:.15rem!important}.mp-header-menu__riwaya-btns{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.3rem!important;padding:.15rem!important;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border))!important;border-radius:.75rem!important;background:color-mix(in srgb,var(--bg-card) 75%,transparent)!important}.mp-header-menu .mp-header__seg{min-height:max(2.75rem,44px)!important;border-radius:.65rem!important;font-size:.76rem!important;font-weight:750!important;letter-spacing:.02em!important;border:0!important;background:transparent!important;color:var(--text-muted)!important;cursor:pointer!important;transition:all .16s ease!important}.mp-header-menu .mp-header__seg.is-active{background:linear-gradient(135deg,#0d5c4a,#168a70)!important;color:#fff!important;box-shadow:0 3px 8px #0d5c4a47!important}.mp-header-menu__section{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.45rem!important;margin:0!important;padding:0!important}.mp-header-menu__section>.mp-header-menu__item:last-child:nth-child(odd){grid-column:1 / -1!important}@media(max-width:599px){.mp-header-menu{width:min(18.5rem,calc(100vw - .75rem))!important;max-height:calc(100dvh - var(--header-h, 3.5rem) - .5rem)!important;padding:.65rem!important;border-radius:1.25rem!important}.mp-header-menu__header{margin-bottom:.5rem!important;padding:.1rem .1rem .45rem!important}.mp-header-menu__layout button,.mp-header-menu .mp-header__seg{gap:.2rem;padding-inline:.28rem;border-radius:.48rem;font-size:.65rem}.mp-header-menu__layout button svg{width:.72rem;height:.72rem}.mp-header-menu__mobile-riwaya{display:block}.mp-header-menu__riwaya-btns{padding:.1rem;border-radius:.56rem}.mp-header-menu__section{gap:.3rem}.mp-header-menu .mp-header-menu__item,.mp-header-menu .mp-header-menu__item[data-key=search],.mp-header-menu__section>.mp-header-menu__item:last-child:nth-child(odd){gap:.28rem;padding:.26rem .34rem!important;border-radius:.62rem!important}.mp-header-menu .mp-header-menu__item-icon{width:1.42rem!important;height:1.42rem!important;min-width:1.42rem!important;border-radius:.44rem}.mp-header-menu .mp-header-menu__item-icon svg{width:.72rem;height:.72rem}.mp-header-menu__item-label{font-size:.69rem;line-height:1.12}.mp-header-menu__item-description,.mp-header-menu__item-kbd{display:none!important}}.mp-header-menu :is(button):focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 78%,#fff 22%);outline-offset:2px}@media(max-width:300px){.mp-header-menu{width:calc(100vw - .65rem)!important;max-height:calc(100dvh - var(--header-h, 3rem) - .35rem);padding:.35rem!important;border-radius:.9rem!important}.mp-header-menu__header{gap:.45rem;padding:.18rem .2rem .42rem}.mp-header-menu__item-description{display:none!important}.mp-header-menu__section{gap:.3rem}.mp-header-menu__reader-tools{gap:.3rem;margin-bottom:.35rem;padding:.4rem;border-radius:.75rem}.mp-header-menu__layout button{font-size:.65rem}.mp-header-menu .mp-header-menu__item,.mp-header-menu .mp-header-menu__item[data-key=search]{min-height:2.85rem!important;gap:.35rem;padding:.35rem!important;border-radius:.7rem!important}.mp-header-menu .mp-header-menu__item-icon{width:1.65rem;height:1.65rem;border-radius:.5rem}.mp-header-menu__item-label{display:-webkit-box;overflow:hidden;font-size:.66rem;line-height:1.15;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mp-header-menu__item-kbd{display:none}.mp-header-menu__riwaya{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.3rem;margin-top:.35rem;padding:.38rem;border-radius:.72rem}.mp-header-menu .mp-header__seg{padding-inline:.3rem;font-size:.62rem}}[data-theme=dark] .mp-header-menu__font-controls{background:color-mix(in srgb,var(--bg-secondary) 90%,var(--primary) 10%);border-color:color-mix(in srgb,var(--primary) 22%,var(--border))}[data-theme=dark] .mp-header-menu__font-controls button{color:var(--primary)}[data-theme=dark] .mp-header-menu__font-controls button:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 18%,transparent)}[data-theme=dark] .mp-header-menu__font-controls output{color:var(--text-primary)}@media(min-width:641px)and (max-width:900px){html body .app-root>.mp-header{min-height:0!important}html body .app-root>.mp-header .mp-header__bar{height:var(--header-h)!important;min-height:0!important;padding-block:0!important}}.mp-header-menu__panel-title{display:inline-flex;min-width:0;align-items:center;gap:.38rem;color:var(--text-secondary);font-size:.68rem;font-weight:820;letter-spacing:.08em;line-height:1;text-transform:uppercase}.mp-header-menu__panel-title svg{color:var(--primary)}.mp-header-menu__primary-command{display:none}@media(max-width:900px){.mp-header-menu__primary-command{display:block;margin-bottom:.35rem}.mp-header-menu__primary-command .mp-header-menu__item--mobile-only{display:flex}}@media(max-width:599px){html body .mp-header-menu.mp-header-menu{padding-top:.35rem!important}.mp-header-menu__header{position:relative;inset:auto;min-height:1.85rem;justify-content:space-between;margin-bottom:.28rem;padding:0 .08rem 0 .2rem}.mp-header-menu__panel-title{font-size:.62rem}}@media(max-width:360px){html body .mp-header-menu.mp-header-menu.mp-header-menu{padding:.3rem!important}html body .mp-header-menu.mp-header-menu.mp-header-menu .mp-header-menu__header{min-height:0!important;padding:.05rem .2rem .25rem!important;margin-bottom:.2rem!important}html body .mp-header-menu.mp-header-menu.mp-header-menu .mp-header-menu__item{padding:.2rem .5rem!important;gap:.4rem!important}html body .mp-header-menu.mp-header-menu.mp-header-menu .mp-header-menu__item-icon{width:1.4rem!important;height:1.4rem!important;min-width:1.4rem!important}html body .mp-header-menu.mp-header-menu.mp-header-menu .mp-header-menu__item-description{display:none!important}html body .mp-header-menu.mp-header-menu.mp-header-menu .mp-header-menu__section{gap:.15rem!important}html body .mp-header-menu.mp-header-menu.mp-header-menu .mp-header-menu__reader-tools{gap:.25rem!important;margin-bottom:.25rem!important;padding:.3rem!important}html body .mp-header-menu.mp-header-menu.mp-header-menu .mp-header-menu__controls-row{flex-direction:column!important;align-items:stretch!important}html body .mp-header-menu.mp-header-menu.mp-header-menu .mp-header-menu__font-controls{grid-template-columns:max(2.75rem,44px) minmax(0,1fr) max(2.75rem,44px)!important}html body .mp-header-menu.mp-header-menu.mp-header-menu .mp-header-menu__riwaya{padding:.3rem .4rem!important;margin-bottom:0!important}}.app-root[data-view=duas]>.mp-header,.app-root[data-view=duas]>.mp-header .mp-header__bar{background:transparent!important;background-image:none!important;border-bottom-color:transparent!important;box-shadow:none!important}:root{--mp-fluid-root: clamp(15px, calc(14.4px + .17vw) , 17px)}html{font-size:var(--mp-fluid-root)!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}html body .app-root[data-view=home] .hp-grid.hp-grid--reciters{container-type:inline-size;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr))!important;gap:.72rem}html body .app-root[data-view=home] .reciter-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;min-height:5.8rem!important;gap:.7rem;padding:.65rem;border-color:color-mix(in srgb,var(--border) 84%,var(--primary) 16%);border-radius:1.05rem;background:linear-gradient(145deg,var(--bg-card),color-mix(in srgb,var(--bg-card) 96%,var(--primary) 4%))!important}@media(max-width:640px){html body .app-root[data-view=home] .reciter-card{min-height:4.65rem!important;padding:.42rem;gap:.42rem}}html body .app-root[data-view=home] .reciter-card__main{display:grid!important;grid-template-columns:3.5rem minmax(0,1fr) 1rem!important;align-items:center!important;gap:.72rem;padding:0}html body .app-root[data-view=home] .reciter-card__media{width:3.5rem!important;height:3.5rem!important;border:2px solid color-mix(in srgb,var(--bg-card) 70%,var(--primary) 30%);box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 14%,transparent)}html body .app-root[data-view=home] .reciter-card__name{display:-webkit-box!important;overflow:hidden;color:var(--text-primary)!important;font-size:.83rem!important;font-weight:760!important;line-height:1.28!important;text-overflow:unset;white-space:normal!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}html body .app-root[data-view=home] .reciter-card__meta{margin-top:.28rem;color:var(--text-muted)!important;font-size:.64rem!important;text-transform:capitalize}html body .app-root[data-view=home] .reciter-card__actions{padding:0 0 0 .62rem;border-inline-start:1px solid color-mix(in srgb,var(--border) 75%,transparent)!important}html body .app-root[data-view=home] .reciter-card__favorite{width:max(2.55rem,44px)!important;min-width:max(2.55rem,44px)!important;min-height:max(2.55rem,44px)!important}html body .app-root[data-view=home] .reciter-card__listen{min-width:max(2.55rem,44px)!important;min-height:max(2.55rem,44px)!important;padding-inline:.72rem;border-radius:.75rem;box-shadow:0 7px 16px color-mix(in srgb,var(--primary) 19%,transparent)}html body .app-root[data-view=reading] .tajwid-rule-segment{border-radius:.14em;cursor:help;transition:background-color .14s ease,box-shadow .14s ease}html body .app-root[data-view=reading] .tajwid-rule-segment:hover{background:color-mix(in srgb,currentColor 10%,transparent);box-shadow:inset 0 -.07em color-mix(in srgb,currentColor 42%,transparent)}@media(hover:none){html body .app-root[data-view=reading] .tajwid-rule-segment{cursor:inherit}}@media(prefers-reduced-motion:reduce){html body .app-root[data-view=reading] .tajwid-rule-segment{transition:none}}html body .app-root[data-view=reading] .quran-display--platform .qc-verse-by-verse-view{max-width:62rem!important;padding:clamp(.45rem,1.6vw,1rem)}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card.qc-list-card{margin-bottom:.75rem;padding:clamp(.78rem,calc(var(--reader-arabic-size, 42px) * .3),1.3rem) clamp(.75rem,2vw,1.25rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 88%,var(--primary) 12%);border-radius:1rem;background:var(--bg-card)!important;box-shadow:0 7px 22px color-mix(in srgb,var(--text-primary) 6%,transparent)}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card.qc-list-card:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--bg-card) 96%,var(--primary) 4%)!important}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card.qc-list-card:is(.is-active,.is-playing){border-color:color-mix(in srgb,var(--primary) 48%,var(--border));background:color-mix(in srgb,var(--bg-card) 91%,var(--primary) 9%)!important;box-shadow:inset 3px 0 var(--primary),0 10px 26px color-mix(in srgb,var(--primary) 11%,transparent)}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card__foot{min-height:2.5rem!important;margin-bottom:clamp(.65rem,1.8vw,1rem);padding-bottom:.55rem;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card__reference.qc-list-card__reference,html body .app-root[data-view=reading] .quran-display--platform .qc-list-card__foot .ayah-actions button{min-width:2.4rem!important;width:auto!important;height:2.4rem!important;min-height:2.4rem!important;border-color:color-mix(in srgb,var(--border) 80%,var(--primary) 20%);border-radius:.65rem;background:var(--bg-secondary)!important;color:var(--text-secondary)!important}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card__reference.qc-list-card__reference{padding-inline:.62rem;color:var(--primary)!important;font-weight:760!important}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card .qc-ayah-text-ar{color:var(--text-quran, var(--text-primary))!important;line-height:clamp(1.85,var(--quran-line-height, 2.02),2.08)!important}html body .app-root[data-view=reading] .quran-display--platform .quran-mode-pane--mushaf .mushaf-text-block{line-height:var(--cpv-line-height, 1.78)!important;word-spacing:0;text-align:justify!important;text-align-last:right!important}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card__translation-slot{margin-top:.75rem;padding-top:.8rem}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card__translation-slot p{color:var(--text-secondary)!important;font-size:clamp(.82rem,var(--qd-translation-font-size, .95rem),1.05rem)!important;line-height:1.72!important}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card__study{margin-top:.65rem;padding-top:.55rem;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}html body .app-root[data-view=reading] .srh-typography-disclosure.open .srh-typography-panel{display:block!important}html body .app-root[data-view=duas] .duas-page--platform .dua-open-btn-v5 svg{width:15px!important;min-width:15px!important;height:15px!important;min-height:15px!important;transform:none}html[data-theme=sepia] body .app-root[data-view=reading] .quran-display--platform .qc-list-card.qc-list-card{border-color:color-mix(in srgb,var(--border) 76%,#a9782d 24%)}@media(max-width:760px){html body .app-root[data-view=home] .reciter-card{min-height:5.1rem!important}html body .app-root[data-view=home] .reciter-card__main{grid-template-columns:3rem minmax(0,1fr) .8rem!important}html body .app-root[data-view=home] .reciter-card__media{width:3rem!important;height:3rem!important}html body .app-root[data-view=home] .reciter-card__actions{padding-inline-start:.45rem!important}html body .app-root[data-view=reading] .quran-display--platform .qc-verse-by-verse-view{padding-inline:.35rem}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card.qc-list-card{margin-bottom:.55rem;padding:clamp(.65rem,calc(var(--reader-arabic-size, 34px) * .27),1rem) .72rem;border-radius:.85rem}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card__foot{min-height:2.2rem!important}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card__reference.qc-list-card__reference,html body .app-root[data-view=reading] .quran-display--platform .qc-list-card__foot .ayah-actions button{min-width:2.2rem!important;height:2.2rem!important;min-height:2.2rem!important}}@media(max-width:430px){html body .app-root[data-view=home] .reciter-card{grid-template-columns:minmax(0,1fr) auto!important;padding:.5rem}html body .app-root[data-view=home] .reciter-card__listen{width:2.55rem!important;padding:0}html body .app-root[data-view=home] .reciter-card__listen span{display:none!important}}@keyframes ayah-reading-pulse{0%{box-shadow:inset 3px 0 0 var(--primary),0 0 color-mix(in srgb,var(--primary) 18%,transparent)}55%{box-shadow:inset 3px 0 0 var(--primary),0 0 0 5px color-mix(in srgb,var(--primary) 0%,transparent)}to{box-shadow:inset 3px 0 0 var(--primary),0 0 color-mix(in srgb,var(--primary) 0%,transparent)}}@keyframes ayah-marker-playing{0%{transform:scale(1.06) translateY(.06em);filter:drop-shadow(0 0 0px color-mix(in srgb,var(--primary) 0%,transparent))}50%{transform:scale(1.16) translateY(.04em);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--primary) 55%,transparent))}to{transform:scale(1.06) translateY(.06em);filter:drop-shadow(0 0 0px color-mix(in srgb,var(--primary) 0%,transparent))}}html:not([data-audio-mode=surah]) body .app-root[data-view=reading] .quran-display--platform .qc-list-card.qc-list-card.is-playing{animation:ayah-reading-pulse 2.2s ease-in-out infinite}html body .app-root[data-view=reading] .quran-display--platform .qc-list-card.qc-list-card.is-active{box-shadow:inset 3px 0 color-mix(in srgb,var(--primary) 60%,transparent)}@media(prefers-reduced-motion:reduce){html:not([data-audio-mode=surah]) body .app-root[data-view=reading] .quran-display--platform .qc-list-card.qc-list-card.is-playing{animation:none;box-shadow:inset 3px 0 0 var(--primary)}}html body .app-root[data-view=home] .hp-list .hp-card--list .hp-card-play{background:var(--primary)!important;color:var(--theme-text-inverse, #ffffff)!important;border:none;box-shadow:0 3px 10px color-mix(in srgb,var(--primary) 28%,transparent);width:2.4rem!important;height:2.4rem!important;min-width:2.4rem!important;min-height:2.4rem!important}html body .app-root[data-view=home] .hp-list .hp-card--list .hp-card-play:hover{background:color-mix(in srgb,var(--primary) 88%,#000 12%)!important;box-shadow:0 5px 16px color-mix(in srgb,var(--primary) 36%,transparent);transform:translateY(-1px) scale(1.04)}html body .app-root[data-view=home] .hp-list .hp-card--list .hp-card-play svg{width:15px!important;height:15px!important}html body .app-root[data-view=reading] .quran-display--platform .reader-mode-nav.quran-nav{border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border) 86%);background:color-mix(in srgb,var(--bg-card) 96%,var(--primary) 4%)!important;box-shadow:0 2px 12px #0000000f}html body .app-root[data-view=reading] .quran-display--platform .reader-mode-nav.quran-nav .reader-mode-nav__button{background:color-mix(in srgb,var(--primary) 6%,transparent)!important;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);color:var(--text-secondary)!important;border-radius:11px;min-width:0!important;flex:1 1 0!important}html body .app-root[data-view=reading] .quran-display--platform .reader-mode-nav.quran-nav .reader-mode-nav__button:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 12%,transparent)!important;color:var(--primary)!important;border-color:color-mix(in srgb,var(--primary) 30%,transparent);transform:translateY(-1px)}html body .app-root[data-view=reading] .quran-display--platform .reader-mode-nav.quran-nav .reader-mode-nav__button span{overflow:visible;text-overflow:unset;white-space:normal!important;word-break:break-word!important;line-height:1.25!important;max-width:none!important}html body .app-root[data-view=reading] .quran-display--platform .reader-mode-nav.quran-nav .mode-nav-current{padding:.5rem clamp(.6rem,2vw,1rem);border-radius:10px;background:color-mix(in srgb,var(--primary) 9%,var(--bg-primary) 91%)!important;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);text-align:center!important;white-space:normal!important;min-width:clamp(7rem,28vw,14rem)!important}html body .app-root[data-view=reading] .quran-display--platform .reader-mode-nav.quran-nav .mode-nav-current strong{font-size:clamp(.88rem,2.4vw,1.05rem)!important;color:var(--primary)!important;white-space:normal!important;overflow:visible;text-overflow:unset}html body .app-root[data-view=reading] .quran-display--platform .reader-mode-nav.quran-nav .mode-nav-current span{font-size:clamp(max(.66rem,10px),1.6vw,.72rem)!important;color:var(--text-primary)!important;white-space:normal!important}@media(max-width:480px){html body .app-root[data-view=reading] .quran-display--platform .reader-mode-nav.quran-nav .reader-mode-nav__button span{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:22vw!important}html body .app-root[data-view=reading] .quran-display--platform .reader-mode-nav.quran-nav .mode-nav-current{min-width:0!important}}.app-root.premium-plus :is(.app-view-home,.app-view-reading,.app-view-duas):before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;border-radius:calc(var(--app-radius-xl, 1.25rem) + .6rem);opacity:.9}.app-root.premium-plus[data-view=home] .app-view-home:before{background:radial-gradient(circle at 8% 2%,rgba(11,98,53,.1),transparent 27%),radial-gradient(circle at 92% 8%,rgba(11,98,53,.05),transparent 25%)}.app-root.premium-plus[data-view=home][data-home-section=audio] .app-view-home:before{background:radial-gradient(circle at 18% 2%,rgba(11,98,53,.1),transparent 28%),radial-gradient(ellipse 60% 30% at 50% 50%,rgba(11,98,53,.04),transparent 70%)}.app-root.premium-plus[data-view=reading] .app-view-reading:before{background:radial-gradient(circle at 50% 0%,rgba(11,98,53,.08),transparent 32%),linear-gradient(to bottom,rgba(11,98,53,.03),transparent 50%)}.app-root.premium-plus[data-view=duas] .app-view-duas:before{background:radial-gradient(circle at 50% 0%,rgba(11,98,53,.09),transparent 34%),radial-gradient(circle at 92% 8%,rgba(11,98,53,.04),transparent 24%)}@media(max-width:640px){html,html body .app-root .app-main-shell{scrollbar-gutter:auto!important}html body .app-root>.mp-header .mp-header__bar{--mp-header-control: max(2.75rem, 44px);--mp-header-icon: .78rem;display:grid!important;min-height:52px!important;height:52px!important;max-height:52px!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:.18rem}html body .app-root>.mp-header .mp-header__brand,html body .app-root>.mp-header .mp-header__brand-text{display:none!important}html body .app-root[data-view=home]>.mp-header .mp-header__search{display:none!important}html body .app-root[data-view=reading]>.mp-header .mp-header__action.mp-header__search{display:inline-flex!important}}@media(max-width:640px){html body .app-root[data-view=home] .reciter-card__actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.25rem;padding:0 0 0 .42rem}html body .app-root[data-view=home] .reciter-card__actions :is(button,a){width:max(2.4rem,44px)!important;min-width:max(2.4rem,44px)!important;min-height:max(2.4rem,44px)!important;padding:0}}.app-root,.main-content,[class*=scrollable]{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.srh-play-btn,.qc-list-card__reference{will-change:transform}.mfp-portal-root .mfp-viewport,.app-root [class*=scroll],.app-root main{touch-action:pan-y}.qc-list-card{isolation:isolate}.mfp-portal-root{contain:layout style paint;isolation:isolate}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}:root{--mp-content-max: 90rem;--mp-reading-max: 76rem;--mp-page-gutter: clamp(.55rem, 1.8vw, 1.5rem);--mp-section-gap: clamp(.85rem, 1.8vw, 1.5rem);--mp-card-pad: clamp(.8rem, 1.4vw, 1.25rem);--mp-radius-sm: .7rem;--mp-radius-md: 1rem;--mp-radius-lg: 1.35rem;--mp-control-h: 2.75rem;--mp-icon-size: clamp(.82rem, .78rem + .16vw, .96rem);--mp-action-icon-max: 16px;--mp-arabic-ui-size: clamp(1.12rem, .98rem + .42vw, 1.42rem);--mp-shadow-card: 0 1px 2px color-mix(in srgb, #000 5%, transparent), 0 12px 30px color-mix(in srgb, #000 6%, transparent);--mp-shadow-float: 0 24px 64px color-mix(in srgb, #000 20%, transparent)}[data-theme=light]{--mp-surface-raised: color-mix(in srgb, #fff 82%, var(--theme-surface));--mp-surface-soft: color-mix(in srgb, var(--theme-surface) 78%, var(--theme-bg));--mp-overlay: rgba(17, 29, 23, .42)}[data-theme=sepia]{--mp-surface-raised: color-mix(in srgb, #fffaf0 76%, var(--theme-surface));--mp-surface-soft: color-mix(in srgb, var(--theme-surface) 76%, var(--theme-bg));--mp-overlay: rgba(45, 31, 19, .46)}[data-theme=dark]{--mp-surface-raised: color-mix(in srgb, var(--theme-surface) 91%, #fff 9%);--mp-surface-soft: color-mix(in srgb, var(--theme-surface) 78%, var(--theme-bg));--mp-overlay: rgba(2, 8, 5, .7);--mp-shadow-card: 0 1px 0 color-mix(in srgb, #fff 4%, transparent), 0 16px 34px rgba(0, 0, 0, .22)}html body .app-root{color:var(--text-primary);font-family:var(--font-ui);background-color:var(--bg-primary)}.app-root .app-main{overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-bottom:var(--player-h, 0px);contain:layout style}.app-root :is(.hp-wrapper,.duas-page,.quran-display--platform){touch-action:pan-y}.app-root .app-view-shell{width:100%;min-width:0}.app-root :is(.hp-wrapper,.duas-page,.legal-page,.not-found-page,.reciter-detail){width:min(100%,var(--mp-content-max));min-width:0;margin-inline:auto}.app-root :is(.home-content-zone,.duas-hero,.recitation-library,.reciter-detail__layout){min-width:0}.app-root :is(.duas-hero){border-radius:var(--mp-radius-lg)}.app-root :is(.home-radio-card__meta,.reciter-card__meta,.recitation-row__meta,.legal-page__intro){color:var(--text-secondary);line-height:1.55}.app-root :where(button,a,input,select,textarea){font:inherit}.app-root :where(button,a,[role=button]):not(.simple-player__play)>svg{max-width:var(--mp-action-icon-max);max-height:var(--mp-action-icon-max)}@media(max-width:640px){.app-root :where(.hp-empty)>svg,.app-root :where(.hp-empty) svg{max-width:20px;max-height:20px}}.app-root :where(button,a,[role=button]):focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 78%,#fff);outline-offset:2px}.app-root :is(input,select,textarea)::placeholder{color:var(--text-muted);opacity:.86}.app-root :is(input,select,textarea):focus{border-color:color-mix(in srgb,var(--primary) 64%,var(--theme-border));outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.13)}.app-root .reciter-detail{width:min(calc(100vw - 1.5rem),57.5rem);max-width:57.5rem;max-height:min(calc(100dvh - 1.5rem),54rem)}.app-root :is(.reciter-photo,.reciter-hero__portrait,.reciter-card__media img,.home-radio-card__media img){object-fit:cover;object-position:center 18%}@media(hover:hover)and (pointer:fine){.app-root :is(.home-radio-card,.reciter-card,.recitation-row):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 36%,var(--theme-border));box-shadow:0 16px 34px color-mix(in srgb,#000 10%,transparent)}}@media(max-width:1024px){:root{--mp-action-icon-max: 14px;--mp-arabic-ui-size: clamp(1.06rem, 2.6vw, 1.3rem)}.app-root .reciter-detail__layout{grid-template-columns:minmax(0,1fr)}.app-root .reciter-detail__aside{position:static;max-height:none}}@media(max-width:720px){:root{--mp-page-gutter: clamp(.4rem, 2.4vw, .75rem);--mp-section-gap: .75rem;--mp-card-pad: .75rem;--mp-radius-lg: 1.1rem;--mp-action-icon-max: 13px;--mp-arabic-ui-size: clamp(1rem, 5vw, 1.2rem)}.app-root :is(.app-view-home,.app-view-duas,.app-view-legal,.app-view-not-found){padding-inline:var(--mp-page-gutter)}.app-root :is(.duas-hero){padding:clamp(.9rem,4vw,1.25rem)}.app-root :is(.reciter-hero){align-items:flex-start}.app-root .reciter-detail{width:100%;max-width:100%;max-height:min(92dvh,54rem);border-radius:1.15rem 1.15rem 0 0}.app-root .recitation-row{grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.55rem}}@media(max-width:480px){:root{--mp-control-h: 2.75rem;--mp-radius-md: .75rem;--mp-action-icon-max: 13px}.app-root{font-size:clamp(.8125rem,3.45vw,.9rem)}.app-root .reciter-hero{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.5rem}.app-root .reciter-hero__avatar{width:3rem;height:3rem}.app-root .reciter-hero__name{font-size:clamp(.92rem,4.5vw,1.15rem)}.app-root :is(.recitation-action-btn__label,.home-radio-card__meta){font-size:.65rem}}.app-root[data-view=duas] .duas-hero{padding:clamp(1rem,2.4vw,1.65rem)!important}.app-root[data-view=duas] .duas-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}.app-root[data-view=duas] .duas-search-wrap{width:100%;min-width:0}.app-root[data-view=duas] .duas-categories{width:100%;padding-block:.1rem;scroll-snap-type:inline proximity}.app-root[data-view=duas] .duas-cat-btn{flex:0 0 auto;scroll-snap-align:start}.app-root[data-view=duas] .duas-results-badge{gap:.45rem;color:var(--theme-text-muted);font-weight:650}.app-root[data-view=duas] .duas-results-badge strong{color:var(--theme-primary);font-weight:800}.app-root[data-view=duas] .duas-results-badge span:after{content:"·";margin-inline-start:.45rem;opacity:.55}.settings-advanced-disclosure{overflow:clip;border:1px solid var(--theme-border, var(--border));border-radius:1rem;background:color-mix(in srgb,var(--theme-panel-bg-strong, var(--bg-card)) 94%,transparent)}.settings-advanced-disclosure>summary{display:flex;min-height:3.2rem;align-items:center;justify-content:space-between;padding:.75rem .9rem;color:var(--theme-text, var(--text-primary));cursor:pointer;font-size:.78rem;font-weight:780;list-style:none}.settings-advanced-disclosure>summary:after{content:"+";color:var(--theme-primary, var(--primary));font-size:1rem}.settings-advanced-disclosure[open]>summary:after{content:"−"}.settings-advanced-disclosure>summary::-webkit-details-marker{display:none}.settings-advanced-disclosure>.settings-section{margin:.45rem}.library-search{position:sticky;z-index:2;top:0;display:flex;min-height:2.85rem;align-items:center;gap:.55rem;margin-bottom:.65rem;padding:.45rem .7rem;border:1px solid var(--theme-border);border-radius:.9rem;background:var(--theme-panel-bg-strong);color:var(--theme-text-muted)}.library-search input,.library-row__rename input,.library-row__editor textarea{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--theme-text);font:inherit}.library-row__editor{display:grid;min-width:0;flex:1 1 auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.5rem .6rem}.library-row__editor textarea{min-height:3.2rem;resize:vertical}.library-row__editor button,.library-row__rename button,.library-row__edit{display:inline-flex;min-width:2.5rem;min-height:2.5rem;align-items:center;justify-content:center;border:1px solid var(--theme-border);border-radius:.75rem;background:color-mix(in srgb,var(--theme-primary) 8%,transparent);color:var(--theme-primary)}.library-row__rename{display:flex;min-width:0;flex:1 1 auto;align-items:center;gap:.4rem}@media(max-width:360px){.app-root[data-view=duas] .duas-hero{padding-inline:.65rem!important}}@media(max-width:340px){:root{--mp-page-gutter: .25rem;--mp-card-pad: .5rem}.app-root .reciter-detail__quick-actions>*{flex:0 0 auto}.app-root .recitation-row{grid-template-columns:2rem minmax(0,1fr) auto}.app-root .recitation-row__actions{grid-column:auto;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.app-root *,.app-root *:before,.app-root *:after{scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}.library-overlay{display:grid;place-items:center;padding:clamp(.5rem,2vw,1.5rem);background:var(--mp-overlay);backdrop-filter:blur(12px)}.library-modal{width:min(46rem,calc(100vw - 1rem));max-height:min(48rem,calc(100dvh - 1rem));overflow:hidden;border:1px solid color-mix(in srgb,var(--theme-border) 82%,transparent);border-radius:var(--mp-radius-lg);color:var(--text-primary);background:var(--mp-surface-raised);box-shadow:var(--mp-shadow-float)}.library-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:clamp(1rem,3vw,1.5rem);border-bottom:1px solid var(--theme-border)}.library-modal__header p:not(.library-modal__lede){margin:0 0 .25rem;color:var(--primary);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.library-modal__header h2{margin:0;font-size:clamp(1.35rem,3.5vw,2rem);line-height:1.15}.library-modal__header .library-modal__lede{margin:.35rem 0 0;color:var(--text-secondary);line-height:1.5}.library-close,.library-row__delete,.library-row__play{display:inline-grid;min-width:var(--mp-control-h);min-height:var(--mp-control-h);place-items:center;border:1px solid var(--theme-border);border-radius:var(--mp-radius-sm);color:var(--text-secondary);background:var(--mp-surface-soft)}.library-close:hover,.library-row__delete:hover{color:var(--danger);border-color:color-mix(in srgb,currentColor 35%,var(--theme-border))}.library-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding:.65rem clamp(.75rem,2vw,1rem);border-bottom:1px solid var(--theme-border);background:var(--mp-surface-soft)}.library-tabs button{display:flex;min-width:0;min-height:var(--mp-control-h);align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:var(--mp-radius-sm);color:var(--text-secondary);background:transparent}.library-tabs button.is-active{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 26%,var(--theme-border));background:var(--mp-surface-raised);box-shadow:0 4px 12px color-mix(in srgb,#000 7%,transparent)}.library-tabs small{min-width:1.35rem;padding:.1rem .35rem;border-radius:999px;color:inherit;background:rgba(var(--primary-rgb),.1);font-size:max(.66rem,10px)}.library-modal__body{min-height:16rem;max-height:min(32rem,calc(100dvh - 13rem));overflow:auto;padding:clamp(.65rem,2vw,1rem)}.library-loading,.library-empty{display:grid;min-height:13rem;place-items:center;color:var(--text-muted);text-align:center}.library-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.45rem;border:1px solid var(--theme-border);border-radius:var(--mp-radius-md);background:var(--mp-surface-soft)}.library-row--playlist{grid-template-columns:minmax(0,1fr) auto auto}.library-row__main{display:grid;min-width:0;grid-template-columns:2.7rem minmax(0,1fr) auto;align-items:center;gap:.75rem;border:0;color:inherit;text-align:start;background:transparent}.library-row__ref{display:grid;width:2.7rem;height:2.7rem;place-items:center;border-radius:.8rem;color:var(--primary);font-weight:800;background:rgba(var(--primary-rgb),.09)}.library-row__copy{display:grid;min-width:0;gap:.2rem}.library-row__copy strong,.library-row__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-row__copy small{color:var(--text-secondary)}.library-row__play{color:#fff;border-color:var(--primary);background:var(--primary)}.library-row__play:disabled{opacity:.45}.library-create{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;margin-bottom:.85rem;padding:.55rem;border:1px solid var(--theme-border);border-radius:var(--mp-radius-md);background:var(--mp-surface-soft)}.library-create input{min-width:0;min-height:var(--mp-control-h);border:0;color:var(--text-primary);background:transparent}.library-create button{min-height:var(--mp-control-h);padding-inline:1rem;border:0;border-radius:var(--mp-radius-sm);color:#fff;font-weight:700;background:var(--primary)}.reader-command-bar{isolation:isolate;border-color:color-mix(in srgb,var(--theme-border) 86%,transparent);box-shadow:var(--mp-shadow-card)}@media(max-width:480px){.library-overlay{align-items:end;padding:0}.library-modal{width:100%;max-height:min(92dvh,48rem);border-radius:1.15rem 1.15rem 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.library-modal__header .library-modal__lede{display:none}.library-tabs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-tabs button{gap:.3rem;padding-inline:.35rem;font-size:.76rem}.library-modal__body{max-height:calc(92dvh - 9.5rem - env(safe-area-inset-bottom,0px))}}@media(max-width:340px){.library-tabs small{display:none}.library-row{padding:.35rem}.library-row__main{grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.45rem}.library-row__ref{width:2.25rem;height:2.25rem}}.app-root[data-view=home] .hp-wrapper{gap:clamp(.9rem,1.8vw,1.45rem)}.app-root[data-view=home] .home-overview{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(21rem,.92fr);align-items:start;gap:clamp(.75rem,1.4vw,1rem);min-width:0}.app-root[data-view=home] :is(.home-resume-panel,.home-today-panel){position:relative;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--theme-border) 82%,transparent);border-radius:clamp(1rem,1.5vw,1.35rem);box-shadow:var(--mp-shadow-card)}.app-root{--brand-hero-bg: radial-gradient(circle at 88% 20%, rgba(244, 221, 160, .13), transparent 21rem), linear-gradient(145deg, color-mix(in srgb, var(--primary) 80%, #06130c), color-mix(in srgb, var(--primary) 43%, #102219))}[data-theme=sepia] .app-root{--brand-hero-bg: linear-gradient(145deg, #5d3516, #2c2117 72%)}[data-theme=dark] .app-root{--brand-hero-bg: linear-gradient(145deg, #102d22, #0a1812 76%)}.app-root[data-view=home] .home-resume-panel{isolation:isolate;display:flex;min-height:clamp(29rem,35vw,36rem);flex-direction:column;padding:clamp(1rem,1.7vw,1.35rem);color:#f8fbf9;background:var(--brand-hero-bg)}[data-theme=sepia] .app-root[data-view=home] .home-resume-panel__secondary{border-color:#d2a04b80;color:#ffe6aff2;background:#50280861}[data-theme=sepia] .app-root[data-view=home] .home-resume-panel__secondary:hover{border-color:#d7a550b8;background:#5028088c}[data-theme=dark] .app-root[data-view=home] .home-resume-panel{border-color:color-mix(in srgb,var(--primary) 28%,var(--theme-border))}.app-root[data-view=home] .home-resume-panel__glow{position:absolute;z-index:-1;inset:auto -8rem -11rem auto;width:21rem;height:21rem;border-radius:50%;background:radial-gradient(circle,rgba(222,190,96,.25),transparent 67%)}.app-root[data-view=home] .home-resume-panel__watermark{position:absolute;z-index:-1;inset-inline-end:.65rem;bottom:-.35rem;max-width:38%;overflow:hidden;color:#ffffff12;font-family:var(--font-surah-name, var(--font-surah, serif));font-size:clamp(6.5rem,11vw,9rem);line-height:1;white-space:nowrap}.app-root[data-view=home] .home-resume-panel__header,.app-root[data-view=home] .home-resume-panel__brand,.app-root[data-view=home] .home-resume-panel__greeting,.app-root[data-view=home] .home-resume-panel__eyebrow,.app-root[data-view=home] .home-resume-panel__library,.app-root[data-view=home] .home-resume-panel__actions{display:flex;align-items:center}.app-root[data-view=home] .home-resume-panel__header{justify-content:space-between;gap:.75rem;color:#ffffffb8;font-size:.7rem;font-weight:700}.app-root[data-view=home] .home-resume-panel__meta{display:flex;align-items:flex-end;flex-direction:column;gap:.12rem}.app-root[data-view=home] .home-resume-panel__greeting{gap:.35rem;letter-spacing:.045em;text-transform:uppercase}.app-root[data-view=home] .home-resume-panel__brand{gap:.5rem;color:#ffffffd1;font-size:.78rem;font-weight:800;letter-spacing:.04em}.app-root[data-view=home] .home-resume-panel__logo{width:1.65rem;height:1.65rem;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:.55rem}.app-root[data-view=home] .home-resume-panel__body{display:grid;flex:1;grid-template-columns:minmax(0,1fr) minmax(11rem,.72fr);grid-template-rows:1fr auto auto 1fr auto;column-gap:clamp(1rem,2vw,2rem);max-width:none;padding-block:clamp(.8rem,1.5vw,1.25rem)}.app-root[data-view=home] .home-resume-panel__eyebrow{grid-area:eyebrow;grid-column:1;grid-row:2;width:fit-content;gap:.4rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.3rem .65rem;color:#f0d786;background:#ffffff12;font-size:max(.66rem,10px);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.app-root[data-view=home] .home-resume-panel h1{grid-area:title;grid-column:1;grid-row:3;max-width:16ch;margin:.65rem 0 0;color:#fff;font-size:clamp(2.2rem,3.2vw,3rem);font-weight:780;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}.app-root[data-view=home] .home-resume-panel__target{grid-area:target;grid-column:2;grid-row:3;display:flex;min-width:0;align-items:flex-start;flex-direction:column;gap:.2rem;margin:0;padding-inline-start:clamp(.8rem,1.5vw,1.4rem);border-inline-start:1px solid rgba(255,255,255,.2);color:#ffffffc7;text-align:end;justify-content:center}.app-root[data-view=home] .home-resume-panel__target-label{display:block;color:#ffffff8f;font-size:max(.66rem,10px);font-weight:760;letter-spacing:.09em;text-transform:uppercase}.app-root[data-view=home] .home-resume-panel__target-line{display:flex;min-width:0;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.app-root[data-view=home] .home-resume-panel__target-line>strong{color:#fff;font-size:clamp(.95rem,1.45vw,1.18rem);line-height:1.2;text-wrap:balance}.app-root[data-view=home] .home-resume-panel__target-arabic{color:#f0d786;font-size:clamp(1.65rem,2.7vw,2.1rem);line-height:1}.app-root[data-view=home] .home-resume-panel__library{grid-area:library;grid-column:1 / -1;grid-row:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.72rem}.app-root[data-view=home] .home-resume-panel__library>button{display:inline-flex;min-width:0;min-height:2.45rem;align-items:center;gap:.35rem;border:1px solid rgba(255,255,255,.14);border-radius:.72rem;padding:.42rem .52rem;color:#ffffffd1;background:#03140c33;font-size:max(.66rem,10px);font-weight:680;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.app-root[data-view=home] .home-resume-panel__library>button:hover,.app-root[data-view=home] .home-resume-panel__library>button:focus-visible{border-color:#f6e2a07a;color:#fff;background:#ffffff1c;transform:translateY(-1px)}.app-root[data-view=home] .home-resume-panel__library>button>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-root[data-view=home] .home-resume-panel__library strong{color:#f4dda0;font-size:.74rem}.app-root[data-view=home] .home-resume-panel__actions{position:relative;z-index:1;flex-wrap:wrap;gap:.55rem;padding-top:.2rem}.app-root[data-view=home] :is(.home-resume-panel__primary,.home-resume-panel__secondary){display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.55rem;border-radius:.85rem;padding:.68rem .9rem;font-size:.78rem;font-weight:800;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.app-root[data-view=home] .home-resume-panel__primary{flex-grow:1;min-width:min(100%,13.5rem);border:1px solid #f6e2a0;color:#153323;background:#f4dda0;box-shadow:0 8px 20px #00000024}.app-root[data-view=home] .home-resume-panel__secondary{border:1px solid rgba(255,255,255,.2);color:#fff;background:#ffffff14}.app-root[data-view=home] :is(.home-resume-panel__primary,.home-resume-panel__secondary):hover{transform:translateY(-1px)}.app-root[data-view=home] .home-today-panel{display:flex;flex-direction:column;padding:clamp(.75rem,1.4vw,1rem);background:linear-gradient(155deg,color-mix(in srgb,var(--mp-surface-raised) 94%,var(--primary) 6%),var(--mp-surface-raised))}.app-root[data-view=home] .home-today-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem;padding-inline:.2rem}.app-root[data-view=home] .home-today-panel__header>span{display:inline-flex;align-items:center;gap:.4rem;color:var(--primary);font-size:.78rem}.app-root[data-view=home] .home-today-panel__header small{overflow:hidden;color:var(--text-muted);font-size:max(.66rem,10px);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.app-root[data-view=home] .home-today-verse{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .75rem;width:100%;min-height:7.5rem;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--theme-border));border-radius:1rem;padding:.8rem .9rem;color:var(--text-primary);text-align:start;background:color-mix(in srgb,var(--theme-surface) 92%,var(--primary) 8%)}.app-root[data-view=home] .home-today-verse__label{grid-column:1;color:var(--primary);font-size:max(.66rem,10px);font-weight:850;letter-spacing:.09em;text-transform:uppercase}.app-root[data-view=home] .home-today-verse__arabic{grid-column:1 / -1;color:var(--text-quran, var(--text-primary));font-family:var(--font-quran, serif);font-size:clamp(1.25rem,2.3vw,1.75rem);line-height:1.7;text-align:end}.app-root[data-view=home] .home-today-verse__translation{grid-column:1;display:-webkit-box;overflow:hidden;color:var(--text-secondary);font-size:.7rem;font-style:italic;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal}.app-root[data-view=home] .home-today-verse__reference{grid-column:2;display:inline-flex;align-items:center;align-self:end;gap:.3rem;color:var(--primary);font-size:max(.66rem,10px);font-weight:800}.app-root[data-view=home] .home-today-panel__suggestions{display:grid;gap:.25rem;margin-top:.5rem}.app-root[data-view=home] .home-today-suggestion{display:grid;grid-template-columns:2rem minmax(0,1fr) 4.25rem 1.5rem;align-items:center;gap:.5rem;width:100%;min-height:max(2.75rem,44px);border:0;border-radius:.75rem;padding:.3rem .4rem;color:var(--text-primary);text-align:start;background:transparent}.app-root[data-view=home] .home-today-suggestion:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.app-root[data-view=home] .home-today-suggestion__number{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--theme-border));border-radius:50%;color:var(--primary);background:var(--mp-surface-raised);font-size:.68rem;font-weight:850}.app-root[data-view=home] .home-today-suggestion__copy{min-width:0}.app-root[data-view=home] .home-today-suggestion__copy>*{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-root[data-view=home] .home-today-suggestion__copy strong{font-size:.7rem}.app-root[data-view=home] .home-today-suggestion__copy small{margin-top:.08rem;color:var(--text-muted);font-size:max(.66rem,10px)}.app-root[data-view=home] .home-today-suggestion__arabic{overflow:hidden;color:var(--text-secondary);font-size:1.15rem;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.app-root[data-view=home] .home-today-suggestion__arrow{display:grid;width:1.5rem;height:1.5rem;place-items:center;border-radius:50%;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,transparent)}.app-root[data-view=home] .home-content-section{gap:clamp(.75rem,1.4vw,1.1rem)}.app-root[data-view=home] .home-content-toolbar{position:sticky;top:.5rem;padding:.55rem;border-radius:1rem;background:color-mix(in srgb,var(--mp-surface-raised) 92%,transparent);box-shadow:0 10px 28px color-mix(in srgb,#000 7%,transparent)}.app-root[data-view=home] .home-audio-browser{display:flex;align-items:flex-start;gap:.75rem;border:1px solid color-mix(in srgb,var(--theme-border) 88%,transparent);border-radius:1rem;padding:.55rem;background:var(--mp-surface-soft)}.app-root[data-view=home] .home-audio-browser__tabs{display:inline-flex;flex:0 0 auto;gap:.3rem;border-radius:.75rem;padding:.25rem;background:var(--mp-surface-raised)}.app-root[data-view=home] .home-audio-browser__tabs button{display:inline-flex;min-height:2.25rem;align-items:center;gap:.4rem;border:0;border-radius:.6rem;padding:.45rem .7rem;color:var(--text-secondary);background:transparent;font-size:.72rem;font-weight:750}.app-root[data-view=home] .home-audio-browser__tabs button[aria-selected=true]{color:#fff;background:var(--primary)}.app-root[data-view=home] .home-audio-browser__tabs small{display:grid;min-width:1.2rem;height:1.2rem;place-items:center;border-radius:999px;color:inherit;background:color-mix(in srgb,currentColor 12%,transparent);font-size:max(.62rem,10px)}.app-root[data-view=home] .home-audio-browser__filters{min-width:0;flex:1}.app-root[data-view=home] .home-style-filters{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none}.app-root[data-view=home] .home-style-filters::-webkit-scrollbar{display:none}.app-root[data-view=home] .home-style-filter{display:inline-flex;min-height:max(2.25rem,44px);flex:0 0 auto;align-items:center;gap:.35rem;border:1px solid var(--theme-border);border-radius:999px;padding:.4rem .7rem;color:var(--text-secondary);background:var(--mp-surface-raised);font-size:.69rem;font-weight:750}.app-root[data-view=home] .home-style-filter.is-active{border-color:var(--primary);color:#fff;background:var(--primary)}.app-root[data-view=home] .home-style-filter__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding-inline:.22rem;border-radius:999px;background:rgba(var(--primary-rgb, 11, 98, 53),.14);color:var(--primary);font-size:max(.62rem,10px);font-weight:800;font-variant-numeric:tabular-nums}.app-root[data-view=home] .home-style-filter.is-active .home-style-filter__count{background:#fff;color:var(--primary)}html[data-theme=dark] .app-root[data-view=home] .home-style-filter.is-active{color:#062014}html[data-theme=dark] .app-root[data-view=home] .home-style-filter.is-active .home-style-filter__count{background:#062014;color:#fff}.app-root[data-view=home] .home-audio-browser__hint{margin:.35rem 0 0;color:var(--text-muted);font-size:max(.66rem,10px);line-height:1.35}@media(max-width:530px){.app-root[data-view=home] .home-style-filters{-webkit-mask-image:linear-gradient(to right,#000 0 calc(100% - 2rem),transparent 100%);mask-image:linear-gradient(to right,#000 0 calc(100% - 2rem),transparent 100%);scroll-snap-type:x proximity}.app-root[data-view=home] .home-style-filter{scroll-snap-align:start}.app-root[data-view=home][data-dir=rtl] .home-style-filters{-webkit-mask-image:linear-gradient(to left,#000 0 calc(100% - 2rem),transparent 100%);mask-image:linear-gradient(to left,#000 0 calc(100% - 2rem),transparent 100%)}}@media(max-width:820px){.app-root[data-view=home] .home-overview{grid-template-columns:minmax(0,1fr)}.app-root[data-view=home] .home-resume-panel{min-height:28rem}.app-root[data-view=home] .home-today-panel__suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}.app-root[data-view=home] .home-today-suggestion:last-child{grid-column:1 / -1}}@media(max-width:700px){.app-root[data-view=home] .hp-wrapper{gap:.7rem}.app-root[data-view=home] .home-resume-panel{min-height:28rem;padding:1rem}.app-root[data-view=home] .home-resume-panel__body{display:flex;flex-direction:column;padding-block:1.2rem}.app-root[data-view=home] .home-resume-panel h1{max-width:none;font-size:clamp(1.9rem,7vw,2.5rem)}.app-root[data-view=home] .home-resume-panel__target{margin-top:.8rem;padding-inline-start:clamp(.7rem,3vw,1.1rem)}.app-root[data-view=home] .home-resume-panel__library{gap:.32rem;margin-top:auto}.app-root[data-view=home] .home-resume-panel__library>button{min-height:max(2.75rem,44px);padding-inline:.42rem}.app-root[data-view=home] .home-resume-panel__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(7rem,auto)}.app-root[data-view=home] :is(.home-resume-panel__primary,.home-resume-panel__secondary){width:100%;min-width:0;min-height:max(2.75rem,44px);padding-inline:.6rem;font-size:.7rem}.app-root[data-view=home] .home-today-panel{padding:.65rem}.app-root[data-view=home] .home-today-verse{min-height:6.75rem;padding:.7rem}.app-root[data-view=home] .home-today-panel__suggestions{grid-template-columns:minmax(0,1fr)}.app-root[data-view=home] .home-today-suggestion:nth-child(n+4){display:none}.app-root[data-view=home] .home-content-toolbar{top:.25rem;gap:.45rem;padding:.45rem}.app-root[data-view=home] .home-content-toolbar>[role=tablist]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.app-root[data-view=home] .home-content-toolbar>[role=tablist]>button{justify-content:center;min-width:0;padding-inline:.45rem}.app-root[data-view=home] .home-audio-browser{flex-direction:column;align-items:stretch}.app-root[data-view=home] .home-audio-browser__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.app-root[data-view=home] .home-audio-browser__tabs button{justify-content:center}.app-root[data-view=home] .home-audio-browser__hint{display:none}.app-root[data-view=home] .home-style-filters{position:sticky;top:0;z-index:10;padding-block:.1rem;margin-inline:-.25rem;padding-inline:.25rem;background:var(--mp-surface-soft)}}@media(max-width:520px){.app-root[data-view=home] .home-resume-panel__body{display:flex;align-items:stretch;flex-direction:column}.app-root[data-view=home] .home-resume-panel h1{max-width:18ch}.app-root[data-view=home] .home-resume-panel__target{align-items:flex-start;align-self:stretch;gap:.2rem;margin-top:.5rem;padding:0 0 0 clamp(.7rem,3.5vw,1.1rem);text-align:start}.app-root[data-view=home] .home-resume-panel__target-line{justify-content:flex-start}.app-root[data-view=home] .home-resume-panel__target-label{display:block}.app-root[data-view=home] .home-today-verse{grid-template-columns:minmax(0,1fr)}.app-root[data-view=home] .home-today-verse__reference{grid-column:1;align-self:start}}@media(max-width:390px){.app-root[data-view=home] .home-resume-panel__header time{max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-root[data-view=home] .home-today-suggestion__copy small{display:none}.app-root[data-view=home] .home-resume-panel__actions{grid-template-columns:minmax(0,1fr) auto;gap:.4rem}.app-root[data-view=home] :is(.home-resume-panel__primary,.home-resume-panel__secondary){font-size:.82rem;padding-inline:.6rem}.app-root[data-view=home] :is(.home-resume-panel__primary,.home-resume-panel__secondary) svg{display:none}.app-root[data-view=home] .home-resume-panel__brand>span{display:none}.app-root[data-view=home] .home-resume-panel__library>button{padding-inline:.3rem}.app-root[data-view=home] .home-resume-panel__library>button>svg:last-of-type{display:none}.app-root[data-view=home] .home-resume-panel__watermark{max-width:42%;font-size:6.5rem}.app-root[data-view=home] .home-resume-panel h1{max-width:20ch;font-size:clamp(1.15rem,6.2vw,1.45rem);line-height:1.08}.app-root[data-view=home] .home-today-suggestion{grid-template-columns:1.85rem minmax(0,1fr) 3.6rem 1.35rem}}@media(max-width:300px){.app-root[data-view=home] .home-resume-panel__library{gap:.22rem}.app-root[data-view=home] .home-resume-panel__library>button{gap:.25rem;padding-inline:.2rem}}.app-root .audio-player-simple.mp-audio-player--desktop{right:clamp(.8rem,1.8vw,1.5rem)!important;bottom:clamp(.8rem,1.8vw,1.5rem)!important;left:auto!important;top:auto!important;width:min(23.5rem,calc(100vw - 2rem))!important;border-color:color-mix(in srgb,var(--theme-primary) 20%,var(--theme-border) 80%)!important;background:radial-gradient(circle at 12% 0%,rgba(var(--theme-primary-rgb),.11),transparent 42%),color-mix(in srgb,var(--theme-panel-bg-strong) 97%,var(--theme-bg) 3%)!important;box-shadow:0 24px 54px color-mix(in srgb,var(--theme-bg) 26%,transparent 74%),inset 0 1px #ffffff14!important}.app-root .audio-player-simple.mp-audio-player--desktop.simple-player--compact{width:min(21rem,calc(100vw - 2rem))!important}.app-root .audio-player-simple .simple-player__header{cursor:default!important;touch-action:auto!important;user-select:auto!important}.app-root .audio-player-simple .simple-player__header{min-height:3.15rem;padding:.55rem .62rem .42rem .95rem}.app-root .audio-player-simple .simple-player__header-label{color:color-mix(in srgb,var(--theme-primary) 65%,var(--theme-text) 35%)!important;font-size:.62rem!important;font-weight:820!important;letter-spacing:.14em!important;text-transform:uppercase}.app-root .audio-player-simple .simple-player__track{grid-template-columns:3.35rem minmax(0,1fr)!important;gap:.8rem!important;padding:.85rem 1rem .7rem!important}.app-root .audio-player-simple .simple-player__title{font-size:.98rem!important;letter-spacing:-.02em}.app-root .audio-player-simple .simple-player__reciter{margin-top:.14rem;color:var(--theme-text-muted)!important;font-size:.72rem!important}.app-root .audio-player-simple .simple-player__timeline{padding-inline:1rem!important}.app-root .audio-player-simple .simple-player__progress{height:.38rem!important;min-height:.38rem!important;outline-offset:4px}.app-root .audio-player-simple .simple-player__progress:focus-visible{outline:2px solid color-mix(in srgb,var(--theme-primary) 60%,white 40%)!important}.app-root .audio-player-simple .simple-player__compact-row{min-height:4.15rem!important;padding:.38rem .5rem .42rem .65rem!important}.app-root .audio-player-simple .simple-player__compact-meta small,.app-root .audio-player-simple .simple-player__mobile-meta small{display:none!important}.app-root .audio-player-simple .simple-player__icon-button,.app-root .audio-player-simple .simple-player__speed{border-color:transparent!important;background:color-mix(in srgb,var(--theme-panel-bg) 82%,transparent 18%)!important}.app-root .audio-player-simple .simple-player__icon-button:hover,.app-root .audio-player-simple .simple-player__speed:hover{border-color:color-mix(in srgb,var(--theme-primary) 24%,transparent 76%)!important;background:color-mix(in srgb,var(--theme-primary) 11%,var(--theme-panel-bg) 89%)!important}.app-root .audio-player-simple .simple-player__play{box-shadow:0 10px 24px rgba(var(--theme-primary-rgb),.26),inset 0 1px #ffffff38!important}html body>.audio-player-modal--simple .audio-settings-intro{display:grid;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:.65rem;margin-bottom:.7rem;padding:.7rem .75rem;border:1px solid color-mix(in srgb,var(--theme-primary) 22%,var(--theme-border) 78%);border-radius:.95rem;background:color-mix(in srgb,var(--theme-primary) 8%,var(--theme-panel-bg-strong) 92%)}html body>.audio-player-modal--simple .audio-settings-intro__icon{display:inline-flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:.72rem;background:var(--theme-primary);color:#fff}html body>.audio-player-modal--simple .audio-settings-intro strong,html body>.audio-player-modal--simple .audio-settings-intro small{display:block}html body>.audio-player-modal--simple .audio-settings-intro strong{color:var(--theme-text);font-size:.78rem}html body>.audio-player-modal--simple .audio-settings-intro small{margin-top:.12rem;color:var(--theme-text-muted);font-size:.62rem;line-height:1.4}@media(max-width:1024px){.app-root .audio-player-simple.mp-audio-player--mobile.mp-audio-player--dock{padding-bottom:max(.35rem,env(safe-area-inset-bottom))!important;border-color:color-mix(in srgb,var(--theme-primary) 20%,var(--theme-border) 80%)!important;background:linear-gradient(110deg,rgba(var(--theme-primary-rgb),.09),transparent 48%),color-mix(in srgb,var(--theme-panel-bg-strong) 98%,var(--theme-bg) 2%)!important}.app-root .audio-player-simple.simple-player--mobile-open .simple-player__mobile-summary{padding-inline:.7rem .45rem!important}.app-root .audio-player-simple.simple-player--mobile-open .simple-player__timeline{padding-inline:.75rem!important}}@media(max-width:480px){html body>.audio-player-modal--simple .audio-settings-intro{margin-bottom:.55rem}html body>.audio-player-modal--simple .audio-reciter-options__item{grid-template-columns:2.75rem minmax(0,1fr) 1.4rem!important;min-height:4rem!important;padding:.48rem .55rem!important}html body>.audio-player-modal--simple .audio-reciter-options__photo{width:2.75rem!important;height:2.75rem!important}}.tafsir-error-text{color:#9f1239}html[data-theme=dark] .tafsir-error-text,html.dark .tafsir-error-text{color:#fecdd3}.app-root.immersive-mode>.mp-header{margin-bottom:calc(-1 * var(--header-h, 64px));transform:translateY(-105%);opacity:0;pointer-events:none}html body .app-root.immersive-mode .mp-audio-player.mp-audio-player{transform:translateY(calc(100% + 2rem))!important;opacity:0!important;pointer-events:none!important}.pwa-update-banner,.install-prompt{bottom:calc(var(--space-5) + var(--player-h, 0px) + env(safe-area-inset-bottom,0px))}body:has(.pwa-update-banner) .install-prompt{bottom:calc(var(--space-5) + var(--player-h, 0px) + env(safe-area-inset-bottom,0px) + 4.5rem)}@media(max-width:360px){.app-root[data-view=home] .home-resume-panel{min-height:0}.app-root[data-view=home] .home-resume-panel__body{padding-block:.65rem}.app-root[data-view=home] .home-resume-panel__library{margin-top:.7rem}}html[data-theme=light] .hp-card-type--meccan{color:#6f4f0f}html[data-theme=dark] .library-modal__header p:not(.library-modal__lede),html[data-theme=dark] .library-tabs button.is-active{color:#58cc93}.app-root{--mobile-nav-h: 0px}.mobile-navigation,.compact-menu-trigger{display:none}@media(max-width:1024px){html{--header-h: 0px !important}html body .app-root>.mp-header,html body .app-root>.app-header-loading{display:none!important}.app-root{--mobile-nav-h: calc(64px + env(safe-area-inset-bottom, 0px)) }.app-root.immersive-mode{--mobile-nav-h: 0px}html body .app-root .mobile-navigation{position:fixed;inset:auto 0 0;z-index:var(--z-dock);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--mobile-nav-h);padding:4px max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom,0px) max(4px,env(safe-area-inset-left));border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-card) 94%,transparent);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 -6px 20px -12px #00000038}html body .app-root .mobile-navigation{border-top:0;border-radius:22px 22px 0 0;background:color-mix(in srgb,var(--bg-card) 92%,transparent);box-shadow:0 -1px color-mix(in srgb,var(--border) 80%,transparent),0 -14px 32px -14px #00000052;gap:2px}html body .app-root .mobile-navigation__item{gap:2px}html body .app-root .mobile-navigation__icon{width:64px;height:32px}html body .app-root .mobile-navigation__item:not([aria-current=page]):not([aria-expanded=true]){color:var(--text-secondary)}html body .app-root .mobile-navigation__item[aria-current=page] .mobile-navigation__icon{background:color-mix(in srgb,var(--primary) 22%,var(--bg-card))}html body .app-root .mobile-navigation__item[aria-current=page] .mobile-navigation__icon svg{stroke-width:2.3}html body .app-root .mobile-navigation__label{font-size:11.5px;letter-spacing:.01em}html body .app-root .mobile-navigation__item[aria-current=page] .mobile-navigation__label{font-weight:800;color:var(--primary)}html body .app-root .mobile-navigation{transition:transform .22s ease,visibility 0s linear 0s}.app-root.nav-away{--mobile-nav-h: 0px}html body .app-root.nav-away .mobile-navigation{height:calc(64px + env(safe-area-inset-bottom,0px));transform:translateY(100%);visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility 0s linear .22s}@media(prefers-reduced-motion:reduce){html body .app-root .mobile-navigation,html body .app-root.nav-away .mobile-navigation{transition:none}}html body .app-root.immersive-mode .mobile-navigation,html body .app-root.immersive-mode .compact-menu-trigger{display:none!important}.compact-menu-trigger{position:fixed;top:calc(.65rem + env(safe-area-inset-top,0px));inset-inline-start:.65rem;z-index:calc(var(--z-dock) + 1);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:.85rem;background:color-mix(in srgb,var(--bg-card) 88%,var(--primary) 5%);color:var(--text-primary);box-shadow:0 2px 10px #0000001f;cursor:pointer;transition:background-color .16s ease,transform .16s ease}@media(hover:hover)and (pointer:fine){.compact-menu-trigger:hover{background:color-mix(in srgb,var(--primary) 10%,var(--bg-card) 90%);border-color:color-mix(in srgb,var(--primary) 34%,var(--border) 66%)}}.compact-menu-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 75%,#fff);outline-offset:2px}.compact-menu-trigger:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){.compact-menu-trigger{transition:none}}html body #root .app-root.immersive-mode .mp-audio-player.mp-audio-player{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.mobile-navigation-menu__riwaya{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:2px 2px 6px;padding:3px;border-radius:999px;background:var(--bg-secondary)}.mobile-navigation-menu__riwaya button{min-height:44px;min-width:44px;border:0;border-radius:999px;color:var(--text-secondary);background:transparent;font-size:.95rem;font-weight:600;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.mobile-navigation-menu__riwaya button[aria-pressed=true]{color:var(--primary);background:var(--bg-card);box-shadow:0 1px 3px #00000024,0 0 0 1px color-mix(in srgb,var(--primary) 28%,transparent);font-weight:700}.mobile-navigation-menu__riwaya button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}html body .app-root .mobile-navigation__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:44px;min-height:44px;padding:0 2px;border:0;border-radius:var(--ux-radius-control, .75rem);background:transparent;color:var(--text-secondary);transition:color .16s ease}.mobile-navigation__icon{display:grid;place-items:center;width:56px;height:30px;border-radius:999px;transition:background-color .2s ease,transform .16s ease}.mobile-navigation__item:active .mobile-navigation__icon{transform:scale(.92)}.mobile-navigation__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;font-weight:600}.mobile-navigation__item[aria-current=page] .mobile-navigation__label{font-weight:800}html body #root#root .mobile-navigation__icon svg{width:20px!important;height:20px!important;min-width:20px;max-width:20px!important;max-height:20px!important;transform:none!important}html body .app-root .mobile-navigation__item:is([aria-current=page],[aria-expanded=true]){color:var(--primary)}.mobile-navigation__item[aria-current=page] .mobile-navigation__icon{background:color-mix(in srgb,var(--primary) 18%,var(--bg-card))}.mobile-navigation__item[aria-expanded=true] .mobile-navigation__icon{background:color-mix(in srgb,var(--primary) 10%,var(--bg-card))}@media(prefers-reduced-motion:reduce){.mobile-navigation__icon,.mobile-navigation__item,.mobile-navigation-menu__riwaya button{transition:none}.mobile-navigation__item:active .mobile-navigation__icon{transform:none}}.mobile-navigation__item:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.app-root[data-view=home][data-home-section=audio] .home-overview{display:none}html body .app-root[data-view=home][data-home-section=audio] .home-content-toolbar>[role=tablist]{display:none!important}html body .app-root[data-view=home][data-home-section=audio] .app-main--home{background:var(--bg-card)}html body .app-root[data-view=home][data-home-section=audio] .app-view-home:before{display:none}html body .app-root[data-view=home][data-home-section=audio] .home-content-zone{margin-top:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.home-collection-heading .home-audio-title{margin:.35rem 0 0;color:var(--text-primary);font-size:clamp(1.15rem,1rem + .8vw,1.5rem);font-weight:800;line-height:1.15}}.mobile-navigation-menu{width:min(18rem,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow-y:auto;padding:8px;border-radius:1.25rem;box-shadow:0 18px 44px -12px #00000052,0 2px 8px #0000001a}.mobile-navigation-menu__divider{height:1px;margin:4px 10px;background:var(--border)}.mobile-navigation-menu .mobile-navigation-menu__item{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:48px;padding:6px 10px;border:0;border-radius:.9rem;background:transparent;color:var(--text-primary);font-size:.97rem;font-weight:600;text-align:start}.mobile-navigation-menu__item>svg{flex-shrink:0;box-sizing:content-box;padding:8px;border-radius:.7rem;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--bg-card))}.mobile-navigation-menu__item:focus-visible{background:var(--bg-secondary);outline:2px solid var(--primary);outline-offset:-2px}html body .app-root .mp-header__bar{background:var(--bg-card);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--border);box-shadow:none}html body .app-root .mp-header__bar :is(.mp-header__icon-btn,.mp-header__more,.mp-header__search,.mp-header__action,.mp-header__nav-arrow,.mp-header__brand){border-color:transparent;border-radius:var(--ux-radius-control, .75rem);background:transparent;box-shadow:none}html body .app-root .mp-header__bar :is(.mp-header__icon-btn,.mp-header__more,.mp-header__search,.mp-header__action,.mp-header__nav-arrow,.mp-header__brand):hover,html body .app-root .mp-header__bar :is(.mp-header__icon-btn,.mp-header__more,.mp-header__search,.mp-header__action,.mp-header__nav-arrow,.mp-header__brand):focus-visible{background:var(--reader-card-hover, rgba(var(--primary-rgb), .07))}html body .app-root .mp-header__bar .mp-header__icon-btn.is-active{background:var(--reader-active, rgba(var(--primary-rgb), .12));color:var(--primary)}html body .app-root .mp-header__bar :is(.mp-header__riwaya-toggle,.mp-header__title-btn){border-color:transparent;border-radius:var(--ux-radius-control, .75rem);background:var(--bg-secondary);box-shadow:none}html body .app-root .mp-header__bar :is(.mp-header__riwaya-toggle,.mp-header__title-btn):hover,html body .app-root .mp-header__bar :is(.mp-header__riwaya-toggle,.mp-header__title-btn):focus-visible{background:var(--reader-card-hover, rgba(var(--primary-rgb), .09))}html body .app-root .quran-display.quran-display--platform{border-color:var(--border)!important;box-shadow:none!important;padding-top:clamp(.5rem,.8vw,.75rem)}html body .app-root .app-view-shell{padding-top:clamp(.35rem,.6vw,.6rem)}html body .app-root .mp-audio-player.audio-player-simple{border:1px solid var(--border)!important;border-radius:1rem!important;background:var(--bg-card)!important;box-shadow:0 1px 2px #0000000f,0 8px 24px #00000014!important}html body .app-root .hp-card{border:1px solid var(--border);box-shadow:none}html body .app-root .hp-card:hover{box-shadow:0 1px 2px #0000000f}@media(min-width:768px){html body .app-root .hp-card--surah{min-height:88px}}html body #root .app-root .quran-display.quran-display--platform,html body #root .app-root[data-view=reading] .quran-display.quran-display--platform{border:0!important;border-radius:0!important;box-shadow:none!important;padding-inline:clamp(.75rem,2vw,1.5rem)!important}html body #root .app-root .app-view-shell,html body #root .app-root[data-view=reading] .app-view-shell,html body #root .app-root .app-main-shell,html body #root .app-root .app-layout-shell{padding-inline:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}html body #root .app-root .quran-display--platform .rd-wrapper,html body #root .app-root .quran-display--platform .quran-mode-pane,html body #root .app-root .app-view-reading{border-radius:0!important;box-shadow:none!important}html body .app-root[data-view=reading] .quran-display--platform .quran-mode-pane--mushaf .reader-control-deck,html body .app-root[data-view=reading] .quran-display--platform .quran-mode-pane--mushaf .qc-surah-header-wrap{width:100%!important;max-width:none!important}html body #root .app-root .mp-audio-player.audio-player-simple[data-player-state=compact],html body #root .app-root .mp-audio-player.mp-audio-player--desktop[data-player-state=compact],html body #root .app-root .mp-audio-player.mp-audio-player--desktop.is-minimized[data-player-state=compact]{inset:auto max(.5rem,env(safe-area-inset-right)) calc(var(--mobile-nav-h, 0px) + max(.5rem,env(safe-area-inset-bottom))) max(.5rem,env(safe-area-inset-left))!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;transform-origin:bottom center}html body #root .app-root .mp-audio-player .simple-player__compact-row,html body #root .app-root .mp-audio-player .simple-player__timeline{width:min(100%,72rem);margin-inline:auto}html body #root .app-root .mp-audio-player,html body #root .app-root .mp-audio-player.audio-player-simple,html body #root .app-root .mp-audio-player--desktop,html body #root .app-root .mp-audio-player--mobile.mp-audio-player--dock{animation:none!important}html body #root .app-root .app-view-shell.app-view-reading:before,html body #root .app-root .app-view-shell.app-view-reading:after{display:none!important}html body #root .app-root[data-view=reading] .quran-display.quran-display--platform{width:100%!important;max-width:none!important}html body #root .app-root.immersive-mode.immersive-keep-player .mp-audio-player.mp-audio-player{transform:none!important;opacity:1!important;pointer-events:auto!important}html body #root .app-root .app-main-shell{overflow-anchor:none}html body #root .app-root .audio-player-simple.simple-player--mobile-open{inset:auto max(.5rem,env(safe-area-inset-right)) calc(var(--mobile-nav-h, 0px) + max(.5rem,env(safe-area-inset-bottom))) max(.5rem,env(safe-area-inset-left))!important;width:auto!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}html body #root .app-root.nav-away .audio-player-simple.simple-player,html body #root .app-root.immersive-mode .audio-player-simple.simple-player{bottom:max(.5rem,env(safe-area-inset-bottom))!important}