@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2"),url(/assets/amiri-quran-arabic-400-normal-CZ144KtP.woff)format("woff")}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/aref-ruqaa-latin-700-normal-DsYZho2f.woff2)format("woff2"),url(/assets/aref-ruqaa-latin-700-normal-CBkzp2t9.woff)format("woff")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-naskh-arabic-arabic-400-normal-U_i0HMfG.woff2)format("woff2"),url(/assets/noto-naskh-arabic-arabic-400-normal-1AoZhAAW.woff)format("woff")}@font-face{font-family:Scheherazade New;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/scheherazade-new-arabic-400-normal-BQFftFrr.woff2)format("woff2"),url(/assets/scheherazade-new-arabic-400-normal-BusZfw6j.woff)format("woff")}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight: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-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--spacing:.25rem;--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:calc(1.5 / 1);--font-weight-normal:400;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:var(--spacing)}.flex{display:flex}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-px{height:1px}.max-h-\(--available-height\){max-height:var(--available-height)}.w-\(--anchor-width\){width:var(--anchor-width)}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-36{min-width:calc(var(--spacing) * 36)}.flex-1{flex:1}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.cursor-default{cursor:default}.scroll-my-1{scroll-margin-block:var(--spacing)}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[14px\]{border-radius:14px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-input{border-color:var(--input)}.bg-border{background-color:var(--line)}.bg-popover{background-color:var(--surface)}.bg-transparent{background-color:#0000}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4\.5{padding-left:calc(var(--spacing) * 4.5)}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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))}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-muted-foreground{color:var(--muted)}.text-popover-foreground{color:var(--ink)}.shadow-md{--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)}.ring-1{--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)}.ring-foreground\/10{--tw-ring-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--ink) 10%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.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))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.focus\:bg-accent:focus{background-color:var(--accent-soft)}.focus\:text-accent-foreground:focus,:is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--ink)}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(3px + 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-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(3px + 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)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-closed\:animate-out[data-closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0[data-closed]{--tw-exit-opacity:0}.data-closed\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-open\:animate-in[data-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0[data-open]{--tw-enter-opacity:0}.data-open\:zoom-in-95[data-open]{--tw-enter-scale:.95}.data-placeholder\:text-muted-foreground[data-placeholder]{color:var(--muted)}.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=inline-end\]\:slide-in-from-left-2[data-side=inline-end]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=inline-start\]\:slide-in-from-right-2[data-side=inline-start],.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-8[data-size=default]{height:calc(var(--spacing) * 8)}.data-\[size\=default\]\:h-11[data-size=default]{height:calc(var(--spacing) * 11)}.data-\[size\=sm\]\:h-7[data-size=sm]{height:calc(var(--spacing) * 7)}.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md), 10px)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value]{gap:calc(var(--spacing) * 1.5)}.dark\:bg-input\/30:where([data-theme=dark],[data-theme=dark] *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (prefers-color-scheme:dark){.dark\:bg-input\/30:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}}@media (hover:hover){.dark\:hover\:bg-input\/50:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:where([data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}}@media (prefers-color-scheme:dark){@media (hover:hover){.dark\:hover\:bg-input\/50:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}}}.dark\:aria-invalid\:border-destructive\/50:where([data-theme=dark],[data-theme=dark] *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:where([data-theme=dark],[data-theme=dark] *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}@media (prefers-color-scheme:dark){.dark\:aria-invalid\:border-destructive\/50:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}}.dark\:aria-invalid\:ring-destructive\/40:where([data-theme=dark],[data-theme=dark] *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:where([data-theme=dark],[data-theme=dark] *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}@media (prefers-color-scheme:dark){.dark\:aria-invalid\:ring-destructive\/40:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{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-duration{syntax:"*";inherits:false}@keyframes enter{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));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{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));filter:blur(var(--tw-exit-blur,0))}}:root{--bg:#f7f3ea;--surface:#fffdf8;--ink:#1e2a26;--muted:#5f6b65;--line:#e2dccd;--accent:#14503f;--accent-ink:#fff;--accent-soft:#e0ebe4;--gold:#8a6a1f;--highlight:#f6edd2;--input:#e2dccd;--ring:#5f6b65;--destructive:oklch(57.7% .245 27.325);--shadow:0 8px 28px #1e2a2624;--ui:"Inter Variable", system-ui, sans-serif;--radius-control:999px;--radius-card:20px;--tab-bar-space:calc(82px + env(safe-area-inset-bottom));--quran:"Amiri Quran", "Noto Naskh Arabic", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:oklch(14.5% 0 0);--surface:oklch(20.5% 0 0);--ink:oklch(98.5% 0 0);--muted:oklch(70.8% 0 0);--line:oklch(100% 0 0/.1);--accent:oklch(92.2% 0 0);--accent-ink:oklch(20.5% 0 0);--accent-soft:oklch(26.9% 0 0);--gold:#dfbd6d;--highlight:oklch(26.9% 0 0);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--destructive:oklch(70.4% .191 22.216);--shadow:0 8px 28px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:oklch(14.5% 0 0);--surface:oklch(20.5% 0 0);--ink:oklch(98.5% 0 0);--muted:oklch(70.8% 0 0);--line:oklch(100% 0 0/.1);--accent:oklch(92.2% 0 0);--accent-ink:oklch(20.5% 0 0);--accent-soft:oklch(26.9% 0 0);--gold:#dfbd6d;--highlight:oklch(26.9% 0 0);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--destructive:oklch(70.4% .191 22.216);--shadow:0 8px 28px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:400 1rem/1.5 var(--ui);-webkit-text-size-adjust:100%;margin:0}h1,h2,p{margin:0}a{color:var(--accent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex:none;width:22px;height:22px;display:block}.page{width:min(100%,720px);padding:16px 16px calc(24px + var(--tab-bar-space));margin-inline:auto}.topbar{z-index:5;min-height:56px;padding:6px max(12px,50% - 348px);padding-top:calc(6px + env(safe-area-inset-top));grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:8px;display:grid;position:sticky;top:0}.topbar:before{z-index:-1;background:linear-gradient(var(--bg) 35%, color-mix(in oklab, var(--bg) 65%, transparent) 70%, transparent);content:"";pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;inset:0 0 -20px;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.topbar>:first-child{justify-self:start}.topbar>:last-child:not(h1){grid-column:3;justify-self:end}.topbar h1{min-width:0;color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;font-weight:600;overflow:hidden}.topbar .topbar-surah{overflow:visible}.topbar-surah{transition:opacity .18s}.topbar-surah.is-in-card{opacity:0}.topbar-surah span{font:400 1.125rem/1.55 var(--quran);display:block}.topbar-surah small{color:var(--muted);text-overflow:ellipsis;font-size:.75rem;font-weight:500;line-height:1.2;display:block;overflow:hidden}.surah-reader{--tab-bar-space:env(safe-area-inset-bottom,0px)}.today-hero{background:linear-gradient(165deg, color-mix(in oklab, var(--gold) 20%, var(--surface)), var(--surface) 80%);border-radius:24px;margin-bottom:14px;padding:10px 16px 16px}.today-hero-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.today-location{border-radius:var(--radius-control);min-width:0;min-height:44px;color:var(--ink);flex:0 auto;align-items:center;gap:5px;margin-inline-start:-6px;padding-inline:8px 6px;font-size:1.0625rem;text-decoration:none;display:inline-flex}.today-location .dhivehi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.today-location .icon{width:16px;height:16px;color:var(--muted);flex:none}@media (hover:hover){.today-location:hover{background:color-mix(in oklab, var(--ink) 7%, transparent)}}.today-hero-date{color:var(--muted);flex:none;font-size:.875rem;font-weight:500}.today-hero-next{text-align:center;padding-block:10px 14px}.today-hero-eyebrow{color:var(--muted);font-size:.8125rem;font-weight:600}.today-hero-row{justify-content:center;align-items:baseline;gap:10px;margin-block:2px 10px;display:flex}.today-hero-row strong{letter-spacing:-.02em;font-size:2.25rem;font-weight:700;line-height:1.15}.today-hero-time{color:var(--gold);font-variant-numeric:tabular-nums}.today-hero-time small{color:var(--muted);letter-spacing:0;font-size:.875rem;font-weight:500}.today-hero-countdown{border-radius:var(--radius-control);background:color-mix(in oklab, var(--ink) 7%, transparent);font-variant-numeric:tabular-nums;padding:6px 14px;font-size:.9375rem;font-weight:600;line-height:1.2;display:inline-block}.sky-arc{width:100%;max-width:420px;height:auto;margin:0 auto;display:block;overflow:visible}.sky-arc-horizon{stroke:var(--line);stroke-width:1.5px}.sky-arc-track,.sky-arc-progress{fill:none;stroke-linecap:round}.sky-arc-track{stroke:var(--input);stroke-dasharray:2 6;stroke-width:2px}.sky-arc-progress{stroke:var(--gold);stroke-width:3px}.sky-arc.is-night .sky-arc-progress{stroke:var(--muted)}.sky-arc-glow{fill:color-mix(in oklab, var(--gold) 28%, transparent)}.sky-arc-sun{fill:var(--gold)}.sky-arc-moon{fill:var(--ink)}.sky-arc-label{fill:var(--muted);font:500 11px var(--ui);font-variant-numeric:tabular-nums}.today-list{border-radius:var(--radius-card);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.today-row{align-items:center;gap:12px;min-height:60px;padding:8px 16px 8px 12px;display:flex;position:relative}.today-row+.today-row:before{background:var(--line);content:"";height:1px;position:absolute;top:0;left:60px;right:0}.today-row-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--ink);border-radius:11px;flex:none;place-items:center;display:grid}.today-row-icon .icon{width:20px;height:20px}.today-row-names{flex:1;min-width:0;display:grid}.today-row-name{font-weight:550;line-height:1.3}.today-row-label{color:var(--muted);justify-self:start;font-size:.875rem;line-height:1.5}.today-row-time{font-variant-numeric:tabular-nums;flex:none;font-size:1.0625rem;font-weight:550}.today-row-status{border-radius:var(--radius-control);background:color-mix(in oklab, var(--gold) 22%, transparent);color:var(--gold);white-space:nowrap;flex:none;padding:3px 9px;font-size:.75rem;font-weight:650}.today-row.is-past .today-row-name,.today-row.is-past .today-row-time,.today-row.is-past .today-row-icon{color:var(--muted)}.today-row.is-now .today-row-icon,.today-row.is-next .today-row-icon{background:color-mix(in oklab, var(--gold) 22%, transparent);color:var(--gold)}.tab-bar-wrap{z-index:7;padding:24px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent, color-mix(in oklab, var(--bg) 85%, transparent) 55%);pointer-events:none;justify-content:center;display:flex;position:fixed;inset:auto 0 0}.tab-bar{grid-template-columns:repeat(var(--tab-count), minmax(0, 1fr));border:1px solid var(--input);background:color-mix(in oklab, var(--surface) 72%, transparent);width:min(100%,440px);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0f;pointer-events:auto;-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border-radius:32px;padding:5px;display:grid;position:relative}.tab-bar-indicator{inset-block:5px;width:calc((100% - 10px) / var(--tab-count));background:var(--accent-soft);transform:translateX(calc(var(--tab-active) * 100%));border-radius:26px;transition:transform .34s cubic-bezier(.3,1.25,.5,1);position:absolute;left:5px}@media (prefers-reduced-motion:reduce){.tab-bar-indicator{transition:none}}.tab-bar-item{min-width:0;min-height:52px;color:var(--muted);-webkit-tap-highlight-color:transparent;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding-inline:2px;font-size:.6875rem;font-weight:550;line-height:1.2;text-decoration:none;transition:color .2s;display:flex;position:relative}.tab-bar-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tab-bar-item[aria-current=page]{color:var(--accent)}@media (hover:hover){.tab-bar-item:not([aria-current=page]):hover{color:var(--ink)}}.topbar .icon-button,.home-header .icon-button{border:1px solid var(--input);background:color-mix(in oklab, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink);box-shadow:inset 0 1px #ffffff0f}.icon-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}@media (hover:hover){.icon-button:hover{background:var(--accent-soft);color:var(--accent)}}.icon-button.active{color:var(--gold)}.button{border-radius:var(--radius-control);background:var(--accent);min-height:44px;color:var(--accent-ink);cursor:pointer;border:0;padding:10px 22px;font-weight:600;text-decoration:none;display:inline-block}.button.ghost{border:1px solid var(--line);width:100%;color:var(--accent);background:0 0;margin-block:12px;padding-block:9px;display:block}.input{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);width:100%;min-height:44px;padding:9px 18px;font-size:1rem}.search-field{display:block;position:relative}.search-field .icon{width:18px;height:18px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-field .input{background:var(--accent-soft);appearance:none;border-color:#0000;padding-inline:40px 16px}.search-field .input::placeholder{color:var(--muted)}.message{text-align:center;padding:40px 16px}.message h1,.message h2{font-size:1.25rem}.message p{color:var(--muted);margin-block:8px 16px}.notice{background:var(--highlight);border-radius:14px;margin-top:16px;padding:12px 14px;font-size:.875rem}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:40px auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.home-header{justify-content:space-between;align-items:center;padding-block:4px;display:flex}.home-header h1{color:var(--ink);font:700 1.625rem/1.2 "Aref Ruqaa", var(--ui);align-items:center;gap:10px;display:flex}.home-wordmark{position:relative;top:-2px}.home-clock{text-align:center;padding-block:4px 12px}.home-date,.home-zone{color:var(--muted);font-size:.9375rem}.home-date{font-weight:550}.home-time{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin-block:2px 4px;font-size:2.75rem;font-weight:600;line-height:1.1;display:block}.home-zone{font-size:.875rem}.home-zone .dhivehi{unicode-bidi:isolate;font-size:1.0625rem}.prayer-clock{width:min(100%,290px);color:var(--ink);-webkit-tap-highlight-color:transparent;border-radius:50%;margin:0 auto;text-decoration:none;display:block;position:relative}.prayer-clock svg{width:100%;height:auto;display:block;overflow:visible}.prayer-clock-tick{stroke:var(--input);stroke-width:1px;stroke-linecap:round}.prayer-clock-tick.major{stroke:var(--muted);stroke-width:1.5px}.prayer-clock-track,.prayer-clock-arc{fill:none;stroke-width:11px}.prayer-clock-track{stroke:var(--accent-soft)}.prayer-clock-arc{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.prayer-clock-marker{transform-box:view-box;transform-origin:100px 100px;transition:transform 1s linear}.prayer-clock-marker circle{fill:var(--bg);stroke:var(--accent);stroke-width:3.5px;transition:stroke .3s}@media (prefers-reduced-motion:reduce){.prayer-clock-arc,.prayer-clock-marker{transition:none}}.prayer-clock.is-soon .prayer-clock-arc,.prayer-clock.is-soon .prayer-clock-marker circle{stroke:var(--gold)}.prayer-clock-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:22%}.prayer-clock-name{font-size:1.25rem;font-weight:650;line-height:1.2}.prayer-clock-remaining{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:2.75rem;font-weight:600;line-height:1.1}.prayer-clock.is-soon .prayer-clock-remaining{color:var(--gold)}.prayer-clock-at{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem}.next-prayer{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);color:var(--muted);text-align:center;justify-items:center;padding:18px 20px;display:grid}.next-prayer .button{width:auto;margin-block:10px 0}.home-prayers{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.home-prayers li{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink);border-radius:18px;justify-items:center;gap:8px;padding:12px 2px;font-size:.75rem;font-weight:550;display:grid}.home-prayers .icon{width:22px;height:22px;color:var(--gold)}.home-prayers time{font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:650}.home-prayers .is-past,.home-prayers .is-past .icon{color:var(--muted)}.home-prayers .is-now{background:var(--accent-soft)}.home-prayers .is-next,.home-prayers .is-next .icon{color:var(--accent-ink)}.home-prayers .is-next{border-color:var(--accent);background:var(--accent)}.home-continue{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);color:var(--ink);align-items:center;gap:12px;margin-top:12px;padding:12px 14px;text-decoration:none;display:flex}.home-continue>.icon{color:var(--muted);flex:none}.home-continue-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.home-continue-text{flex:1;min-width:0}.home-continue-text small,.home-continue-text strong{display:block}.home-continue-text small{color:var(--muted);font-size:.8125rem}.home-continue-text strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.continue{border-radius:var(--radius-card);background:var(--accent);color:var(--accent-ink);gap:2px;margin-block:12px;padding:16px 18px;text-decoration:none;display:grid}.continue strong{font:600 1.375rem/1.25 var(--ui)}.continue span:last-child{justify-content:space-between;align-items:center;display:flex}.eyebrow{opacity:.85;font-size:.8125rem;font-weight:600}.surah-list{margin:12px 0 0;padding:0;list-style:none}.surah-list li+li{border-top:1px solid var(--line)}.surah-list a{color:inherit;align-items:center;gap:12px;padding:12px 4px;text-decoration:none;display:flex}.surah-list a:hover strong{color:var(--accent)}.surah-number{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:10px;flex:none;place-items:center;font-size:.875rem;font-weight:650;display:grid}.surah-name{flex:1;min-width:0}.surah-name strong,.surah-name small{display:block}.surah-name small{color:var(--muted);font-size:.8125rem}.surah-arabic{font:1.375rem/1.6 var(--quran);flex:none}.surah-card{background:linear-gradient(165deg, color-mix(in oklab, var(--gold) 20%, var(--surface)), var(--surface) 75%);text-align:center;border-radius:24px;margin-bottom:16px;padding:20px 20px 32px;position:relative;overflow:hidden}.surah-card-place{background:var(--gold);opacity:.8;width:44px;height:44px;position:absolute;bottom:10px;right:12px}.surah-card-place.is-makkah{-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='%23000'%3e%3cpath%20d='M7%2019%2030%2011.500%2057%2019%2034%2027z'/%3e%3cpath%20d='M7%2021.500%2033%2029.500v6L7%2027.500zM35%2029.500%2057%2021.500v6L35%2035.500z'%20opacity='.55'/%3e%3cpath%20d='M7%2030%2033%2038v20L7%2050z'/%3e%3cpath%20fill-rule='evenodd'%20d='M35%2038%2057%2030v20l-22%208zM41%2042.500v13l9-3.300v-13z'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='%23000'%3e%3cpath%20d='M7%2019%2030%2011.500%2057%2019%2034%2027z'/%3e%3cpath%20d='M7%2021.500%2033%2029.500v6L7%2027.500zM35%2029.500%2057%2021.500v6L35%2035.500z'%20opacity='.55'/%3e%3cpath%20d='M7%2030%2033%2038v20L7%2050z'/%3e%3cpath%20fill-rule='evenodd'%20d='M35%2038%2057%2030v20l-22%208zM41%2042.500v13l9-3.300v-13z'/%3e%3c/svg%3e") 50%/contain no-repeat}.surah-card-place.is-madinah{-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='%23000'%3e%3cpath%20d='M31%209.500h2v5h-2z'/%3e%3cpath%20d='M32%2014c.8%204.300%203.200%206.400%205.700%208.800%202.400%202.300%204.300%205%204.300%209.200H22c0-4.200%201.900-6.900%204.300-9.200%202.500-2.400%204.900-4.500%205.700-8.800z'/%3e%3cpath%20d='M20%2034h24v3.500H20z'/%3e%3cpath%20fill-rule='evenodd'%20d='M15%2039.500h34V58H15zM27%2058h10V49.500c0-2.800-2.200-5-5-5s-5%202.200-5%205zM19%2047v5h4v-5c0-1.100-.9-2-2-2s-2%20.9-2%202zM41%2047v5h4v-5c0-1.100-.9-2-2-2s-2%20.9-2%202z'/%3e%3cpath%20d='M6.500%2058V24.500L8.500%2018l2%206.500V58zM53.500%2058V24.500l2-6.500%202%206.500V58z'/%3e%3cpath%20d='M5%2030h7v2.500H5zM52%2030h7v2.500h-7z'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='%23000'%3e%3cpath%20d='M31%209.500h2v5h-2z'/%3e%3cpath%20d='M32%2014c.8%204.300%203.200%206.400%205.700%208.800%202.400%202.300%204.300%205%204.300%209.200H22c0-4.200%201.900-6.900%204.300-9.200%202.500-2.400%204.900-4.500%205.700-8.800z'/%3e%3cpath%20d='M20%2034h24v3.500H20z'/%3e%3cpath%20fill-rule='evenodd'%20d='M15%2039.500h34V58H15zM27%2058h10V49.500c0-2.800-2.200-5-5-5s-5%202.200-5%205zM19%2047v5h4v-5c0-1.100-.9-2-2-2s-2%20.9-2%202zM41%2047v5h4v-5c0-1.100-.9-2-2-2s-2%20.9-2%202z'/%3e%3cpath%20d='M6.500%2058V24.500L8.500%2018l2%206.500V58zM53.500%2058V24.500l2-6.500%202%206.500V58z'/%3e%3cpath%20d='M5%2030h7v2.500H5zM52%2030h7v2.500h-7z'/%3e%3c/svg%3e") 50%/contain no-repeat}.surah-card-arabic{color:var(--gold);font:400 2rem/1.7 var(--quran)}.surah-card h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.2}.surah-card-meta{color:var(--muted);margin-top:6px;font-size:.9375rem}.surah-card .bismillah{color:var(--gold);margin-top:12px}.surah-card .translation{max-width:34ch;color:var(--muted);margin:4px auto 0}.surah-card .translation.dhivehi{text-align:center}.bismillah{font:1.75rem/2.2 var(--quran);text-align:center}.verse{border-top:1px solid var(--line);padding:16px 12px 6px;scroll-margin-block:64px 100px}.verse.is-target,.verse.is-current,.translation-row.is-target,.translation-row.is-current{border-radius:var(--radius-card);border-top-color:#0000}.verse.is-target{background:linear-gradient(var(--highlight), transparent 70%)}.verse.is-current{background:var(--highlight)}.arabic{font-family:var(--quran);font-size:var(--arabic-size,2rem);overflow-wrap:anywhere;line-height:2.25}.verse-end{width:2.4em;height:3em;color:var(--ink);font-family:var(--ui);vertical-align:middle;place-items:center;margin-inline-start:.35em;font-size:.42em;font-weight:500;line-height:1;display:inline-grid;position:relative}.verse-end:before{content:"";background:currentColor;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2060'%20fill='none'%20stroke='%23000'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='24'%20cy='30'%20r='17'%20stroke-width='1.5'/%3e%3ccircle%20cx='24'%20cy='30'%20r='14.6'%20stroke-width='.8'/%3e%3cg%3e%3cpath%20d='M24%2013c-1.700-2.700-4.200-4.500-6.900-4.100-2.500.4-3.900%202.700-2.900%204.700.8%201.600%203%201.800%203.900.500.6-.9.2-2-.8-2.300'%20stroke-width='1.300'/%3e%3cpath%20d='M24%2013c1.700-2.700%204.200-4.500%206.900-4.100%202.500.4%203.900%202.700%202.900%204.700-.8%201.600-3%201.800-3.900.500-.6-.9-.2-2%20.8-2.300'%20stroke-width='1.300'/%3e%3cpath%20d='M13.200%2017.200c-2.300-.3-4.300.5-5.200%202.400M34.800%2017.200c2.300-.3%204.300.5%205.200%202.400'%20stroke-width='1.100'/%3e%3cpath%20d='M24%202.200c-1.700%202-2.300%203.700-1.800%205%20.3.900%201%201.500%201.800%202.200.8-.7%201.500-1.300%201.800-2.200.5-1.300-.1-3-1.800-5z'%20fill='%23000'%20stroke='none'/%3e%3c/g%3e%3cg%20transform='matrix(1%200%200%20-1%200%2060)'%3e%3cpath%20d='M24%2013c-1.700-2.700-4.200-4.500-6.900-4.100-2.500.4-3.900%202.700-2.900%204.700.8%201.600%203%201.800%203.900.500.6-.9.2-2-.8-2.300'%20stroke-width='1.300'/%3e%3cpath%20d='M24%2013c1.700-2.700%204.200-4.500%206.900-4.100%202.500.4%203.900%202.700%202.900%204.700-.8%201.600-3%201.800-3.900.500-.6-.9-.2-2%20.8-2.300'%20stroke-width='1.300'/%3e%3cpath%20d='M13.200%2017.200c-2.300-.3-4.300.5-5.200%202.400M34.800%2017.200c2.300-.3%204.300.5%205.200%202.400'%20stroke-width='1.100'/%3e%3cpath%20d='M24%202.200c-1.700%202-2.300%203.700-1.800%205%20.3.900%201%201.500%201.800%202.200.8-.7%201.500-1.300%201.800-2.200.5-1.300-.1-3-1.800-5z'%20fill='%23000'%20stroke='none'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2060'%20fill='none'%20stroke='%23000'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='24'%20cy='30'%20r='17'%20stroke-width='1.5'/%3e%3ccircle%20cx='24'%20cy='30'%20r='14.6'%20stroke-width='.8'/%3e%3cg%3e%3cpath%20d='M24%2013c-1.700-2.700-4.200-4.500-6.900-4.100-2.500.4-3.900%202.700-2.900%204.700.8%201.600%203%201.800%203.900.500.6-.9.2-2-.8-2.300'%20stroke-width='1.300'/%3e%3cpath%20d='M24%2013c1.700-2.700%204.200-4.500%206.900-4.100%202.500.4%203.900%202.700%202.900%204.700-.8%201.600-3%201.800-3.900.500-.6-.9-.2-2%20.8-2.300'%20stroke-width='1.300'/%3e%3cpath%20d='M13.200%2017.200c-2.300-.3-4.300.5-5.200%202.400M34.800%2017.200c2.300-.3%204.300.5%205.200%202.400'%20stroke-width='1.100'/%3e%3cpath%20d='M24%202.200c-1.700%202-2.300%203.700-1.800%205%20.3.900%201%201.500%201.800%202.200.8-.7%201.500-1.300%201.800-2.200.5-1.300-.1-3-1.800-5z'%20fill='%23000'%20stroke='none'/%3e%3c/g%3e%3cg%20transform='matrix(1%200%200%20-1%200%2060)'%3e%3cpath%20d='M24%2013c-1.700-2.700-4.200-4.500-6.900-4.100-2.500.4-3.900%202.700-2.900%204.700.8%201.600%203%201.800%203.900.500.6-.9.2-2-.8-2.300'%20stroke-width='1.300'/%3e%3cpath%20d='M24%2013c1.700-2.700%204.200-4.500%206.900-4.100%202.500.4%203.900%202.700%202.900%204.700-.8%201.600-3%201.800-3.900.500-.6-.9-.2-2%20.8-2.300'%20stroke-width='1.300'/%3e%3cpath%20d='M13.200%2017.200c-2.300-.3-4.300.5-5.200%202.400M34.800%2017.200c2.300-.3%204.300.5%205.200%202.400'%20stroke-width='1.100'/%3e%3cpath%20d='M24%202.200c-1.700%202-2.300%203.700-1.800%205%20.3.900%201%201.500%201.800%202.200.8-.7%201.500-1.300%201.800-2.200.5-1.300-.1-3-1.800-5z'%20fill='%23000'%20stroke='none'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat}.verse-end>span{position:relative}.verse-end[data-digits="2"]>span{font-size:.92em}.verse-end[data-digits="3"]>span{font-size:.72em}.translation{font:400 1.0625rem/1.6 var(--ui);margin-top:8px}[data-arabic-style=hafs]{--quran:"Scheherazade New", "Noto Naskh Arabic", serif}[data-arabic-style=imlaei]{--quran:"Noto Naskh Arabic", "Amiri Quran", serif}.reading-text{text-align:justify;margin-top:8px;padding:8px;line-height:2.6}.reading-verse{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:10px;scroll-margin-block:64px 100px}@media (hover:hover){.reading-verse:hover{background:var(--accent-soft)}}.reading-verse.is-target{background:var(--accent-soft)}.reading-verse.is-current{background:var(--highlight)}.reading-marker{cursor:pointer;background:0 0;border:0;padding:0}.translation-row{border-top:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:12px;padding:14px 12px;scroll-margin-block:64px 100px;display:flex}.translation-row:first-of-type{margin-top:8px}.translation-row.is-target{background:linear-gradient(var(--highlight), transparent 70%)}.translation-row.is-current{background:var(--highlight)}@media (hover:hover){.translation-row:hover .translation-number{border-color:var(--accent)}}.translation-row .translation{flex:1;min-width:0;margin-top:0}.translation-number{background:var(--accent-soft);min-width:34px;height:34px;color:var(--accent);cursor:pointer;border:1px solid #0000;border-radius:10px;flex:none;place-items:center;padding:0 4px;font-size:.8125rem;font-weight:650;display:grid}.translation-missing{color:var(--muted);font-style:italic}.verse-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-bottom:6px;display:flex}.verse-key,.verse-action-group{border-radius:var(--radius-control);background:color-mix(in oklab, var(--ink) 7%, transparent)}.verse-key{color:var(--ink);font-variant-numeric:tabular-nums;padding:6px 12px;font-size:.8125rem;font-weight:600;line-height:1.2}.verse-action-group{align-items:center;padding:2px;display:flex}.verse-action-group .icon-button{border-radius:var(--radius-control);width:44px;height:40px;color:var(--ink);-webkit-tap-highlight-color:transparent;transition:transform .12s ease-out,background-color .12s}.verse-action-group .icon-button .icon{width:20px;height:20px}.verse-action-group .icon-button.active{color:var(--gold)}.verse-action-group .icon-button:active{background:color-mix(in oklab, var(--ink) 10%, transparent);transform:scale(.92)}@media (prefers-reduced-motion:reduce){.verse-action-group .icon-button{transition:none}.verse-action-group .icon-button:active{transform:none}}.more-space{min-height:100dvh}.surah-nav{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;display:flex}.surah-nav a{align-items:center;gap:4px;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.player{bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:5;width:min(100% - 24px,560px);margin:0 auto calc(10px + env(safe-area-inset-bottom,0px));border:1px solid var(--input);background:color-mix(in oklab, var(--surface) 72%, transparent);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border-radius:28px;align-items:center;gap:2px;padding:6px 8px 6px 6px;display:flex;position:sticky}.player-art{background:linear-gradient(145deg, color-mix(in oklab, var(--gold) 34%, var(--surface)), color-mix(in oklab, var(--gold) 12%, var(--surface)));border-radius:22px;flex:none;width:44px;height:44px;margin-inline-end:8px;position:relative}.player-art:before{background:var(--gold);content:"";position:absolute;inset:9px}.player-art.is-makkah:before{-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='%23000'%3e%3cpath%20d='M7%2019%2030%2011.500%2057%2019%2034%2027z'/%3e%3cpath%20d='M7%2021.500%2033%2029.500v6L7%2027.500zM35%2029.500%2057%2021.500v6L35%2035.500z'%20opacity='.55'/%3e%3cpath%20d='M7%2030%2033%2038v20L7%2050z'/%3e%3cpath%20fill-rule='evenodd'%20d='M35%2038%2057%2030v20l-22%208zM41%2042.500v13l9-3.300v-13z'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='%23000'%3e%3cpath%20d='M7%2019%2030%2011.500%2057%2019%2034%2027z'/%3e%3cpath%20d='M7%2021.500%2033%2029.500v6L7%2027.500zM35%2029.500%2057%2021.500v6L35%2035.500z'%20opacity='.55'/%3e%3cpath%20d='M7%2030%2033%2038v20L7%2050z'/%3e%3cpath%20fill-rule='evenodd'%20d='M35%2038%2057%2030v20l-22%208zM41%2042.500v13l9-3.300v-13z'/%3e%3c/svg%3e") 50%/contain no-repeat}.player-art.is-madinah:before{-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='%23000'%3e%3cpath%20d='M31%209.500h2v5h-2z'/%3e%3cpath%20d='M32%2014c.8%204.300%203.200%206.400%205.700%208.800%202.400%202.300%204.300%205%204.300%209.200H22c0-4.200%201.900-6.900%204.300-9.200%202.500-2.400%204.900-4.500%205.700-8.800z'/%3e%3cpath%20d='M20%2034h24v3.500H20z'/%3e%3cpath%20fill-rule='evenodd'%20d='M15%2039.500h34V58H15zM27%2058h10V49.500c0-2.800-2.200-5-5-5s-5%202.200-5%205zM19%2047v5h4v-5c0-1.100-.9-2-2-2s-2%20.9-2%202zM41%2047v5h4v-5c0-1.100-.9-2-2-2s-2%20.9-2%202z'/%3e%3cpath%20d='M6.500%2058V24.500L8.500%2018l2%206.500V58zM53.500%2058V24.500l2-6.500%202%206.500V58z'/%3e%3cpath%20d='M5%2030h7v2.500H5zM52%2030h7v2.500h-7z'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='%23000'%3e%3cpath%20d='M31%209.500h2v5h-2z'/%3e%3cpath%20d='M32%2014c.8%204.300%203.200%206.400%205.700%208.800%202.400%202.300%204.300%205%204.300%209.200H22c0-4.200%201.900-6.900%204.300-9.200%202.500-2.400%204.900-4.500%205.700-8.800z'/%3e%3cpath%20d='M20%2034h24v3.500H20z'/%3e%3cpath%20fill-rule='evenodd'%20d='M15%2039.500h34V58H15zM27%2058h10V49.500c0-2.800-2.200-5-5-5s-5%202.200-5%205zM19%2047v5h4v-5c0-1.100-.9-2-2-2s-2%20.9-2%202zM41%2047v5h4v-5c0-1.100-.9-2-2-2s-2%20.9-2%202z'/%3e%3cpath%20d='M6.500%2058V24.500L8.500%2018l2%206.500V58zM53.500%2058V24.500l2-6.500%202%206.500V58z'/%3e%3cpath%20d='M5%2030h7v2.500H5zM52%2030h7v2.500h-7z'/%3e%3c/svg%3e") 50%/contain no-repeat}.player-info{flex:1;min-width:0}.player-info strong,.player-info small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-info strong{font-size:.875rem;font-weight:600;line-height:1.3}.player-info small{color:var(--muted);font-size:.75rem}.player .icon-button{width:38px;height:44px;color:var(--ink)}.player .icon-button .icon{width:22px;height:22px}.player .player-play .icon{width:28px;height:28px}.player .player-close{width:32px;color:var(--muted)}.player .player-close .icon{width:18px;height:18px}@media (width<=360px){.player .player-previous{display:none}}.toast{inset-inline:0;bottom:calc(var(--tab-bar-space) + 72px);z-index:6;text-align:center;pointer-events:none;position:fixed}.toast span{background:var(--ink);color:var(--bg);border-radius:20px;padding:8px 14px;font-size:.875rem;display:inline-block}.sheet{background:var(--surface);width:100%;max-width:100%;max-height:90dvh;color:var(--ink);border:0;border-radius:24px 24px 0 0;margin:auto 0 0;padding:0;overflow:hidden;box-shadow:0 -8px 32px #00000040}.sheet[open]{animation:.34s cubic-bezier(.32,.72,0,1) sheet-up}.sheet::backdrop{background:#00000080;animation:.24s ease-out sheet-backdrop}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-backdrop{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet[open],.sheet::backdrop{animation:none}}.sheet-inner{max-height:inherit;flex-direction:column;display:flex}.sheet-grip{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:none}.sheet-grip:active{cursor:grabbing}.sheet-handle{background:var(--muted);opacity:.45;border-radius:3px;width:36px;height:5px;margin:8px auto 0;display:block}.sheet-header{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:4px max(8px,50% - 312px) 8px;display:grid}.sheet-header h2{text-align:center;text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:1.0625rem;font-weight:600;overflow:hidden}.sheet-header .icon-button{background:var(--accent-soft);width:36px;height:36px;color:var(--ink);justify-self:end}.sheet-about{min-height:44px;color:var(--muted);justify-content:center;align-items:center;font-size:.875rem;display:flex}.sheet-body{padding:8px max(18px, calc((100% - 640px) / 2 + 18px)) calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}.field{grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:16px;font-size:.9375rem;font-weight:550;display:grid}.field.row{grid-template-columns:1fr auto;align-items:center}.field input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.segmented{border-radius:var(--radius-control);background:var(--accent-soft);gap:4px;padding:4px;display:flex}.segmented button{border-radius:var(--radius-control);min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:1;font-weight:600}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--accent)}.tafsir-source{color:var(--muted);margin-bottom:8px;font-size:.875rem}.prose{font:400 1.0625rem/1.65 "Inter Variable", var(--quran)}.prose h1,.prose h2,.prose h3,.prose h4{font:650 1.125rem/1.35 var(--ui);margin-block:1.1em .4em}.prose p{margin-block:0 .8em}.prose :first-child{margin-top:0}.qibla-start{text-align:center;padding-block:32px 24px}.qibla-start-icon{background:color-mix(in oklab, var(--gold) 20%, var(--surface));width:72px;height:72px;color:var(--gold);border-radius:20px;place-items:center;margin-bottom:16px;display:inline-grid}.qibla-start-icon .icon{width:40px;height:40px}.qibla-start h2{letter-spacing:-.02em;margin:0 0 8px;font-size:1.75rem;font-weight:700}.qibla-start>p:not(.notice,.qibla-note){color:var(--muted);margin-bottom:24px}.qibla-start .notice{text-align:start;margin-bottom:12px}.qibla-start>.button:not(.ghost){width:100%}.qibla-start .button:disabled{opacity:.65;cursor:progress}.qibla-note{color:var(--muted);font-size:.875rem}.compass-readout{text-align:center;padding-block:4px 8px}.compass-degrees{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:3.25rem;font-weight:300;line-height:1.1}.compass-degrees span{font-weight:500}.compass-instruction{min-height:1.5em;color:var(--muted);font-size:.9375rem}.compass-readout.is-aligned .compass-degrees,.compass-readout.is-aligned .compass-instruction{color:var(--gold)}.compass-readout.is-aligned .compass-instruction{font-weight:600}.compass{width:min(100%,340px);margin:4px auto 16px;display:block;overflow:visible}.compass-tick{stroke:var(--muted);stroke-linecap:butt}.compass-tick.is-minor{stroke-width:1px;opacity:.55}.compass-tick.is-major{stroke:var(--ink);stroke-width:1.5px}.compass-tick.is-cardinal{stroke:var(--ink);stroke-width:2.5px}.compass-label{fill:var(--muted);font:500 11px var(--ui);font-variant-numeric:tabular-nums}.compass-label.is-cardinal{fill:var(--ink);font-size:20px;font-weight:600}.compass-label.is-north{fill:var(--gold)}.compass-arc{fill:none;stroke:var(--gold);stroke-linecap:round;stroke-width:5px}.compass-qibla-line{stroke:var(--gold);stroke-linecap:round;stroke-width:2px;opacity:.6}.compass-kaaba-disc{fill:var(--bg);stroke:var(--gold);stroke-width:1.5px}.compass-kaaba{fill:var(--gold)}.compass-crosshair{stroke:var(--muted);stroke-width:1px}.compass-pointer{stroke:var(--ink);stroke-linecap:round;stroke-width:3px}.compass.is-aligned .compass-pointer,.compass.is-aligned .compass-crosshair{stroke:var(--gold)}.compass.is-aligned .compass-kaaba-disc{fill:color-mix(in oklab, var(--gold) 22%, var(--bg))}.qibla-messages .notice{margin-block:8px}.qibla-details{border-radius:var(--radius-card);background:var(--surface);margin:12px 0 0;padding:0;list-style:none;overflow:hidden}.qibla-details li{justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 16px;display:flex}.qibla-details li+li{border-top:1px solid var(--line)}.qibla-details span{color:var(--muted)}.qibla-details strong{font-variant-numeric:tabular-nums;font-weight:550}.qibla-details li:has(.qibla-change){padding:0}.qibla-change{width:100%;min-height:48px;color:var(--accent);cursor:pointer;background:0 0;border:0;font-weight:550}.qibla-accuracy{text-align:center;margin-top:12px}@font-face{font-family:ModFaruma;src:url(/assets/modfaruma-400-C9KdG1wM.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.dhivehi{font-family:"ModFaruma", var(--ui);font-weight:400}.translation.dhivehi{font-size:1.3125rem;line-height:1.9}.settings-section{margin-bottom:28px}.settings-heading{margin:4px 0 12px;font-size:1.25rem}.location-current{border-radius:var(--radius-card);background:var(--accent-soft);justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:12px 16px;font-size:.9375rem;display:flex}.location-current .dhivehi{color:var(--accent);font-size:1.125rem}.location-empty{color:var(--muted);text-align:center;padding:32px 0}.location-group h3{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;margin:24px 0 8px;font-size:.875rem;font-weight:600;display:flex}.location-group ul{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.location-group li+li{border-top:1px solid var(--line)}.location-group button{width:100%;min-height:48px;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:1.125rem;display:flex}@media (hover:hover){.location-group button:hover{background:var(--accent-soft)}}.location-group button[aria-current]{color:var(--accent)}.location-group .check{flex:none;place-items:center;width:24px;height:24px;display:inline-grid}
