@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-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--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-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Nunito Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--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-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--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-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--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);--color-green-light:#d1fae5;--color-blue-light:#e0f2fe;--color-blue:#38bdf8;--color-red-light:#ffe4e6;--color-gold-light:#fef3c7;--color-primary:var(--app-accent);--color-text:var(--app-ink);--color-text-secondary:var(--app-muted);--color-black:#000;--font-arabic:"Noto Naskh Arabic Variable", serif;--font-ui-urdu:"Nafees Web Naskh", "Noto Naskh Arabic Variable", serif;--font-urdu:"Jameel Noori Nastaleeq", "Noto Nastaliq Urdu Variable", serif;--animate-fade-in:fade-in .2s ease-out;--animate-slide-up:slide-up .3s ease-out;--radius-full:9999px}}@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,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,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,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}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}:-moz-ui-invalid{box-shadow:none}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}[hidden]:where(:not([hidden=until-found])){display:none!important}.urdu-copy{font-size:calc(18px * var(--reading-urdu-scale,1))}@media(min-width:1024px){.urdu-copy{font-size:calc(26px * var(--reading-urdu-scale,1))}}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.-top-2{top:calc(var(--spacing) * -2)}.-top-20{top:calc(var(--spacing) * -20)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-100{top:calc(var(--spacing) * 100)}.top-full{top:100%}.top-px{top:1px}.-right-2{right:calc(var(--spacing) * -2)}.-right-10{right:calc(var(--spacing) * -10)}.-right-16{right:calc(var(--spacing) * -16)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-7{bottom:calc(var(--spacing) * -7)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\[calc\(72px\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(72px + env(safe-area-inset-bottom))}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.-z-0{z-index:-0}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}.order-3{order:3}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.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:calc(var(--spacing) * 0)}.m-4{margin:calc(var(--spacing) * 4)}.m-5{margin:calc(var(--spacing) * 5)}.m-6{margin:calc(var(--spacing) * 6)}.m-auto{margin:auto}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-6{margin-block:calc(var(--spacing) * 6)}.my-7{margin-block:calc(var(--spacing) * 7)}.my-8{margin-block:calc(var(--spacing) * 8)}.my-auto{margin-block:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.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)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-auto{margin-top:auto}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.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-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.\!table{display:table!important}.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}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[16\/10\]{aspect-ratio:16/10}.h-0{height:calc(var(--spacing) * 0)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.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-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-\[18px\]{height:18px}.h-\[60\%\]{height:60%}.h-\[60px\]{height:60px}.h-\[64px\]{height:64px}.h-\[68px\]{height:68px}.h-\[82px\]{height:82px}.h-\[88px\]{height:88px}.h-dvh{height:100dvh}.h-full{height:100%}.h-max{height:max-content}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[25dvh\]{max-height:25dvh}.max-h-\[40dvh\]{max-height:40dvh}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[calc\(100dvh-1\.5rem\)\]{max-height:calc(100dvh - 1.5rem)}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-\[calc\(100dvh-3rem\)\]{max-height:calc(100dvh - 3rem)}.max-h-\[min\(40dvh\,20rem\)\]{max-height:min(40dvh,20rem)}.max-h-\[min\(50dvh\,24rem\)\]{max-height:min(50dvh,24rem)}.max-h-none{max-height:none}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-64{min-height:calc(var(--spacing) * 64)}.min-h-80{min-height:calc(var(--spacing) * 80)}.min-h-\[3rem\]{min-height:3rem}.min-h-\[36px\]{min-height:36px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[56px\]{min-height:56px}.min-h-\[60px\]{min-height:60px}.min-h-\[70dvh\]{min-height:70dvh}.min-h-\[76px\]{min-height:76px}.min-h-\[320px\]{min-height:320px}.min-h-\[330px\]{min-height:330px}.min-h-\[400px\]{min-height:400px}.min-h-\[clamp\(112px\,24vw\,152px\)\]{min-height:clamp(112px,24vw,152px)}.min-h-\[clamp\(120px\,16dvh\,144px\)\]{min-height:clamp(120px,16dvh,144px)}.min-h-dvh{min-height:100dvh}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.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-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[18px\]{width:18px}.w-\[60\%\]{width:60%}.w-\[60px\]{width:60px}.w-\[64px\]{width:64px}.w-\[68px\]{width:68px}.w-\[82px\]{width:82px}.w-\[88px\]{width:88px}.w-\[265px\]{width:265px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[clamp\(112px\,24vw\,152px\)\]{width:clamp(112px,24vw,152px)}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-20{max-width:calc(var(--spacing) * 20)}.max-w-36{max-width:calc(var(--spacing) * 36)}.max-w-52{max-width:calc(var(--spacing) * 52)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-\[22rem\]{max-width:22rem}.max-w-\[30ch\]{max-width:30ch}.max-w-\[40\%\]{max-width:40%}.max-w-\[40rem\]{max-width:40rem}.max-w-\[58rem\]{max-width:58rem}.max-w-\[320px\]{max-width:320px}.max-w-\[440px\]{max-width:440px}.max-w-\[480px\]{max-width:480px}.max-w-\[640px\]{max-width:640px}.max-w-\[calc\(100vw-3rem\)\]{max-width:calc(100vw - 3rem)}.max-w-\[calc\(100vw-24px\)\]{max-width:calc(100vw - 24px)}.max-w-\[calc\(100vw-48px\)\]{max-width:calc(100vw - 48px)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[44px\]{min-width:44px}.min-w-\[48px\]{min-width:48px}.min-w-\[640px\]{min-width:640px}.min-w-\[800px\]{min-width:800px}.min-w-\[850px\]{min-width:850px}.min-w-\[920px\]{min-width:920px}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-full{flex-basis:100%}.-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)}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-fade-in{animation:var(--animate-fade-in)}.animate-pulse{animation:var(--animate-pulse)}.animate-slide-up{animation:var(--animate-slide-up)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr)}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.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-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * 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)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-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-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[17px\]{border-radius:17px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--app-accent\)\]{border-color:var(--app-accent)}.border-\[var\(--app-border\)\]{border-color:var(--app-border)}.border-\[var\(--app-control-border\)\]{border-color:var(--app-control-border)}.border-\[var\(--app-danger\)\]{border-color:var(--app-danger)}.border-\[var\(--app-success\)\]{border-color:var(--app-success)}.border-current{border-color:currentColor}.border-primary{border-color:var(--color-primary)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-\[var\(--app-accent\)\]{background-color:var(--app-accent)}.bg-\[var\(--app-accent-soft\)\]{background-color:var(--app-accent-soft)}.bg-\[var\(--app-bg\)\]{background-color:var(--app-bg)}.bg-\[var\(--app-border\)\]{background-color:var(--app-border)}.bg-\[var\(--app-control-bg\)\]{background-color:var(--app-control-bg)}.bg-\[var\(--app-control-border\)\]{background-color:var(--app-control-border)}.bg-\[var\(--app-danger\)\]{background-color:var(--app-danger)}.bg-\[var\(--app-danger-soft\)\]{background-color:var(--app-danger-soft)}.bg-\[var\(--app-ink\)\]{background-color:var(--app-ink)}.bg-\[var\(--app-muted\)\]{background-color:var(--app-muted)}.bg-\[var\(--app-overlay\)\]{background-color:var(--app-overlay)}.bg-\[var\(--app-reward\)\]{background-color:var(--app-reward)}.bg-\[var\(--app-reward-soft\)\]{background-color:var(--app-reward-soft)}.bg-\[var\(--app-success\)\]{background-color:var(--app-success)}.bg-\[var\(--app-success-soft\)\]{background-color:var(--app-success-soft)}.bg-\[var\(--app-surface\)\]{background-color:var(--app-surface)}.bg-\[var\(--app-surface-raised\)\]{background-color:var(--app-surface-raised)}.bg-\[var\(--app-surface-soft\)\]{background-color:var(--app-surface-soft)}.bg-current{background-color:currentColor}.bg-primary{background-color:var(--color-primary)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.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-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.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-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.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-3\.5{padding-block:calc(var(--spacing) * 3.5)}.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-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.ps-8{padding-inline-start:calc(var(--spacing) * 8)}.pe-4{padding-inline-end:calc(var(--spacing) * 4)}.pe-5{padding-inline-end:calc(var(--spacing) * 5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-\[calc\(2rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.pb-\[max\(1\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.pb-\[max\(1\.25rem\,env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:max(1.25rem,env(safe-area-inset-bottom,0px))}.pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-arabic{font-family:var(--font-arabic)}.font-sans{font-family:var(--font-sans)}.font-urdu{font-family:var(--font-urdu)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[calc\(26px\*var\(--reading-arabic-scale\,1\)\)\]{font-size:calc(26px * var(--reading-arabic-scale,1))}.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-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.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-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-\[\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--app-accent\)\]{color:var(--app-accent)}.text-\[var\(--app-bg\)\]{color:var(--app-bg)}.text-\[var\(--app-book-accent\)\]{color:var(--app-book-accent)}.text-\[var\(--app-danger\)\]{color:var(--app-danger)}.text-\[var\(--app-info\)\]{color:var(--app-info)}.text-\[var\(--app-ink\)\]{color:var(--app-ink)}.text-\[var\(--app-muted\)\]{color:var(--app-muted)}.text-\[var\(--app-on-accent\)\]{color:var(--app-on-accent)}.text-\[var\(--app-on-danger\)\]{color:var(--app-on-danger)}.text-\[var\(--app-on-info\)\]{color:var(--app-on-info)}.text-\[var\(--app-on-reward\)\]{color:var(--app-on-reward)}.text-\[var\(--app-on-success\)\]{color:var(--app-on-success)}.text-\[var\(--app-reward\)\]{color:var(--app-reward)}.text-\[var\(--app-success\)\]{color:var(--app-success)}.text-primary{color:var(--color-primary)}.text-text{color:var(--color-text)}.text-text-secondary{color:var(--color-text-secondary)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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}.underline-offset-4{text-underline-offset:4px}.accent-\[var\(--app-accent\)\]{accent-color:var(--app-accent)}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.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-\[var\(--app-shadow\)\]{--tw-shadow:var(--app-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-\[var\(--app-shadow-button\)\]{--tw-shadow:var(--app-shadow-button);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\(--app-shadow-control\)\]{--tw-shadow:var(--app-shadow-control);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\(--app-shadow-inset\)\]{--tw-shadow:var(--app-shadow-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-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-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)}.ring{--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-2{--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)}.ring-\[var\(--app-accent\)\]{--tw-ring-color:var(--app-accent)}.ring-offset-2{--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)}.ring-offset-\[var\(--app-surface-raised\)\]{--tw-ring-offset-color:var(--app-surface-raised)}.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,)}.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,)}.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,)}.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-\[width\]{transition-property:width;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))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{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))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.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}.\[--app-pane-gutter\:0\.75rem\]{--app-pane-gutter:.75rem}.\[--app-pane-gutter\:1\.5rem\]{--app-pane-gutter:1.5rem}.\[--app-pane-gutter\:1rem\]{--app-pane-gutter:1rem}.peer-focus-visible\:ring-2:is(:where(.peer):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)}.peer-focus-visible\:ring-\[var\(--app-accent\)\]:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--app-accent)}.file\:mr-3::file-selector-button{margin-right:calc(var(--spacing) * 3)}.file\:min-h-11::file-selector-button{min-height:calc(var(--spacing) * 11)}.file\:rounded-lg::file-selector-button{border-radius:var(--radius-lg)}.file\:border::file-selector-button{border-style:var(--tw-border-style);border-width:1px}.file\:border-\[var\(--app-control-border\)\]::file-selector-button{border-color:var(--app-control-border)}.file\:bg-\[var\(--app-control-bg\)\]::file-selector-button{background-color:var(--app-control-bg)}.file\:px-4::file-selector-button{padding-inline:calc(var(--spacing) * 4)}.file\:py-2::file-selector-button{padding-block:calc(var(--spacing) * 2)}.file\:font-bold::file-selector-button{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.file\:text-\[var\(--app-ink\)\]::file-selector-button{color:var(--app-ink)}.file\:shadow-\[var\(--app-shadow-control\)\]::file-selector-button{--tw-shadow:var(--app-shadow-control);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.placeholder\:text-\[var\(--app-muted\)\]::placeholder{color:var(--app-muted)}.backdrop\:bg-\[var\(--app-overlay\)\]::backdrop{background-color:var(--app-overlay)}.backdrop\:bg-black\/60::backdrop{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.backdrop\:bg-black\/60::backdrop{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.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\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[var\(--app-accent\)\]:hover{border-color:var(--app-accent)}.hover\:border-\[var\(--app-control-border\)\]:hover{border-color:var(--app-control-border)}.hover\:bg-\[var\(--app-accent-hover\)\]:hover{background-color:var(--app-accent-hover)}.hover\:bg-\[var\(--app-accent-soft\)\]:hover{background-color:var(--app-accent-soft)}.hover\:bg-\[var\(--app-control-bg\)\]:hover{background-color:var(--app-control-bg)}.hover\:bg-\[var\(--app-danger-soft\)\]:hover{background-color:var(--app-danger-soft)}.hover\:bg-\[var\(--app-surface-raised\)\]:hover{background-color:var(--app-surface-raised)}.hover\:bg-\[var\(--app-surface-soft\)\]:hover{background-color:var(--app-surface-soft)}.hover\:text-\[var\(--app-accent-hover\)\]:hover{color:var(--app-accent-hover)}.hover\:text-\[var\(--app-ink\)\]:hover{color:var(--app-ink)}.hover\:opacity-90:hover{opacity:.9}.hover\:file\:bg-\[var\(--app-surface-raised\)\]:hover::file-selector-button{background-color:var(--app-surface-raised)}}.focus\:border-\[var\(--app-accent\)\]:focus{border-color:var(--app-accent)}.focus\:border-\[var\(--app-danger\)\]:focus{border-color:var(--app-danger)}.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-\[var\(--app-accent\)\]:focus{--tw-ring-color:var(--app-accent)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:outline-\[var\(--app-accent\)\]:focus-visible{outline-color:var(--app-accent)}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-\[2px\]:active{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-\[3px\]:active{--tw-translate-y:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-\[4px\]:active{--tw-translate-y:4px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-\[5px\]:active{--tw-translate-y:5px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-\[var\(--app-accent-soft\)\]:active{background-color:var(--app-accent-soft)}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}@media(min-width:40rem){.sm\:order-none{order:0}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-6{margin-inline:calc(var(--spacing) * 6)}.sm\:mx-8{margin-inline:calc(var(--spacing) * 8)}.sm\:mt-20{margin-top:calc(var(--spacing) * 20)}.sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:min-h-\[400px\]{min-height:400px}.sm\:w-auto{width:auto}.sm\:max-w-\[65\%\]{max-width:65%}.sm\:min-w-48{min-width:calc(var(--spacing) * 48)}.sm\:flex-1{flex:1}.sm\:basis-0{flex-basis:calc(var(--spacing) * 0)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.sm\:border-\[var\(--app-border\)\]{border-color:var(--app-border)}.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-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:py-14{padding-block:calc(var(--spacing) * 14)}.sm\:pt-8{padding-top:calc(var(--spacing) * 8)}.sm\:pt-9{padding-top:calc(var(--spacing) * 9)}.sm\:pt-10{padding-top:calc(var(--spacing) * 10)}.sm\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-\[2\.15rem\]{font-size:2.15rem}.sm\:\[--app-pane-gutter\:1\.5rem\]{--app-pane-gutter:1.5rem}}@media(min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:hidden{display:none}.md\:w-\[var\(--app-pane-start\,224px\)\]{width:var(--app-pane-start,224px)}.md\:flex-1{flex:1}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:overflow-y-auto{overflow-y:auto}.md\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:px-5{padding-inline:calc(var(--spacing) * 5)}.md\:py-1{padding-block:calc(var(--spacing) * 1)}.md\:py-6{padding-block:calc(var(--spacing) * 6)}}@media(min-width:64rem){.lg\:bottom-0{bottom:calc(var(--spacing) * 0)}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media(min-width:80rem){.xl\:col-span-3{grid-column:span 3/span 3}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[1\.65fr_1fr\]{grid-template-columns:1.65fr 1fr}.xl\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\]{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.\[\&_td\]\:align-middle td{vertical-align:middle}.\[\&_th\]\:font-semibold th{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_th\]\:whitespace-nowrap th{white-space:nowrap}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>\*\]\:shrink-0>*{flex-shrink:0}}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.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}@font-face{font-family:Noto Naskh Arabic Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/noto-naskh-arabic-arabic-wght-normal-DIN-4rtF.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Naskh Arabic Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/noto-naskh-arabic-math-wght-normal-Cgl1D-No.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Naskh Arabic Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/noto-naskh-arabic-symbols-wght-normal-DTaB7Hqz.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Noto Naskh Arabic Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/noto-naskh-arabic-latin-ext-wght-normal-CJtFhxZA.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:Noto Naskh Arabic Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/noto-naskh-arabic-latin-wght-normal-B_CzjACR.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}@font-face{font-family:Noto Nastaliq Urdu Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/noto-nastaliq-urdu-arabic-wght-normal-DQb3xaK6.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Nastaliq Urdu Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/noto-nastaliq-urdu-latin-ext-wght-normal-C69TAH8j.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:Noto Nastaliq Urdu Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/noto-nastaliq-urdu-latin-wght-normal-C0FKGmkb.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}:root{color-scheme:dark;--app-bg:#101916;--app-surface:#1b2823;--app-surface-raised:#30473a;--app-surface-soft:#23372c;--app-ink:#edf3eb;--app-muted:#b5c4b9;--app-accent:#aedbc0;--app-on-accent:#163023;--app-accent-hover:#c1e6cd;--app-accent-soft:#294333;--app-border:#4a6253;--app-control-bg:#2b4035;--app-control-border:#89a795;--app-control-edge:#101e16;--app-success:#a3d9b5;--app-success-soft:#203d2b;--app-on-success:#14351f;--app-danger:#f2b1a4;--app-book-accent:#ffb0ba;--app-danger-soft:#422d29;--app-on-danger:#442019;--app-reward:#eac77f;--app-reward-soft:#3b3322;--app-on-reward:#352b16;--app-info:#aecdf1;--app-info-soft:#243447;--app-on-info:#1b2f47;--app-shadow:inset 0 1px 0 #ffffff0d, 0 0 0 1px var(--app-border), 0 8px 20px #00000047;--app-shadow-inset:inset 0 2px 4px #0000002e;--app-shadow-control:inset 0 1px 0 #ffffff12, 0 3px 0 var(--app-control-edge), 0 7px 14px #00000047;--app-shadow-button:inset 0 1px 0 #ffffff3d, 0 4px 0 #658b72, 0 8px 18px #00000047;--app-overlay:#030a07c2}:root[data-theme=light]{color-scheme:light;--app-bg:#f6f5f0;--app-surface:#fffefa;--app-surface-raised:#fff;--app-surface-soft:#e6ece4;--app-ink:#203b36;--app-muted:#3f5047;--app-accent:#245c4b;--app-on-accent:#fff;--app-accent-hover:#1b4a3c;--app-accent-soft:#e6ece4;--app-border:#c4cfc4;--app-control-bg:#fff;--app-control-border:#6e8273;--app-control-edge:#b0beb2;--app-success:#2f6b48;--app-success-soft:#e7f1e8;--app-on-success:#fff;--app-danger:#9b3e35;--app-book-accent:#a43146;--app-danger-soft:#faeae6;--app-on-danger:#fff;--app-reward:#805d1a;--app-reward-soft:#f6ebcd;--app-on-reward:#fff;--app-info:#305d91;--app-info-soft:#e9f0f8;--app-on-info:#fff;--app-shadow:inset 0 1px 0 #fff, 0 0 0 1px var(--app-border), 0 8px 20px #203b361c;--app-shadow-inset:inset 0 2px 4px #203b3614;--app-shadow-control:inset 0 1px 0 #fff, 0 3px 0 var(--app-control-edge), 0 7px 14px #203b361f;--app-shadow-button:inset 0 1px 0 #ffffff2e, 0 4px 0 #173f34, 0 8px 18px #203b3629;--app-overlay:#0e1c1594}@font-face{font-family:Nafees Web Naskh;src:url(/fonts/nafees-web-naskh/NafeesWeb.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Jameel Noori Nastaleeq;src:url(/fonts/jameel-noori/JameelNoori.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Muallim Urdu Toggle;src:url(/fonts/jameel-noori/UrduToggle.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+627,U+62F,U+631,U+648}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer-gold{0%{background-position:-200%}to{background-position:200%}}@keyframes geo-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stagger-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-slow{0%{transform:rotate(0) translate(var(--orbit-r,44px)) rotate(0)}to{transform:rotate(360deg) translate(var(--orbit-r,44px)) rotate(-360deg)}}@keyframes beacon{0%,to{box-shadow:0 0 6px 2px #1e90ff26}50%{box-shadow:0 0 18px 4px #1e90ff59}}@keyframes holo-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes nebula-drift{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.star-field:before{content:"";pointer-events:none;background-image:radial-gradient(1px 1px at 8% 15%,#ffffff80,#0000),radial-gradient(1px 1px at 22% 68%,#ffffff59,#0000),radial-gradient(1.2px 1.2px at 45% 8%,#fff6,#0000),radial-gradient(1px 1px at 62% 52%,#ffffff4d,#0000),radial-gradient(1px 1px at 78% 88%,#ffffff73,#0000),radial-gradient(.8px .8px at 35% 35%,#ffffff40,#0000),radial-gradient(1px 1px at 88% 22%,#ffffff59,#0000),radial-gradient(.8px .8px at 55% 78%,#ffffff4d,#0000),radial-gradient(1.5px 1.5px at 12% 92%,#0ea5e980,#0000),radial-gradient(1.5px 1.5px at 92% 55%,#fb923c66,#0000);position:absolute;inset:0}.hud-bracket{position:relative}.hud-bracket:before,.hud-bracket:after{content:"";pointer-events:none;width:10px;height:10px;position:absolute}.hud-bracket:before{border-top:1.5px solid #0ea5e966;border-left:1.5px solid #0ea5e966;top:0;left:0}.hud-bracket:after{border-top:1.5px solid #0ea5e966;border-right:1.5px solid #0ea5e966;top:0;right:0}html,body{overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html{background:var(--app-bg);color:var(--app-ink)}body{margin:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:not(:disabled),a{touch-action:manipulation;cursor:pointer}:focus-visible{outline:3px solid var(--app-info);outline-offset:4px}::selection{background:var(--app-accent);color:var(--app-on-accent)}.soft-card{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:var(--app-shadow);border-radius:24px}.soft-inset{background:var(--app-surface-soft);border:1px solid var(--app-border);box-shadow:var(--app-shadow-inset);border-radius:18px}.eyebrow{color:var(--app-muted);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.6}.page-heading{color:var(--app-ink);letter-spacing:-.035em;font-size:clamp(26px,3vw,36px);font-weight:850;line-height:1.2}.primary-action,.secondary-action{border-radius:15px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:13px 22px;font-size:14px;font-weight:800;line-height:1.4;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.primary-action{background:var(--app-accent);color:var(--app-on-accent);border:1px solid var(--app-accent);box-shadow:var(--app-shadow-button)}.primary-action:hover{background:var(--app-accent-hover)}.primary-action:active,.secondary-action:active{transform:translateY(2px)}.secondary-action{background:var(--app-control-bg);color:var(--app-accent);border:1px solid var(--app-control-border);box-shadow:var(--app-shadow-control)}.secondary-action:hover{background:var(--app-surface-soft)}.theme-toggle{border:1px solid var(--app-control-border);background:var(--app-control-bg);min-height:48px;color:var(--app-ink);box-shadow:var(--app-shadow-control);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:10px 14px;font-size:14px;font-weight:700;display:inline-flex}.theme-toggle:hover{background:var(--app-surface-soft)}.appearance-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.appearance-option{border:1px solid var(--app-control-border);background:var(--app-control-bg);min-height:52px;box-shadow:var(--app-shadow-control);color:var(--app-ink);border-radius:14px;padding:12px 16px;font-size:16px;font-weight:700}.appearance-option[aria-pressed=true]{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-on-accent);box-shadow:var(--app-shadow-button)}.primary-action:disabled,.secondary-action:disabled{cursor:wait;opacity:.6;transform:none}.brand-mark{color:var(--app-ink);align-items:center;gap:12px;display:flex}.brand-mark strong{letter-spacing:-.035em;font-size:17px;font-weight:850;display:block}.brand-mark small{color:var(--app-muted);margin-top:2px;font-size:10px;display:block}.brand-symbol{width:46px;height:46px;color:var(--app-on-accent);background:var(--app-accent);box-shadow:var(--app-shadow-inset);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.app-shell{color:var(--app-ink)}.admin-nav-link.admin-nav-active{color:var(--app-on-accent);background:var(--app-accent);border-color:var(--app-control-border);box-shadow:var(--app-shadow-button)}.admin-sidebar .theme-toggle,.admin-sidebar .admin-sign-out{width:100%}.admin-mobile-tools .theme-toggle,.admin-mobile-tools .admin-sign-out{width:44px;height:44px;padding:10px}.admin-mobile-tools .theme-toggle span,.admin-mobile-tools .admin-sign-out span{display:none}.admin-content input,.admin-content textarea,.admin-content [contenteditable=true],.admin-editor [contenteditable=true]{-webkit-user-select:text;user-select:text}.admin-editor [contenteditable=true]{overflow-wrap:anywhere}.admin-editor-surface{width:100%;min-width:0;max-width:960px;margin-inline:auto}@media(min-width:48rem)and (max-height:42rem){.admin-sidebar{overflow-y:auto}.admin-sidebar>nav{flex:none;min-height:auto;overflow:visible}}[data-content-pane]{--app-pane-start:0px;--app-pane-block-inset:0px;--app-dialog-max-height:100%;--app-feedback-gap:0px}.app-pane-surface{left:var(--app-pane-start,0px);width:calc(100% - var(--app-pane-start,0px));right:0}.app-pane-layer{padding-left:calc(var(--app-pane-start,0px) + var(--app-pane-gutter,0px));padding-right:var(--app-pane-gutter,0px)}.app-sheet-layer{--app-pane-gutter:0px;min-width:0;padding-top:max(.75rem,env(safe-area-inset-top,0px));pointer-events:none;justify-content:center;align-items:flex-end;padding-bottom:0;display:flex;position:fixed;inset:0}.app-sheet-panel{min-height:0;max-height:min(100%,var(--app-dialog-max-height,100%));pointer-events:auto;border:1px solid var(--app-control-border);background:var(--app-surface);color:var(--app-ink);box-shadow:var(--app-shadow);border-radius:24px 24px 0 0}.app-feedback-surface{bottom:calc(var(--app-pane-block-inset,0px) + var(--app-feedback-gap,0px));max-height:calc(100dvh - 2 * var(--app-pane-block-inset,0px) - 2 * var(--app-feedback-gap,0px));overscroll-behavior:contain;border:1px solid var(--app-control-border);overflow-y:auto}@media(min-width:40rem){.app-sheet-layer{--app-pane-gutter:24px;align-items:center;padding-block:24px}.app-sheet-panel,.app-feedback-surface{border-radius:24px}}@media(min-width:48rem){[data-content-pane=lesson]{--app-pane-block-inset:max(24px, calc((100dvh - 960px)/2) );--app-dialog-max-height:calc(100dvh - 2 * var(--app-pane-block-inset));--app-feedback-gap:12px}}@media(min-width:40rem)and (max-height:600px){.app-sheet-layer{--app-pane-gutter:12px;padding-block:12px}}@media(min-width:48rem)and (max-height:600px){[data-content-pane=lesson]{--app-pane-block-inset:12px}}.app-shell [data-sonner-toaster][data-x-position=center]{left:calc(50% + var(--app-pane-start,0px) / 2)}@media(min-width:48rem){[data-content-pane=admin]{--app-pane-start:224px}}.app-main{min-height:0;padding-bottom:calc(90px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom))}.app-navigation{z-index:40;background:var(--app-surface);border-top:1px solid var(--app-border);padding:8px 10px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:absolute;bottom:0;left:0;right:0}.nav-links{gap:6px;display:flex}.nav-link{min-height:56px;color:var(--app-muted);border:1px solid #0000;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:750;transition:background .18s;display:flex}.nav-link:hover{background:var(--app-surface-soft)}.nav-link[aria-current=page]{background:var(--app-accent);color:var(--app-on-accent);border-color:var(--app-accent);box-shadow:var(--app-shadow-button)}.nav-brand,.nav-caption,.nav-bottom{display:none}.lesson-shell main{padding-bottom:env(safe-area-inset-bottom)}.lesson-frame{background:var(--app-surface);flex-direction:column;flex:1;width:100%;min-width:0;max-width:640px;min-height:0;margin:auto;display:flex;position:relative}.lesson-frame>main{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;min-width:0;min-height:0}.lesson-frame>header{border-bottom:1px solid var(--app-border);border-top-left-radius:inherit;border-top-right-radius:inherit;background:var(--app-surface-raised);flex-shrink:0}.lesson-frame .lesson-intro-card{box-shadow:none;background:0 0;border-color:#0000}@media(min-width:48rem){.lesson-shell{padding:24px}.lesson-frame{border:1px solid var(--app-control-border);max-height:960px;box-shadow:var(--app-shadow);border-radius:28px}}@media(min-width:48rem)and (max-height:600px){.lesson-shell{padding:12px}}.welcome-page{color:var(--app-ink);background:var(--app-bg);max-width:1440px;margin:auto;padding:0 6%}.welcome-header{justify-content:space-between;align-items:center;gap:20px;min-height:110px;display:flex}.welcome-header-note{color:var(--app-muted);letter-spacing:.18em;font-size:10px;font-weight:800}.welcome-main{grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;min-height:575px;padding:18px 0 44px;display:grid}.little-spark{color:var(--app-reward);vertical-align:middle;margin-right:8px;font-size:18px}.welcome-copy h1{letter-spacing:-.045em;margin:22px 0;font-size:clamp(40px,4.5vw,65px);font-weight:850;line-height:1.15}.welcome-copy h1 em{color:var(--app-accent);letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-weight:400}.welcome-description{max-width:400px;color:var(--app-muted);font-size:15px;line-height:1.85}.welcome-signin{max-width:350px;margin:30px 0}.welcome-cta{width:100%}.welcome-cta>:last-child{margin-left:auto;font-size:21px}.google-monogram{font-family:Arial,sans-serif;font-size:20px;font-weight:700}.signin-note{color:var(--app-muted);text-align:center;margin-top:12px;font-size:11px}.signin-error{color:var(--app-danger);background:var(--app-danger-soft);border-radius:12px;margin-top:12px;padding:12px;font-size:13px}.welcome-details{color:var(--app-muted);flex-wrap:wrap;gap:10px 20px;font-size:11px;font-weight:700;display:flex}.welcome-details :where(span>span){color:var(--app-accent);margin-right:5px;font-size:17px}.welcome-art{isolation:isolate;justify-content:center;align-items:center;min-height:490px;display:flex;position:relative}.welcome-arch{background:linear-gradient(145deg,var(--app-surface-raised),var(--app-surface-soft));width:300px;height:410px;box-shadow:var(--app-shadow-inset);border:1px solid var(--app-border);border-radius:155px 155px 30px 30px;flex-direction:column;align-items:center;display:flex}.welcome-arch>p{color:var(--app-accent);margin-top:49px;font-size:19px}.arch-caption{text-align:center;letter-spacing:.18em;color:var(--app-muted);margin-top:28px;font-size:8px;font-weight:800;line-height:1.8}.book-illustration{perspective:700px;margin-top:30px}.book-cover{background:linear-gradient(115deg,#1d493c,#34624b);border-left:4px solid #143d31;border-radius:5px 12px 12px 5px;width:142px;height:188px;padding:11px;transform:rotate(-12deg)rotateY(-15deg);box-shadow:-5px 1px #193d31,5px 5px #e7dec8,7px 7px #c9baa0,10px 10px #26523d,15px 24px 22px #203b362a}.book-border{outline-offset:4px;color:#e3d49b;border:1px solid #bcac70;border-radius:2px 8px 8px 2px;outline:1px solid #bcac7044;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.book-medallion{font-size:44px;line-height:1}.book-title{margin-top:12px;font-size:18px}.book-rule{background:#bcac70;width:30px;height:1px;margin-top:15px}.art-orbit{border:1px solid var(--app-border);z-index:-1;border-radius:50%;width:440px;height:440px;position:absolute}.art-orbit-two{opacity:.65;border-style:dashed;width:500px;height:500px}.art-spark{color:#a98a50;position:absolute}.art-spark-one{font-size:26px;top:28px;right:60px}.art-spark-two{font-size:38px;bottom:70px;left:48px}.art-note{border-radius:17px;align-items:center;gap:11px;padding:13px 17px;display:flex;position:absolute}.art-note-top{top:90px;left:-13px;transform:rotate(-5deg)}.art-note-bottom{bottom:38px;right:-6px;transform:rotate(4deg)}.art-note strong{font-size:11px;font-weight:850;display:block}.art-note :where(div>span){color:var(--app-muted);margin-top:3px;font-size:9px;display:block}.art-note-icon{color:#42674d;background:#e5ecdf;border-radius:12px;place-items:center;width:37px;height:37px;font-size:23px;display:grid}.art-note-icon.warm{color:#a47136;background:#f6edda;font-size:19px}.welcome-features{border-top:1px solid var(--app-border);grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;padding:34px 0 38px;display:grid}.welcome-feature-intro h2{letter-spacing:-.04em;margin-top:9px;font-size:23px;font-weight:800;line-height:1.4}.welcome-feature>span{background:var(--app-surface-soft);width:30px;height:30px;color:var(--app-muted);box-shadow:var(--app-shadow-inset);border-radius:10px;place-items:center;font-size:10px;font-weight:800;display:grid}.welcome-feature h3{margin-top:13px;font-size:14px;font-weight:850}.welcome-feature p{color:var(--app-muted);max-width:220px;margin-top:7px;font-size:12px;line-height:1.75}.welcome-footer{border-top:1px solid var(--app-border);color:var(--app-muted);justify-content:space-between;gap:20px;padding:23px 0;font-size:10px;display:flex}@media(min-width:1024px){[data-content-pane=navigation]{--app-pane-start:232px}.app-shell[data-content-pane=navigation]{padding-left:var(--app-pane-start)}.app-navigation{width:var(--app-pane-start);border-top:0;border-right:1px solid var(--app-border);background:var(--app-surface);overscroll-behavior:contain;flex-direction:column;padding:30px 20px;display:flex;top:0;bottom:0;right:auto;overflow-y:auto}.app-navigation>*{flex-shrink:0}.nav-brand{padding:0 4px 38px;display:block}.nav-caption{padding:10px 15px 17px;display:block}.nav-links{flex-direction:column;gap:9px}.nav-link{flex:initial;flex-direction:row;justify-content:flex-start;gap:15px;min-height:52px;padding:0 18px;font-size:13px}.nav-bottom{flex-direction:column;gap:24px;margin-top:auto;padding-top:28px;display:flex}.nav-bottom .theme-toggle{justify-content:center;width:100%}.nav-note{border:1px solid var(--app-border);color:var(--app-muted);text-align:center;border-radius:20px;margin:0;padding:22px 14px;font-size:12px;line-height:1.8}.nav-note>span{color:var(--app-reward);margin-bottom:10px;font-size:26px;display:block}.app-main{padding-bottom:24px}}@media(min-width:1024px)and (max-height:760px){.nav-note{display:none}}@media(max-width:900px){.welcome-page{padding:0 6%}.welcome-main{gap:12px}.welcome-art{margin-inline:-25px;transform:scale(.85)}.welcome-features{grid-template-columns:1fr 1fr;gap:20px}}@media(max-width:640px){.welcome-header{min-height:92px}.welcome-header-note{display:none}.welcome-main{flex-direction:column;gap:10px;padding:25px 0 24px;display:flex}.welcome-copy{width:100%}.welcome-copy h1{margin:19px 0;font-size:clamp(36px,9.8vw,54px)}.welcome-description{max-width:none;font-size:14px}.welcome-signin{max-width:none;margin:25px 0}.welcome-details{column-gap:13px;font-size:10px}.welcome-art{width:100%;min-height:390px;margin:10px 0;overflow:hidden;transform:none}.welcome-arch{width:245px;height:344px}.welcome-arch>p{margin-top:33px;font-size:17px}.book-illustration{transform-origin:top;height:162px;margin-top:19px;transform:scale(.83)}.arch-caption{margin-top:19px;font-size:7px}.art-orbit{width:330px;height:330px}.art-orbit-two{width:390px;height:390px}.art-note{gap:7px;padding:10px}.art-note-top{top:75px;left:0}.art-note-bottom{bottom:21px;right:0}.art-note strong{font-size:9px}.art-note :where(div>span){font-size:8px}.art-note-icon{width:30px;height:30px;font-size:19px}.art-spark-one{top:12px;right:10px}.art-spark-two{bottom:60px;left:12px}.welcome-features{gap:25px 20px;padding-top:25px}.welcome-feature-intro h2{font-size:20px}.welcome-footer{align-items:center;font-size:9px}}@media(prefers-reduced-motion:reduce){:root:not([data-reduced-motion]),:root:not([data-reduced-motion]) *,:root:not([data-reduced-motion]) :before,:root:not([data-reduced-motion]) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-reduced-motion=true],:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.friends-page{width:100%;min-width:0;color:var(--app-ink);padding:clamp(20px,3vw,48px)}.friends-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.friends-heading h1{margin:8px 0;font-size:clamp(28px,4vw,42px);font-weight:900}.friends-heading p,.friend-muted,.friend-row small{color:var(--app-muted)}.friend-count,.friend-info{border:1px solid var(--app-border);background:var(--app-surface-soft);border-radius:16px;padding:14px 18px}.friend-count{white-space:nowrap;font-weight:800}.friend-info{margin-bottom:20px;line-height:1.6}.friend-tabs{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.friend-tabs button{border:2px solid var(--app-control-border);background:var(--app-control-bg);min-height:48px;box-shadow:var(--app-shadow-control);border-radius:14px;padding:10px 18px;font-weight:800}.friend-tabs button[aria-pressed=true]{background:var(--app-accent);color:var(--app-on-accent);border-color:var(--app-accent)}.friend-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;display:grid}.friend-card,.friend-request-section{border:2px solid var(--app-border);background:var(--app-surface);min-width:0;box-shadow:var(--app-shadow);border-radius:22px;padding:22px}.friend-card{flex-direction:column;gap:24px;display:flex}.friend-request-section{flex-direction:column;gap:16px;display:flex}.friend-request-section h2,.friend-pending h2{font-size:22px;font-weight:900}.friend-person{align-items:center;gap:14px;min-width:0;display:flex}.friend-person strong{overflow-wrap:anywhere;font-size:18px}.friend-avatar{background:var(--app-accent-soft);border:1px solid var(--app-control-border);border-radius:18px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:22px;font-weight:900;display:grid;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%}.friend-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.friend-actions>*{overflow-wrap:anywhere;max-width:100%}.friend-text-link{color:var(--app-accent);text-underline-offset:4px;align-items:center;min-height:44px;padding:6px 2px;font-weight:800;text-decoration:underline;display:inline-flex}.friend-text-link:disabled{opacity:.5;cursor:not-allowed}.friend-empty{border:2px dashed var(--app-border);background:var(--app-surface);border-radius:28px;flex-direction:column;align-items:flex-start;gap:20px;padding:clamp(24px,4vw,56px);display:flex}.friend-empty>span{color:var(--app-reward);font-size:44px}.friend-empty h2{font-size:26px;font-weight:900}.friend-empty p{max-width:55ch;color:var(--app-muted)}.friend-find{flex-direction:column;gap:16px;display:flex}.friend-find label{font-weight:800}.friend-find input{background:var(--app-control-bg);border:2px solid var(--app-control-border);width:100%;min-height:56px;color:var(--app-ink);border-radius:16px;padding:14px 18px}.friend-pending{flex-direction:column;gap:16px;margin-top:36px;display:flex}.friend-row{border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.friend-row>div{overflow-wrap:anywhere;min-width:0}.friend-error{color:var(--app-danger);border:1px solid var(--app-danger);background:var(--app-danger-soft);border-radius:12px;padding:12px}.friend-dialog{overscroll-behavior:contain;border:2px solid var(--app-control-border);background:var(--app-surface);width:min(560px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--app-ink);box-shadow:var(--app-shadow);border-radius:26px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.friend-dialog::backdrop{background:var(--app-overlay)}.friend-dialog-header{z-index:1;background:var(--app-surface);border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex;position:sticky;top:0}.friend-dialog-header h2{overflow-wrap:anywhere;min-width:0;font-size:24px;font-weight:900}.friend-close{border:1px solid var(--app-control-border);background:var(--app-control-bg);border-radius:50%;flex-shrink:0;place-items:center;width:44px;min-height:44px;font-size:24px;display:grid}.friend-dialog-content{overflow-wrap:anywhere;flex-direction:column;gap:20px;padding:24px;display:flex}.friend-dialog-content .friend-info{margin:0}.friend-worlds{flex-direction:column;gap:12px;display:flex}.friend-worlds legend{margin-bottom:12px;font-weight:800}.friend-world{border:2px solid var(--app-control-border);cursor:pointer;background:var(--app-control-bg);border-radius:14px;align-items:center;gap:14px;min-height:60px;padding:14px;display:flex}.friend-world[data-selected=true]{border-color:var(--app-accent);background:var(--app-accent-soft);box-shadow:0 0 0 1px var(--app-accent)}.friend-world input{width:20px;height:20px;accent-color:var(--app-accent)}.friend-invitation{border-top:1px solid var(--app-border);flex-direction:column;gap:14px;padding-top:18px;display:flex}.friend-notice{z-index:45;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--app-surface);width:min(500px,100vw - 40px);color:var(--app-ink);border:2px solid var(--app-control-border);box-shadow:var(--app-shadow);border-radius:22px;flex-wrap:wrap;align-items:center;gap:14px;padding:18px;display:flex;position:fixed;right:20px}.friend-notice>div{overflow-wrap:anywhere;flex:1;min-width:0}.friend-dot-button{z-index:45;border:1px solid var(--app-control-border);min-height:44px;color:var(--app-ink);background:var(--app-control-bg);box-shadow:var(--app-shadow-control);border-radius:24px;align-items:center;gap:8px;padding:8px 14px;font-weight:800;display:flex;position:fixed;top:104px;right:16px}.friend-dot{background:var(--app-reward);border-radius:50%;width:10px;height:10px}@media(min-width:1024px){.friend-notice{bottom:28px}}@media(prefers-reduced-motion:no-preference){.friend-dialog[open],.friend-empty,.friend-card{animation:.2s ease-out friend-enter}@keyframes friend-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}html[lang=ur] body{font-family:var(--font-ui-urdu);font-synthesis:none;font-size:calc(18px * var(--reading-urdu-scale,1));line-height:1.9}html[lang=ur] .eyebrow{letter-spacing:normal;font-size:calc(14px * var(--reading-urdu-scale,1));line-height:1.9}html[lang=ur] :is(button,input,select,textarea){font-family:inherit}html[lang=ur] :is(button,[role=button],.primary-action,.secondary-action,.nav-link,.admin-nav-link){font-family:var(--font-urdu);letter-spacing:normal}html[lang=ur] :is(.primary-action,.secondary-action){font-size:calc(20px * var(--reading-urdu-scale,1));white-space:normal;min-height:48px;line-height:2}html[lang=ur] .page-heading{font-family:var(--font-ui-urdu);letter-spacing:normal;line-height:1.6}html[lang=ur] .nav-link{font-size:calc(18px * var(--reading-urdu-scale,1));min-width:0;padding-block:8px;line-height:1.9}html[lang=ur] .nav-link svg{flex-shrink:0}html[lang=ur] .nav-note{line-height:2;font-size:calc(16px * var(--reading-urdu-scale,1))}html[lang=ur] .theme-toggle{font-size:calc(17px * var(--reading-urdu-scale,1));white-space:normal}html .font-urdu{letter-spacing:normal;line-height:2.4}html .font-arabic{letter-spacing:normal;line-height:1.9}html[dir=rtl] .app-pane-surface{right:var(--app-pane-start,0px);left:0}html[dir=rtl] .app-pane-layer{padding-right:calc(var(--app-pane-start,0px) + var(--app-pane-gutter,0px));padding-left:var(--app-pane-gutter,0px)}html[dir=rtl] .app-shell [data-sonner-toaster][data-x-position=center]{left:calc(50% - var(--app-pane-start,0px) / 2)}@media(min-width:1024px){html[dir=rtl] .app-shell[data-content-pane=navigation]{padding-left:0;padding-right:var(--app-pane-start)}html[dir=rtl] .app-navigation{border-right:0;border-left:1px solid var(--app-border);left:auto;right:0}}html[lang=ur]{--text-xs:calc(1rem * var(--reading-urdu-scale,1));--text-sm:calc(1rem * var(--reading-urdu-scale,1));--text-base:calc(1rem * var(--reading-urdu-scale,1));--text-lg:calc(1.125rem * var(--reading-urdu-scale,1));--text-xl:calc(1.25rem * var(--reading-urdu-scale,1));--text-2xl:calc(1.5rem * var(--reading-urdu-scale,1));--text-3xl:calc(1.875rem * var(--reading-urdu-scale,1));--text-4xl:calc(2.25rem * var(--reading-urdu-scale,1));--text-5xl:calc(3rem * var(--reading-urdu-scale,1));--text-6xl:calc(3.75rem * var(--reading-urdu-scale,1));--text-7xl:calc(4.5rem * var(--reading-urdu-scale,1))}html :is(.font-arabic,[lang=ar]){--text-xs:calc(1rem * var(--reading-arabic-scale,1));--text-sm:calc(1rem * var(--reading-arabic-scale,1));--text-base:calc(1rem * var(--reading-arabic-scale,1));--text-lg:calc(1.125rem * var(--reading-arabic-scale,1));--text-xl:calc(1.25rem * var(--reading-arabic-scale,1));--text-2xl:calc(1.5rem * var(--reading-arabic-scale,1));--text-3xl:calc(1.875rem * var(--reading-arabic-scale,1));--text-4xl:calc(2.25rem * var(--reading-arabic-scale,1));--text-5xl:calc(3rem * var(--reading-arabic-scale,1));--text-6xl:calc(3.75rem * var(--reading-arabic-scale,1));--text-7xl:calc(4.5rem * var(--reading-arabic-scale,1))}html :is(.font-urdu,[lang=ur]){--text-xs:calc(1rem * var(--reading-urdu-scale,1));--text-sm:calc(1rem * var(--reading-urdu-scale,1));--text-base:calc(1rem * var(--reading-urdu-scale,1));--text-lg:calc(1.125rem * var(--reading-urdu-scale,1));--text-xl:calc(1.25rem * var(--reading-urdu-scale,1));--text-2xl:calc(1.5rem * var(--reading-urdu-scale,1));--text-3xl:calc(1.875rem * var(--reading-urdu-scale,1));--text-4xl:calc(2.25rem * var(--reading-urdu-scale,1));--text-5xl:calc(3rem * var(--reading-urdu-scale,1));--text-6xl:calc(3.75rem * var(--reading-urdu-scale,1));--text-7xl:calc(4.5rem * var(--reading-urdu-scale,1))}html[dir=rtl] .learning-hero-art{left:-2.5rem;right:auto}@media(max-width:1023px){html[lang=ur] .app-main{padding-bottom:calc(120px * var(--reading-urdu-scale,1) + env(safe-area-inset-bottom));scroll-padding-bottom:calc(120px * var(--reading-urdu-scale,1) + env(safe-area-inset-bottom))}html[lang=ur] .nav-link{justify-content:flex-start}}html[dir=rtl] .admin-sidebar{border-right:0;border-left:1px solid var(--app-border)}html[lang=ur] .admin-nav-link{white-space:normal;font-size:1.125rem;line-height:1.9}html[lang=ur] .admin-workspace :is(button,input,select,textarea){line-height:1.9}html[lang=ur] .admin-workspace :is(input,select,textarea){font-family:var(--font-ui-urdu)}html[lang=ur] .admin-workspace :is(button,input:not([type=checkbox]):not([type=radio]):not([type=color]),select){min-height:44px}html[lang=ur] .admin-workspace .eyebrow{letter-spacing:normal}html [lang=ar],html .font-arabic{font-family:var(--font-arabic)}html .font-urdu{font-family:var(--font-urdu)}html[lang=ur] [dir=ltr]:is(input,textarea){text-align:left;unicode-bidi:plaintext}html[lang=ur] .admin-workspace{--text-xs:1rem;--text-sm:1rem}.lesson-top-bar{grid-template-columns:104px minmax(0,1fr) 104px;align-items:center;gap:8px;padding:12px;display:grid}.lesson-icon-control{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;line-height:1;display:flex}.lesson-header-tools{justify-self:end;align-items:center;gap:8px;display:flex}.lesson-stage{align-items:center;width:100%;min-width:0;display:flex}.lesson-stage-title{width:100%;font-family:var(--font-urdu);font-size:calc(26px * var(--reading-urdu-scale,1));text-align:center;overflow-wrap:normal;margin:0;line-height:1.8}.lesson-heart-symbol{font-size:16px;line-height:1}.lesson-heart-count{font-family:var(--font-sans);font-size:16px;font-weight:800;line-height:1}@media(min-width:480px){.lesson-top-bar{padding:16px}.lesson-stage-title{font-size:calc(28px * var(--reading-urdu-scale,1))}}@media(max-width:479px){.lesson-top-bar{grid-template-columns:1fr 1fr;gap:4px 12px}.lesson-header-tools{grid-area:1/2}.lesson-stage{grid-area:2/1/auto/-1;min-height:28px}}html[lang=ur] :is(button,[role=button]):is(.text-xs,.text-sm){font-size:calc(18px * var(--reading-urdu-scale,1));line-height:2}html[lang=ur] .brand-mark small{font-size:calc(14px * var(--reading-urdu-scale,1));line-height:1.9}html[lang=ur] :is(.welcome-description,.signin-note,.signin-error,.welcome-details,.welcome-feature p){font-size:calc(16px * var(--reading-urdu-scale,1));line-height:1.9}html[lang=ur] .welcome-feature h3{font-size:calc(20px * var(--reading-urdu-scale,1));line-height:1.9}html[lang=ur] :is(.welcome-footer,.arch-caption){font-size:calc(14px * var(--reading-urdu-scale,1));line-height:1.9}html[lang=ur] .welcome-copy h1{letter-spacing:normal;line-height:1.6}html[lang=ur] .welcome-copy h1 em{letter-spacing:normal}html[lang=ur] .welcome-footer{flex-wrap:wrap}@media(min-width:1024px){html[lang=ur]{--text-xs:calc(18px * var(--reading-urdu-scale,1));--text-sm:calc(20px * var(--reading-urdu-scale,1));--text-base:calc(22px * var(--reading-urdu-scale,1));--text-lg:calc(24px * var(--reading-urdu-scale,1));--text-xl:calc(28px * var(--reading-urdu-scale,1));--text-2xl:calc(32px * var(--reading-urdu-scale,1));--text-3xl:calc(36px * var(--reading-urdu-scale,1));--app-notice-font-size:calc(20px * var(--reading-urdu-scale,1));--world-heading-font-size:calc(28px * var(--reading-urdu-scale,1))}html[lang=ur] body{font-size:calc(20px * var(--reading-urdu-scale,1))}html[lang=ur] .admin-workspace{--text-xs:18px;--text-sm:20px}html[lang=ur] :is(.font-urdu,[lang=ur],button,[role=button]):not(.font-arabic,[lang=ar]){--text-xs:calc(22px * var(--reading-urdu-scale,1));--text-sm:calc(24px * var(--reading-urdu-scale,1));--text-base:calc(26px * var(--reading-urdu-scale,1));--text-lg:calc(28px * var(--reading-urdu-scale,1));--text-xl:calc(30px * var(--reading-urdu-scale,1));--text-2xl:calc(34px * var(--reading-urdu-scale,1));--text-3xl:calc(38px * var(--reading-urdu-scale,1))}html[lang=ur] :is(.eyebrow,.brand-mark small,.nav-note,.welcome-footer,.arch-caption){font-size:calc(18px * var(--reading-urdu-scale,1))}html[lang=ur] :is(.nav-link,.admin-nav-link,.theme-toggle){font-size:calc(22px * var(--reading-urdu-scale,1))}html[lang=ur] :is(.primary-action,.secondary-action,.appearance-option),html[lang=ur] :is(button,[role=button]):is(.text-xs,.text-sm){font-size:calc(24px * var(--reading-urdu-scale,1));line-height:2}html[lang=ur] :is(.welcome-description,.signin-note,.signin-error,.welcome-details,.welcome-feature p){font-size:calc(20px * var(--reading-urdu-scale,1))}html[lang=ur] :is(.brand-mark strong,.welcome-feature h3){font-size:calc(24px * var(--reading-urdu-scale,1))}html[lang=ur] .page-heading{font-size:clamp(34px,3vw,44px)}html[lang=ur] .lesson-stage-title{font-size:calc(32px * var(--reading-urdu-scale,1))}html[lang=ur] .eyebrow{font-family:var(--font-ui-urdu)}html[lang=ur] .welcome-footer .font-urdu{font-size:calc(22px * var(--reading-urdu-scale,1))}html[lang=ur] .friend-tabs button{font-size:calc(24px * var(--reading-urdu-scale,1))}.welcome-main{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.welcome-copy,.welcome-art{min-width:0}.art-orbit{aspect-ratio:1;max-width:100%;height:auto}}.language-option{border:1px solid var(--app-control-border);background:var(--app-control-bg);min-width:68px;min-height:44px;color:var(--app-ink);box-shadow:var(--app-shadow-control);border-radius:12px;padding:6px 12px;font-size:16px;line-height:1.6}.language-option[aria-pressed=true]{background:var(--app-accent);color:var(--app-on-accent);border-color:var(--app-accent)}html .language-option[lang=en]{font-family:var(--font-sans);font-size:16px;line-height:1.6}html .language-option[lang=ur]{font-size:20px;line-height:1.8}html .language-option[data-static-urdu-label=true]{font-family:Muallim Urdu Toggle,serif}.welcome-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}html[lang=en] body{font-family:var(--font-sans);font-size:18px;line-height:1.65}html[lang=en]{--text-xs:.875rem;--text-sm:1rem;--app-notice-font-size:18px}html[lang=en] .interface-copy{font-family:var(--font-sans);line-height:1.65}html[lang=en] .lesson-stage-title{font-family:var(--font-sans);font-size:24px;line-height:1.4}html[lang=en] .back-chevron{transform:scaleX(-1)}html[lang=en] :is(.primary-action,.secondary-action){white-space:normal;min-height:48px;font-size:18px}html[lang=en] .admin-workspace :is(button,input:not([type=checkbox]):not([type=radio]):not([type=color]),select){min-height:44px}html :is(.font-urdu,[lang=ur]):not(html){font-family:var(--font-urdu);letter-spacing:normal}html :is([lang=ar],.font-arabic){font-family:var(--font-arabic)}html :is([lang=ur],[lang=ar]){unicode-bidi:isolate}@media(min-width:1024px){html[lang=en]{--text-xs:1rem;--text-sm:1.125rem;--text-base:1.125rem;--world-heading-font-size:28px}html[lang=en] :is(.nav-link,.admin-nav-link,.theme-toggle){font-size:18px}html[lang=en] :is(.font-urdu,[lang=ur]):not(html){--text-xs:calc(22px * var(--reading-urdu-scale,1));--text-sm:calc(24px * var(--reading-urdu-scale,1));--text-base:calc(26px * var(--reading-urdu-scale,1));--text-lg:calc(28px * var(--reading-urdu-scale,1));--text-xl:calc(30px * var(--reading-urdu-scale,1));--text-2xl:calc(34px * var(--reading-urdu-scale,1));--text-3xl:calc(38px * var(--reading-urdu-scale,1))}}@media(max-width:479px){.welcome-header{flex-wrap:wrap;align-items:flex-start;gap:16px}.welcome-controls{justify-content:flex-start}}html[lang=en] .directional-forward{display:inline-block;transform:scaleX(-1)}[data-learning-content][lang=ur]{line-height:2.4}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}