*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-left-1\.5{left:-.375rem}.-top-1\.5{top:-.375rem}.-top-5{top:-1.25rem}.bottom-28{bottom:7rem}.bottom-4{bottom:1rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-3\.5{left:.875rem}.left-4{left:1rem}.left-9{left:2.25rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-11{top:2.75rem}.top-2{top:.5rem}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.z-\[200\]{z-index:200}.z-\[201\]{z-index:201}.z-\[2\]{z-index:2}.z-\[5\]{z-index:5}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.m-auto{margin:auto}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.\!mb-0{margin-bottom:0!important}.\!mb-3{margin-bottom:.75rem!important}.-mb-2{margin-bottom:-.5rem}.-ml-1{margin-left:-.25rem}.-mt-1{margin-top:-.25rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-5{margin-left:1.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-3\.5{margin-top:.875rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-px{margin-top:1px}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.\!hidden{display:none!important}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.\!h-12{height:3rem!important}.\!h-14{height:3.5rem!important}.\!h-8{height:2rem!important}.h-0{height:0px}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-28{height:7rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[62px\]{height:62px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-64{max-height:16rem}.max-h-\[60vh\]{max-height:60vh}.min-h-0{min-height:0px}.min-h-\[1\.25rem\]{min-height:1.25rem}.min-h-\[2\.75rem\]{min-height:2.75rem}.min-h-\[220px\]{min-height:220px}.min-h-\[28px\]{min-height:28px}.min-h-\[56px\]{min-height:56px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-12{width:3rem!important}.\!w-14{width:3.5rem!important}.\!w-16{width:4rem!important}.\!w-8{width:2rem!important}.w-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[26rem\]{width:26rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[1\.75rem\]{min-width:1.75rem}.min-w-\[130px\]{min-width:130px}.min-w-\[160px\]{min-width:160px}.min-w-\[170px\]{min-width:170px}.min-w-\[180px\]{min-width:180px}.min-w-\[2\.5em\]{min-width:2.5em}.min-w-\[200px\]{min-width:200px}.min-w-\[3ch\]{min-width:3ch}.min-w-\[600px\]{min-width:600px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[220px\]{max-width:220px}.max-w-\[260px\]{max-width:260px}.max-w-\[40\%\]{max-width:40%}.max-w-\[45\%\]{max-width:45%}.max-w-\[75\%\]{max-width:75%}.max-w-\[80\%\]{max-width:80%}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .35s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.scroll-mt-6{scroll-margin-top:1.5rem}.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-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[130px_1fr_32px\]{grid-template-columns:130px 1fr 32px}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[minmax\(0\,140px\)_1fr\]{grid-template-columns:minmax(0,140px) 1fr}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.\!items-start{align-items:flex-start!important}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.\!items-center{align-items:center!important}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.\!gap-1{gap:.25rem!important}.\!gap-1\.5{gap:.375rem!important}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-1\.5{row-gap:.375rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-\[var\(--soft-border\)\]>:not([hidden])~:not([hidden]){border-color:var(--soft-border)}.self-center{align-self:center}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-bl-\[20px\]{border-bottom-left-radius:20px}.rounded-bl-sm{border-bottom-left-radius:.125rem}.rounded-br-\[20px\]{border-bottom-right-radius:20px}.rounded-br-sm{border-bottom-right-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[3px\]{border-width:3px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[var\(--soft-border\)\]{border-color:var(--soft-border)}.border-\[var\(--soft-border-strong\)\]{border-color:var(--soft-border-strong)}.border-gold-400{--tw-border-opacity: 1;border-color:rgb(var(--gold-400) / var(--tw-border-opacity, 1))}.border-gold-400\/40{border-color:rgb(var(--gold-400) / .4)}.border-gold-400\/50{border-color:rgb(var(--gold-400) / .5)}.border-gold-400\/60{border-color:rgb(var(--gold-400) / .6)}.border-gold-400\/70{border-color:rgb(var(--gold-400) / .7)}.border-gold-500{--tw-border-opacity: 1;border-color:rgb(var(--gold-500) / var(--tw-border-opacity, 1))}.border-gold-500\/20{border-color:rgb(var(--gold-500) / .2)}.border-gold-500\/30{border-color:rgb(var(--gold-500) / .3)}.border-gold-500\/35{border-color:rgb(var(--gold-500) / .35)}.border-gold-500\/40{border-color:rgb(var(--gold-500) / .4)}.border-gold-500\/50{border-color:rgb(var(--gold-500) / .5)}.border-gold-500\/60{border-color:rgb(var(--gold-500) / .6)}.border-green-400\/60{border-color:#4ade8099}.border-navy-400{--tw-border-opacity: 1;border-color:rgb(var(--navy-400) / var(--tw-border-opacity, 1))}.border-navy-500{--tw-border-opacity: 1;border-color:rgb(var(--navy-500) / var(--tw-border-opacity, 1))}.border-navy-500\/40{border-color:rgb(var(--navy-500) / .4)}.border-navy-500\/50{border-color:rgb(var(--navy-500) / .5)}.border-navy-500\/60{border-color:rgb(var(--navy-500) / .6)}.border-navy-600{--tw-border-opacity: 1;border-color:rgb(var(--navy-600) / var(--tw-border-opacity, 1))}.border-navy-600\/30{border-color:rgb(var(--navy-600) / .3)}.border-navy-600\/50{border-color:rgb(var(--navy-600) / .5)}.border-navy-600\/60{border-color:rgb(var(--navy-600) / .6)}.border-navy-700{--tw-border-opacity: 1;border-color:rgb(var(--navy-700) / var(--tw-border-opacity, 1))}.border-navy-700\/40{border-color:rgb(var(--navy-700) / .4)}.border-navy-700\/60{border-color:rgb(var(--navy-700) / .6)}.border-navy-900\/30{border-color:rgb(var(--navy-900) / .3)}.border-red-400\/60{border-color:#f8717199}.border-red-400\/70{border-color:#f87171b3}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/40{border-color:#ef444466}.border-red-500\/50{border-color:#ef444480}.border-red-500\/60{border-color:#ef444499}.border-teal-500\/20{border-color:rgb(var(--teal-500) / .2)}.border-teal-500\/25{border-color:rgb(var(--teal-500) / .25)}.border-teal-500\/30{border-color:rgb(var(--teal-500) / .3)}.border-teal-500\/40{border-color:rgb(var(--teal-500) / .4)}.border-teal-500\/50{border-color:rgb(var(--teal-500) / .5)}.border-teal-500\/60{border-color:rgb(var(--teal-500) / .6)}.border-transparent{border-color:transparent}.border-yellow-400\/60{border-color:#facc1599}.border-t-gold-400{--tw-border-opacity: 1;border-top-color:rgb(var(--gold-400) / var(--tw-border-opacity, 1))}.border-t-navy-900{--tw-border-opacity: 1;border-top-color:rgb(var(--navy-900) / var(--tw-border-opacity, 1))}.bg-\[rgb\(var\(--hw-500\)\/0\.14\)\]{background-color:rgb(var(--hw-500)/.14)}.bg-\[var\(--soft-border\)\]{background-color:var(--soft-border)}.bg-amber-600\/70{background-color:#d97706b3}.bg-amber-900\/40{background-color:#78350f66}.bg-black\/60{background-color:#0009}.bg-gold-400{--tw-bg-opacity: 1;background-color:rgb(var(--gold-400) / var(--tw-bg-opacity, 1))}.bg-gold-500{--tw-bg-opacity: 1;background-color:rgb(var(--gold-500) / var(--tw-bg-opacity, 1))}.bg-gold-500\/10{background-color:rgb(var(--gold-500) / .1)}.bg-gold-500\/15{background-color:rgb(var(--gold-500) / .15)}.bg-gold-500\/20{background-color:rgb(var(--gold-500) / .2)}.bg-gold-500\/25{background-color:rgb(var(--gold-500) / .25)}.bg-gold-500\/60{background-color:rgb(var(--gold-500) / .6)}.bg-gold-500\/70{background-color:rgb(var(--gold-500) / .7)}.bg-gold-500\/\[0\.06\]{background-color:rgb(var(--gold-500) / .06)}.bg-gold-500\/\[0\.16\]{background-color:rgb(var(--gold-500) / .16)}.bg-green-500\/20{background-color:#22c55e33}.bg-navy-500{--tw-bg-opacity: 1;background-color:rgb(var(--navy-500) / var(--tw-bg-opacity, 1))}.bg-navy-600{--tw-bg-opacity: 1;background-color:rgb(var(--navy-600) / var(--tw-bg-opacity, 1))}.bg-navy-600\/50{background-color:rgb(var(--navy-600) / .5)}.bg-navy-600\/60{background-color:rgb(var(--navy-600) / .6)}.bg-navy-700{--tw-bg-opacity: 1;background-color:rgb(var(--navy-700) / var(--tw-bg-opacity, 1))}.bg-navy-700\/20{background-color:rgb(var(--navy-700) / .2)}.bg-navy-700\/30{background-color:rgb(var(--navy-700) / .3)}.bg-navy-700\/35{background-color:rgb(var(--navy-700) / .35)}.bg-navy-700\/40{background-color:rgb(var(--navy-700) / .4)}.bg-navy-700\/50{background-color:rgb(var(--navy-700) / .5)}.bg-navy-700\/55{background-color:rgb(var(--navy-700) / .55)}.bg-navy-700\/60{background-color:rgb(var(--navy-700) / .6)}.bg-navy-700\/70{background-color:rgb(var(--navy-700) / .7)}.bg-navy-700\/80{background-color:rgb(var(--navy-700) / .8)}.bg-navy-700\/90{background-color:rgb(var(--navy-700) / .9)}.bg-navy-800{--tw-bg-opacity: 1;background-color:rgb(var(--navy-800) / var(--tw-bg-opacity, 1))}.bg-navy-800\/20{background-color:rgb(var(--navy-800) / .2)}.bg-navy-800\/40{background-color:rgb(var(--navy-800) / .4)}.bg-navy-800\/60{background-color:rgb(var(--navy-800) / .6)}.bg-navy-800\/90{background-color:rgb(var(--navy-800) / .9)}.bg-navy-800\/95{background-color:rgb(var(--navy-800) / .95)}.bg-navy-900{--tw-bg-opacity: 1;background-color:rgb(var(--navy-900) / var(--tw-bg-opacity, 1))}.bg-navy-900\/40{background-color:rgb(var(--navy-900) / .4)}.bg-navy-900\/80{background-color:rgb(var(--navy-900) / .8)}.bg-navy-900\/85{background-color:rgb(var(--navy-900) / .85)}.bg-navy-950\/50{background-color:rgb(var(--navy-950) / .5)}.bg-navy-950\/60{background-color:rgb(var(--navy-950) / .6)}.bg-navy-950\/70{background-color:rgb(var(--navy-950) / .7)}.bg-purple-900\/40{background-color:#581c8766}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-600\/10{background-color:#dc26261a}.bg-red-600\/20{background-color:#dc262633}.bg-red-900\/10{background-color:#7f1d1d1a}.bg-red-900\/20{background-color:#7f1d1d33}.bg-red-900\/25{background-color:#7f1d1d40}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-red-900\/40{background-color:#7f1d1d66}.bg-red-900\/5{background-color:#7f1d1d0d}.bg-teal-400{--tw-bg-opacity: 1;background-color:rgb(var(--teal-400) / var(--tw-bg-opacity, 1))}.bg-teal-500{--tw-bg-opacity: 1;background-color:rgb(var(--teal-500) / var(--tw-bg-opacity, 1))}.bg-teal-500\/10{background-color:rgb(var(--teal-500) / .1)}.bg-teal-500\/15{background-color:rgb(var(--teal-500) / .15)}.bg-teal-500\/25{background-color:rgb(var(--teal-500) / .25)}.bg-teal-500\/70{background-color:rgb(var(--teal-500) / .7)}.bg-teal-500\/\[0\.08\]{background-color:rgb(var(--teal-500) / .08)}.bg-teal-600\/10{background-color:rgb(var(--teal-600) / .1)}.bg-teal-600\/20{background-color:rgb(var(--teal-600) / .2)}.bg-teal-700\/30{background-color:#0f766e4d}.bg-teal-900\/10{background-color:#134e4a1a}.bg-teal-900\/20{background-color:#134e4a33}.bg-teal-900\/30{background-color:#134e4a4d}.bg-teal-900\/35{background-color:#134e4a59}.bg-teal-900\/40{background-color:#134e4a66}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-400\/20{background-color:#facc1533}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-6{padding:1.5rem!important}.\!p-7{padding:1.75rem!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!px-4{padding-left:1rem!important;padding-right:1rem!important}.\!px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.\!py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.\!py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.\!py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.\!py-3\.5{padding-top:.875rem!important;padding-bottom:.875rem!important}.\!py-4{padding-top:1rem!important;padding-bottom:1rem!important}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.\!pl-8{padding-left:2rem!important}.\!pl-9{padding-left:2.25rem!important}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-3\.5{padding-bottom:.875rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-1{padding-left:.25rem}.pl-14{padding-left:3.5rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-0{padding-right:0}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-9{padding-right:2.25rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-3{padding-top:.75rem}.pt-3\.5{padding-top:.875rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-ui{font-family:Outfit,system-ui,sans-serif}.\!text-2xl{font-size:1.5rem!important;line-height:2rem!important}.\!text-\[11px\]{font-size:11px!important}.\!text-\[13px\]{font-size:13px!important}.\!text-\[15px\]{font-size:15px!important}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.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)}.leading-\[2\.5\]{line-height:2.5}.leading-loose{line-height:2}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-normal{letter-spacing:0em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-cream-100{--tw-text-opacity: 1;color:rgb(var(--cream-100) / var(--tw-text-opacity, 1))}.text-cream-200{--tw-text-opacity: 1;color:rgb(var(--cream-200) / var(--tw-text-opacity, 1))}.text-cream-300{--tw-text-opacity: 1;color:rgb(var(--cream-300) / var(--tw-text-opacity, 1))}.text-cream-400{--tw-text-opacity: 1;color:rgb(var(--cream-400) / var(--tw-text-opacity, 1))}.text-cream-500{--tw-text-opacity: 1;color:rgb(var(--cream-500) / var(--tw-text-opacity, 1))}.text-cream-500\/60{color:rgb(var(--cream-500) / .6)}.text-cream-500\/70{color:rgb(var(--cream-500) / .7)}.text-cream-600{--tw-text-opacity: 1;color:rgb(var(--cream-600) / var(--tw-text-opacity, 1))}.text-gold-300{--tw-text-opacity: 1;color:rgb(var(--gold-300) / var(--tw-text-opacity, 1))}.text-gold-400{--tw-text-opacity: 1;color:rgb(var(--gold-400) / var(--tw-text-opacity, 1))}.text-gold-400\/90{color:rgb(var(--gold-400) / .9)}.text-gold-500{--tw-text-opacity: 1;color:rgb(var(--gold-500) / var(--tw-text-opacity, 1))}.text-gold-500\/70{color:rgb(var(--gold-500) / .7)}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-navy-400{--tw-text-opacity: 1;color:rgb(var(--navy-400) / var(--tw-text-opacity, 1))}.text-navy-500{--tw-text-opacity: 1;color:rgb(var(--navy-500) / var(--tw-text-opacity, 1))}.text-navy-600{--tw-text-opacity: 1;color:rgb(var(--navy-600) / var(--tw-text-opacity, 1))}.text-navy-700{--tw-text-opacity: 1;color:rgb(var(--navy-700) / var(--tw-text-opacity, 1))}.text-navy-900{--tw-text-opacity: 1;color:rgb(var(--navy-900) / var(--tw-text-opacity, 1))}.text-orange-300{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-400\/80{color:#f87171cc}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-scene-err{color:var(--scene-err-text)}.text-scene-ok{color:var(--scene-ok-text)}.text-teal-200{--tw-text-opacity: 1;color:rgb(153 246 228 / var(--tw-text-opacity, 1))}.text-teal-300{--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity, 1))}.text-teal-400{--tw-text-opacity: 1;color:rgb(var(--teal-400) / var(--tw-text-opacity, 1))}.text-teal-500{--tw-text-opacity: 1;color:rgb(var(--teal-500) / var(--tw-text-opacity, 1))}.text-teal-500\/80{color:rgb(var(--teal-500) / .8)}.text-teal-600{--tw-text-opacity: 1;color:rgb(var(--teal-600) / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-cream-500\/25{text-decoration-color:rgb(var(--cream-500) / .25)}.decoration-cream-500\/30{text-decoration-color:rgb(var(--cream-500) / .3)}.decoration-gold-500\/30{text-decoration-color:rgb(var(--gold-500) / .3)}.decoration-gold-500\/40{text-decoration-color:rgb(var(--gold-500) / .4)}.decoration-purple-500\/30{text-decoration-color:#a855f74d}.decoration-red-400\/60{text-decoration-color:#f8717199}.decoration-dotted{text-decoration-style:dotted}.decoration-wavy{text-decoration-style:wavy}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.underline-offset-\[6px\]{text-underline-offset:6px}.placeholder-cream-500\/60::-moz-placeholder{color:rgb(var(--cream-500) / .6)}.placeholder-cream-500\/60::placeholder{color:rgb(var(--cream-500) / .6)}.accent-gold-500{accent-color:rgb(var(--gold-500) / 1)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgb\(0_0_0\/0\.28\)\,0_2px_8px_rgb\(0_0_0\/0\.18\)\]{--tw-shadow: 0 10px 30px rgb(0 0 0/.28),0 2px 8px rgb(0 0 0/.18);--tw-shadow-colored: 0 10px 30px var(--tw-shadow-color), 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_12px_-4px_rgba\(201\,168\,76\,0\.35\)\]{--tw-shadow: 0 2px 12px -4px rgba(201,168,76,.35);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black\/20{--tw-shadow-color: rgb(0 0 0 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-gold-500\/10{--tw-shadow-color: rgb(var(--gold-500) / .1);--tw-shadow: var(--tw-shadow-colored)}.shadow-gold-500\/20{--tw-shadow-color: rgb(var(--gold-500) / .2);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-gold-400\/40{--tw-ring-color: rgb(var(--gold-400) / .4)}.ring-gold-500\/40{--tw-ring-color: rgb(var(--gold-500) / .4)}.ring-gold-500\/50{--tw-ring-color: rgb(var(--gold-500) / .5)}.ring-navy-500\/30{--tw-ring-color: rgb(var(--navy-500) / .3)}.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)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--navy-950: 7 12 20;--navy-900: 10 16 32;--navy-800: 15 22 35;--navy-700: 22 32 50;--navy-600: 30 45 69;--navy-500: 37 53 80;--navy-400: 55 70 100;--gold-300: 240 208 128;--gold-400: 224 188 110;--gold-500: 201 168 76;--gold-600: 168 137 58;--cream-100: 253 246 232;--cream-200: 245 230 200;--cream-300: 232 212 168;--cream-400: 212 184 128;--cream-500: 184 154 96;--cream-600: 140 114 64;--teal-400: 77 184 170;--teal-500: 42 157 143;--teal-600: 30 122 110;--body-bg: #0f1623;--drawer-bg: #162032;--scrollbar-track: #0f1623;--scrollbar-thumb: #253550;--scrollbar-thumb-hover: rgba(201,168,76,.33);--tooltip-bg: #162032;--tooltip-border: rgba(201,168,76,.3);--scene-ok-text: #a8e0d4;--scene-err-text: #fca5a5;--soft-border: rgba(245, 230, 200, .12);--soft-border-strong: rgba(245, 230, 200, .18)}[data-theme=light]{--soft-border: rgba(40, 32, 15, .12);--soft-border-strong: rgba(40, 32, 15, .18);--navy-950: 232 224 205;--navy-900: 240 234 218;--navy-800: 248 243 232;--navy-700: 255 252 245;--navy-600: 200 184 144;--navy-500: 220 208 180;--gold-300: 107 72 0;--gold-400: 138 96 0;--gold-500: 160 115 10;--gold-600: 192 145 30;--cream-100: 25 20 8;--cream-200: 40 32 15;--cream-300: 65 52 25;--cream-400: 95 78 42;--cream-500: 130 108 62;--cream-600: 100 82 40;--teal-400: 22 163 74;--teal-500: 15 130 55;--teal-600: 5 100 36;--navy-400: 155 130 75;--body-bg: #f8f3e8;--drawer-bg: #fffdf7;--scrollbar-track: #f0ebe0;--scrollbar-thumb: #c8b890;--scrollbar-thumb-hover: rgba(138,96,0,.4);--tooltip-bg: #fffdf7;--tooltip-border: rgba(138,96,0,.3);--progress-fill-from: #7a5c00;--progress-fill-to: #9a7a10;--scene-ok-text: #0a5c2a;--scene-err-text: #b91c1c}[data-theme=dark]{--soft-border: rgba(245, 230, 200, .12);--soft-border-strong: rgba(245, 230, 200, .18);--navy-950: 7 12 20;--navy-900: 10 16 32;--navy-800: 15 22 35;--navy-700: 22 32 50;--navy-600: 30 45 69;--navy-500: 37 53 80;--navy-400: 55 70 100;--gold-300: 240 208 128;--gold-400: 224 188 110;--gold-500: 201 168 76;--gold-600: 168 137 58;--cream-100: 253 246 232;--cream-200: 245 230 200;--cream-300: 232 212 168;--cream-400: 212 184 128;--cream-500: 184 154 96;--cream-600: 140 114 64;--teal-400: 77 184 170;--teal-500: 42 157 143;--teal-600: 30 122 110;--body-bg: #0f1623;--drawer-bg: #162032}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html{font-size:16px}body{background-color:var(--body-bg);color:rgb(var(--cream-200));font-family:Outfit,system-ui,sans-serif;overflow:hidden}@media(max-width:767px){body{overflow:auto}}:root{--font-arabic: "Noto Naskh Arabic", "Scheherazade New", Georgia, serif;--font-arabic-display: "Amiri", "Noto Naskh Arabic", serif}.arabic{font-family:var(--font-arabic);font-weight:500;direction:rtl;unicode-bidi:embed}.geo-bg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23c9a84c' stroke-width='0.3' opacity='0.08'%3E%3Cpolygon points='40,2 78,22 78,58 40,78 2,58 2,22'/%3E%3Cpolygon points='40,14 66,28 66,52 40,66 14,52 14,28'/%3E%3Cline x1='40' y1='2' x2='40' y2='78'/%3E%3Cline x1='2' y1='40' x2='78' y2='40'/%3E%3Cline x1='14' y1='14' x2='66' y2='66'/%3E%3Cline x1='66' y1='14' x2='14' y2='66'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px}.gold-divider{border:none;height:1px;background:linear-gradient(to right,transparent,rgba(var(--gold-500),.27),rgba(var(--gold-500),.53),rgba(var(--gold-500),.27),transparent)}textarea.no-scrollbar::-webkit-scrollbar{display:none}textarea.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.MuiTooltip-tooltip{background-color:var(--tooltip-bg)!important;border:1px solid var(--tooltip-border)!important;border-radius:12px!important;padding:12px 16px!important}.MuiTooltip-arrow{color:var(--tooltip-bg)!important}.MuiLinearProgress-root{background-color:rgb(var(--navy-600))!important;border-radius:4px!important}.MuiLinearProgress-bar{background:linear-gradient(90deg,rgb(var(--gold-500)),rgb(var(--gold-400)))!important}.type-tag-ism{background:rgba(var(--teal-500),.2);color:rgb(var(--teal-400))}.type-tag-fil{background:#3b82f626;color:#3b82f6}.type-tag-harf{background:#8b5cf626;color:#a855f7}.type-tag-fragment{background:#581c8766;color:#d8b4fe;border:1px solid rgba(168,85,247,.3)}[data-theme=light] .type-tag-ism{background:rgba(var(--teal-500),.18);color:rgb(var(--teal-600))}[data-theme=light] .type-tag-fil{background:#2563eb24;color:#1d4ed8}[data-theme=light] .type-tag-harf{background:#6d28d91f;color:#5b21b6;border:1px solid rgba(109,40,217,.25)}[data-theme=light] .type-tag-fragment{background:#a21caf1a;color:#86198f;border:1px solid rgba(162,28,175,.28)}[data-theme=light] .text-purple-300{color:#6b21a8}[data-theme=light] .bg-purple-900\/40{background-color:#6d28d91f}.progress-track{background-color:rgb(var(--navy-600))}[data-theme=light] .progress-track{background-color:#00000024}:root{--arabic-scale: 1}[data-fontsize=sm]{--arabic-scale: .82}[data-fontsize=lg]{--arabic-scale: 1.22}.ar-xs{font-size:calc(.875rem * var(--arabic-scale))}.ar-sm{font-size:calc(1rem * var(--arabic-scale))}.ar-base{font-size:calc(1.15rem * var(--arabic-scale))}.ar-lg{font-size:calc(1.3rem * var(--arabic-scale))}.ar-xl{font-size:calc(1.45rem * var(--arabic-scale))}.ar-2xl{font-size:calc(1.7rem * var(--arabic-scale))}.ar-3xl{font-size:calc(2.1rem * var(--arabic-scale))}.ar-4xl{font-size:calc(2.5rem * var(--arabic-scale))}.en-xs{font-size:calc(.75rem * var(--arabic-scale));line-height:1.4}.en-sm{font-size:calc(.875rem * var(--arabic-scale));line-height:1.45}.en-base{font-size:calc(1rem * var(--arabic-scale));line-height:1.5}.en-lg{font-size:calc(1.125rem * var(--arabic-scale));line-height:1.5}.en-xl{font-size:calc(1.25rem * var(--arabic-scale));line-height:1.45}.q-bubble{background:rgb(var(--navy-700) / .45);border:1px solid var(--soft-border);border-radius:28px;box-shadow:0 1px 2px #0000002e,0 18px 40px -22px #0000008c}[data-theme=light] .q-bubble{background:rgb(var(--navy-700) / .75);box-shadow:0 1px 2px #0000000a,0 16px 36px -20px #00000024}.q-choice{border:1px solid var(--soft-border)}.q-choice:hover{border-color:rgb(var(--gold-500) / .45)}.q-choice-pending{border:1px solid rgb(var(--gold-400) / .65)}.q-choice-correct{border:1px solid rgb(var(--teal-500) / .6)}.q-choice-wrong{border:1px solid rgba(239,68,68,.5)}.q-choice-muted{border:1px solid var(--soft-border)}.q-blank{display:inline-flex;align-items:center;justify-content:center;gap:.3em;min-width:3.4em;padding:.02em .7em;margin:0 .18em;border-radius:999px;background:rgb(var(--gold-500) / .13);color:rgb(var(--gold-300));box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .3);vertical-align:baseline;transition:background .25s ease,box-shadow .25s ease,color .25s ease}.q-blank .q-blank-idx{font-family:Outfit,sans-serif;font-size:.46em;font-weight:600;opacity:.6;letter-spacing:.02em}.q-blank-active{background:rgb(var(--gold-500) / .2);box-shadow:inset 0 0 0 1.5px rgb(var(--gold-400) / .75),0 0 0 4px rgb(var(--gold-500) / .08)}.q-blank-filled{background:rgb(var(--teal-500) / .22);color:var(--scene-ok-text);box-shadow:inset 0 0 0 1px rgb(var(--teal-500) / .5)}.q-blank-wrong{background:#ef44442e;color:var(--scene-err-text);box-shadow:inset 0 0 0 1px #ef444480}[data-theme=light] .kbd-badge{background-color:#00000012;border-color:#0000002e;color:rgb(var(--cream-300))}@keyframes plusOne{0%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:1;transform:translateY(-8px) scale(1.1)}to{opacity:0;transform:translateY(-18px) scale(.9)}}.animate-plus-one{animation:plusOne 1.2s ease-out forwards}@keyframes tutorialRing{0%,to{outline-color:#e0bc6ed9}50%{outline-color:#e0bc6e40}}.tutorial-highlight{outline:2px solid rgba(224,188,110,.85);outline-offset:4px;border-radius:10px;animation:tutorialRing 1.5s ease-in-out infinite;position:relative;z-index:10000}body.hero-active{overflow-x:hidden!important;overflow-y:auto!important}.hero-page{background:var(--body-bg);min-height:100vh;overflow-x:clip}.in-progress-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;font-family:Outfit,sans-serif;padding:2px 8px;border-radius:999px;background:rgb(var(--gold-500) / .18);color:rgb(var(--gold-400));border:1px solid rgb(var(--gold-500) / .35)}[data-theme=light] .game-card.featured{box-shadow:0 8px 32px #00000014}[data-theme=light] .text-red-300{color:#b91c1c}[data-theme=light] .text-teal-300{color:rgb(var(--teal-600))}[data-theme=light] .bg-red-900\/30{background-color:#dc26261a}[data-theme=light] .bg-teal-900\/30{background-color:#0f82371a}[data-theme=light] .bg-teal-900\/40{background-color:#0f82371f}[data-theme=light] .text-gold-100,[data-theme=light] .text-gold-200{color:rgb(var(--gold-300))}[data-theme=light] .text-teal-200{color:rgb(var(--teal-600))}[data-theme=light] .text-red-200{color:#b91c1c}[data-theme=light] .bg-teal-900\/20{background-color:#0f823714}[data-theme=light] .bg-red-900\/25{background-color:#dc262614}.hero-nav-bar{position:absolute;top:0;left:0;right:0;z-index:50;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;background:rgb(var(--navy-900) / .35);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid rgba(201,168,76,.12);transition:background .3s ease,border-color .3s ease}.hero-nav-bar.nav-scrolled{position:fixed;background:rgb(var(--navy-900) / .68);border-bottom-color:#c9a84c2e}.btn-google{background:#fff;color:#222;display:inline-flex;align-items:center;gap:10px;border-radius:12px;font-weight:600;cursor:pointer;border:1.5px solid transparent;box-shadow:0 8px 24px #0000004d;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn-google:hover{background:#f5f5f5}[data-theme=light] .btn-google{border-color:rgb(var(--gold-500));box-shadow:0 4px 16px #0000001a}[data-theme=light] .btn-google:hover{background:rgb(var(--gold-500) / .06);border-color:rgb(var(--gold-400));box-shadow:0 6px 20px #00000024}.btn-ghost{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(201,168,76,.4);color:rgb(var(--gold-400));border-radius:12px;font-family:Outfit,sans-serif;font-weight:600;font-size:14px;cursor:pointer;background:transparent;transition:background .15s ease}.btn-ghost:hover{background:#c9a84c1a}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;color:rgb(var(--gold-400));font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px}.hero-vocab-note{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:10px 14px 10px 12px;border:1px solid rgba(201,168,76,.3);background:#c9a84c0f;border-radius:12px;color:rgb(var(--cream-300));font-size:13px;line-height:1.4;max-width:440px}.hero-vocab-note .tag{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--gold-400));background:#c9a84c24;padding:3px 8px;border-radius:6px}.hero-cta-note{margin-top:18px;display:flex;align-items:center;gap:8px;color:rgb(var(--cream-500));font-size:13px}.hero-cta-note .dot{width:6px;height:6px;border-radius:50%;background:rgb(var(--teal-500));box-shadow:0 0 12px #2a9d8f99;flex-shrink:0}.hero-section{padding:120px 32px;position:relative}.hero-section .wrap{max-width:1280px;margin:0 auto}.section-label{display:flex;justify-content:center;align-items:center;gap:8px;color:rgb(var(--gold-400));font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;margin-bottom:18px}.section-title{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(36px,4.4vw,56px);line-height:1.08;color:rgb(var(--cream-100));letter-spacing:-.015em;max-width:760px;text-align:center;margin:0 auto 20px}.section-lede{font-size:18px;line-height:1.6;color:rgb(var(--cream-400));max-width:620px;margin:0 auto;text-align:center}.section-lede .ar{font-family:Scheherazade New,serif;color:rgb(var(--gold-400));font-size:1.2em}.showcase-section{padding:60px 32px 120px;position:relative}.showcase-wrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:80px;align-items:start}.showcase-sticky{position:sticky;top:100px;align-self:start;height:calc(100vh - 140px);min-height:580px;display:flex;align-items:center}.showcase-frame{width:100%;position:relative;background:rgb(var(--navy-800));border:1px solid var(--soft-border);border-radius:20px;box-shadow:0 2px 6px #00000040,0 24px 60px -18px #0000008c;overflow:hidden}[data-theme=light] .showcase-frame{box-shadow:0 2px 6px #5a461e1f,0 24px 60px -24px #5a461e59}.demo-stage{position:relative;width:100%;pointer-events:none}.demo-canvas{position:absolute;top:0;left:0;transform-origin:0 0}.demo-paused,.demo-paused *{animation-play-state:paused!important}.demo-tap{position:absolute;top:-14px;left:-14px;width:28px;height:28px;border-radius:50%;opacity:0;pointer-events:none;z-index:60;background:rgb(var(--cream-100) / .35);box-shadow:0 0 0 2px rgb(var(--cream-100) / .55),0 4px 12px #00000059;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .25s ease}.demo-tap.demo-tap-press{animation:demoTapPress .26s ease-out}@keyframes demoTapPress{0%{scale:1}45%{scale:.72}to{scale:1}}.scroll-hint{display:flex;align-items:center;gap:14px;margin-top:32px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--cream-500))}.scroll-hint-mouse{position:relative;flex-shrink:0;width:18px;height:28px;border-radius:9px;border:1.5px solid rgb(var(--cream-500) / .7)}.scroll-hint-mouse:after{content:"";position:absolute;left:50%;top:5px;width:3px;height:6px;margin-left:-1.5px;border-radius:2px;background:rgb(var(--gold-500));animation:scrollHintWheel 1.6s ease-in-out infinite}@keyframes scrollHintWheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:0}}.scroll-hint-track{width:120px;height:3px;border-radius:2px;overflow:hidden;background:rgb(var(--cream-500) / .18)}.scroll-hint-fill{height:100%;border-radius:2px;background:rgb(var(--gold-500))}.showcase-jumps{position:absolute;right:40px;bottom:20px;display:flex;gap:8px}.showcase-jump{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid rgb(var(--cream-500) / .35);background:rgb(var(--navy-800));color:rgb(var(--cream-400));font-family:Outfit,sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:color .2s,border-color .2s}.showcase-jump:hover{color:rgb(var(--cream-100));border-color:rgb(var(--cream-400) / .7)}.showcase-jump:focus-visible{outline:2px solid rgb(var(--gold-500));outline-offset:2px}.showcase-speed{position:absolute;top:12px;right:12px;z-index:5;padding:4px 10px;border-radius:999px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;background:rgb(var(--navy-900) / .85);color:rgb(var(--gold-300));border:1px solid rgb(var(--gold-500) / .4)}@media(prefers-reduced-motion:reduce){.demo-tap{transition:opacity .25s ease}.demo-tap.demo-tap-press{animation:none}.scroll-hint-mouse:after{animation:none}}.showcase-caption{position:sticky;top:100px;align-self:start;height:calc(100vh - 140px);min-height:580px;position:relative}.scene{position:absolute;top:0;right:0;bottom:0;left:0;padding:28px 32px;opacity:0;transition:opacity .5s ease,transform .5s ease;transform:translateY(12px);display:flex;flex-direction:column;font-family:Outfit,sans-serif}.scene.visible{opacity:1;transform:translateY(0)}.showcase-panel{opacity:.35;transition:opacity .4s ease}.showcase-panel.active{opacity:1}.showcase-panel .step-num{font-family:Roboto Mono,monospace;font-size:11px;color:rgb(var(--gold-500));letter-spacing:.14em;margin-bottom:10px}.showcase-panel h3{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1.15;color:rgb(var(--cream-100));margin:0 0 14px;letter-spacing:-.01em}.showcase-panel p{font-size:17px;line-height:1.6;color:rgb(var(--cream-400));margin:0}.chat-topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid rgb(var(--navy-600));margin-bottom:18px}.chat-topbar .ch-title{display:flex;align-items:baseline;gap:10px}.chat-topbar .ch-title .ar{font-family:Scheherazade New,serif;color:rgb(var(--gold-400));font-size:22px;font-weight:600}.chat-topbar .ch-title .en{color:rgb(var(--cream-400));font-size:13px}.chat-topbar .prog{display:flex;align-items:center;gap:10px}.chat-topbar .prog-track{width:90px;height:5px;border-radius:999px;background:rgb(var(--navy-600));overflow:hidden}.chat-topbar .prog-fill{height:100%;background:linear-gradient(90deg,rgb(var(--gold-500)),rgb(var(--gold-400)))}.chat-topbar .prog-pct{color:rgb(var(--cream-400));font-size:12px;font-family:monospace}.bubbles{display:flex;flex-direction:column;gap:12px;flex:1;overflow:visible}.bubble{max-width:78%;padding:12px 16px;border-radius:16px;opacity:0;transform:translateY(8px);animation:heroBubbleIn .45s ease-out forwards;overflow:visible}.bubble.ai{align-self:flex-end;background:rgb(var(--navy-700));border:1px solid rgba(201,168,76,.2);border-bottom-right-radius:4px;box-shadow:0 4px 14px #0000004d}.bubble.user{align-self:flex-start;background:#1e7a6e40;border:1px solid rgba(42,157,143,.3);border-bottom-left-radius:4px}.bubble .ar{font-family:Scheherazade New,serif;color:rgb(var(--cream-200));font-size:20px;line-height:1.7;direction:rtl;text-align:right}.bubble.user .ar{color:var(--scene-ok-text)}.word-hl{background:#c9a84c26;color:rgb(var(--gold-300));padding:0 5px;border-radius:4px;border-bottom:1px dashed rgba(201,168,76,.5);cursor:pointer;position:relative}.hero-tooltip{position:absolute;background:rgb(var(--navy-900));border:1px solid rgba(201,168,76,.4);border-radius:8px;padding:8px 12px;font-size:12px;color:rgb(var(--cream-200));box-shadow:0 6px 20px #0006;pointer-events:none;min-width:160px;z-index:200;top:100%;right:0;margin-top:6px;opacity:0;animation:heroBubbleIn .3s ease-out forwards}.hero-tooltip .hd{color:rgb(var(--gold-400));font-family:Scheherazade New,serif;font-size:16px;font-weight:600;direction:rtl;text-align:right;margin-bottom:2px}.blank{display:inline-block;min-width:60px;text-align:center;padding:0 10px;border-bottom:2px solid rgb(var(--gold-400));color:rgb(var(--gold-300));background:#c9a84c1f;border-radius:4px;margin:0 4px}.blank.filled{background:#2a9d8f38;border-bottom-color:rgb(var(--teal-500));color:var(--scene-ok-text);transition:all .3s ease}.choices{display:flex;flex-direction:column;gap:8px;margin-top:14px;max-width:78%;margin-left:auto}.choice{padding:10px 16px;border-radius:12px;font-family:Scheherazade New,serif;font-size:20px;border:1px solid rgb(var(--navy-500));background:rgb(var(--navy-700));color:rgb(var(--cream-200));cursor:pointer;text-align:right;direction:rtl;opacity:0;transform:translate(10px);animation:choiceIn .4s ease-out forwards;position:relative}.choice .num{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:11px;opacity:.4;font-family:monospace}.choice.correct{background:#2a9d8f4d;border-color:#2a9d8fb3;color:#a8e0d4}.choice.wrong{background:#7f1d1d40;border-color:#ef444480;color:#fca5a5}.banner{margin-top:12px;padding:10px 14px;border-radius:12px;max-width:78%;margin-left:auto;background:#2a9d8f1a;border:1px solid rgba(42,157,143,.4)}.banner .h{color:rgb(var(--teal-400));font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.banner .q{color:rgb(var(--cream-200));font-size:13px}.grade-header{font-family:Outfit,sans-serif;color:rgb(var(--cream-400));font-size:13px;margin-bottom:12px}.grade-input{background:rgb(var(--navy-700));border:1px solid rgba(201,168,76,.3);border-radius:12px;padding:14px 16px;font-family:Scheherazade New,serif;font-size:22px;color:rgb(var(--cream-200));direction:rtl;line-height:1.8;min-height:90px}.grade-token{display:inline-block;padding:0 4px;border-radius:3px;transition:all .4s ease}.grade-token.ok{background:#2a9d8f33;color:#a8e0d4}.grade-token.mark{background:#ef44442e;color:#fca5a5;-webkit-text-decoration:underline wavy rgba(239,68,68,.6);text-decoration:underline wavy rgba(239,68,68,.6);text-underline-offset:4px}.grade-results{margin-top:14px;padding:14px;border-radius:12px;background:rgb(var(--navy-700) / .7);border:1px solid rgb(var(--navy-600))}.grade-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}.grade-row+.grade-row{border-top:1px solid rgb(var(--navy-600))}.grade-row .lbl{color:rgb(var(--cream-400))}.grade-row .val{color:rgb(var(--cream-200));font-family:monospace}.grade-row.irab .val{color:rgb(var(--teal-400))}.grade-score{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:12px;border-top:1px solid rgba(201,168,76,.3)}.grade-score .lbl{color:rgb(var(--gold-400));font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.grade-score .val{font-family:monospace;font-size:28px;color:rgb(var(--cream-100));font-weight:600}.feedback-note{margin-top:12px;padding:10px 14px;background:#c9a84c14;border:1px solid rgba(201,168,76,.25);border-radius:10px;color:rgb(var(--cream-300));font-size:13px;line-height:1.5}.feedback-note .ar{font-family:Scheherazade New,serif;color:rgb(var(--gold-400));font-size:16px;direction:rtl}.match{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:280px}.match-cell{padding:8px 12px;border-radius:10px;background:rgb(var(--navy-900));border:1px solid rgb(var(--navy-500));font-size:13px;color:rgb(var(--cream-300));text-align:center;transition:all .3s ease}.match-cell.ar{font-family:Scheherazade New,serif;font-size:20px;color:rgb(var(--gold-400));direction:rtl}.match-cell.matched{background:#2a9d8f26;border-color:#2a9d8f80;color:rgb(var(--teal-400))}.match-cell.ar.matched{color:#a8e0d4}.irab-sentence{font-family:Scheherazade New,serif;font-size:26px;color:rgb(var(--cream-200));direction:rtl;text-align:center;line-height:2}.irab-word{display:inline-block;padding:0 6px;border-radius:4px;position:relative;transition:background .2s,outline .2s}.irab-word.marked{background:#c9a84c26}.irab-word.selected{outline:1.5px solid rgba(201,168,76,.5);background:#c9a84c14}.irab-tag{position:absolute;top:100%;left:50%;transform:translate(-50%);font-family:Outfit,sans-serif;font-size:9px;padding:2px 6px;border-radius:999px;margin-top:4px;white-space:nowrap;opacity:0;animation:heroFadeIn .4s ease-out forwards}.tag-nom{background:#2a9d8f33;color:rgb(var(--teal-400));border:1px solid rgba(42,157,143,.4)}.tag-acc{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.tag-gen{background:#c9a84c26;color:rgb(var(--gold-400));border:1px solid rgba(201,168,76,.3)}@keyframes heroChevronBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.hero-scroll-hint{position:absolute;bottom:36px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.hero-scroll-hint span{font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--cream-500));opacity:.65}.hero-scroll-hint svg{animation:heroChevronBounce 1.6s ease-in-out infinite;color:rgb(var(--gold-500));opacity:.55}.hero-bookcase{margin-top:48px}.hero-shelf-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent)}.hero-shelf-track{flex-wrap:nowrap;justify-content:flex-start;width:-moz-max-content;width:max-content;margin-inline:auto;will-change:transform}.hero-more-spines{display:flex;align-items:flex-end;gap:4px;width:100%;height:var(--book-h);padding:0 6px}.hero-more-spine{position:relative;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;border-radius:3px 3px 2px 2px;background:var(--cover-bg, #1f2d49);box-shadow:inset 0 0 0 1px #e0bc6e2e,0 1px 3px #0000004d,0 10px 10px -8px #0000008c;transition:transform .18s ease;overflow:hidden}.hero-more-spine:before,.hero-more-spine:after{content:"";position:absolute;left:3px;right:3px;height:1px;background:#e0bc6e73}.hero-more-spine:before{top:12px}.hero-more-spine:after{bottom:12px}.hero-more-spine-title{writing-mode:vertical-rl;font-family:var(--font-arabic-display);font-size:13px;line-height:1;color:#ecd396bf;white-space:nowrap;max-height:calc(100% - 34px);overflow:hidden}.hero-more-spine-soon{opacity:.6;filter:saturate(.75)}.lib-book-wrap:hover .hero-more-spine,.lib-book-wrap:focus-visible .hero-more-spine{transform:translateY(-4px)}.lib-book-wrap:hover .hero-more-spine:nth-child(2n){transform:translateY(-6px)}@media(prefers-reduced-motion:reduce){.hero-more-spine,.lib-book-wrap:hover .hero-more-spine{transition:none;transform:none}}.games-grid{margin-top:48px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.game-card{background:rgb(var(--navy-700) / .7);border:1px solid rgb(var(--navy-600));border-radius:20px;padding:28px;min-height:280px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .2s ease}.game-card:hover{border-color:#c9a84c66}.game-card .game-label{color:rgb(var(--gold-400));font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;margin-bottom:10px}.game-card h4{font-size:24px;color:rgb(var(--cream-100));margin:0 0 8px;font-weight:600}.game-card p{color:rgb(var(--cream-400));font-size:14px;line-height:1.55;margin:0 0 18px}.game-card .demo-area{flex:1;display:flex;align-items:center;justify-content:center;min-height:120px}.game-card.featured{grid-column:span 2;background:#c9a84c0d;border-color:#c9a84c66;box-shadow:0 20px 50px #00000040}.game-card .feature-flag{position:absolute;top:20px;right:24px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--gold-400));background:#c9a84c24;padding:4px 9px;border-radius:999px;border:1px solid rgba(201,168,76,.3)}@media(max-width:960px){.game-card.featured{grid-column:span 1}}.vocab-table{width:100%;border:1px solid rgba(201,168,76,.25);border-radius:10px;overflow:hidden;background:rgb(var(--navy-900) / .5);font-size:13px}.vocab-row{display:grid;grid-template-columns:1.2fr 1fr 1fr .7fr;gap:0;padding:8px 12px;border-bottom:1px solid rgb(var(--navy-600));align-items:center;transition:background .3s ease}.vocab-row:last-child{border-bottom:none}.vocab-row.head{background:#162032cc;color:rgb(var(--gold-400));font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.vocab-row.active{background:#c9a84c1a}.vocab-row .ar{font-family:Scheherazade New,serif;color:rgb(var(--gold-400));font-size:18px;direction:rtl;text-align:right;line-height:1.2}.vocab-row .root{font-family:Scheherazade New,serif;font-size:15px;color:rgb(var(--cream-300));direction:rtl;text-align:right}.vocab-row .en{color:rgb(var(--cream-300))}.vocab-row.head .ar,.vocab-row.head .root,.vocab-row.head .en{color:rgb(var(--gold-400));font-family:Outfit,sans-serif;font-size:10px;text-align:left;direction:ltr}.vocab-row.head .ar{text-align:right;direction:rtl}.vocab-row .mast{font-family:monospace;font-size:11px;color:rgb(var(--teal-400));text-align:right}.vocab-row.head .mast{color:rgb(var(--gold-400))}.testimonials-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testi{background:rgb(var(--navy-700) / .7);border:1px solid rgb(var(--navy-600));border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:18px}.testi .quote-ar{font-family:Scheherazade New,serif;color:rgb(var(--gold-400));font-size:22px;direction:rtl;line-height:1.6}.testi .quote-en{color:rgb(var(--cream-200));font-size:16px;line-height:1.55;flex:1}.testi .who{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgb(var(--navy-600))}.testi .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,rgb(var(--navy-500)),rgb(var(--navy-600)));display:grid;place-items:center;font-family:Outfit,sans-serif;color:rgb(var(--gold-400));font-weight:600;font-size:14px}.testi .name{color:rgb(var(--cream-200));font-size:13px;font-weight:600;line-height:1.2}.testi .role{color:rgb(var(--cream-500));font-size:12px}.pricing-grid{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:920px;margin-left:auto;margin-right:auto}.pricing-grid.three{grid-template-columns:repeat(3,1fr);max-width:1120px;text-align:left}.price-card{background:rgb(var(--navy-700) / .7);border:1px solid rgb(var(--navy-600));border-radius:24px;padding:36px 32px;display:flex;flex-direction:column;gap:18px}.price-card.featured{background:#c9a84c0f;border-color:#c9a84c66;box-shadow:0 30px 80px #c9a84c0d}.price-card h3{font-size:26px;color:rgb(var(--cream-100));margin:0;font-weight:600}.price-card .tagline{color:rgb(var(--cream-400));font-size:15px;line-height:1.5;margin:0}.price-card .price{font-family:Outfit,sans-serif;font-size:44px;font-weight:700;color:rgb(var(--cream-100));line-height:1;margin-top:6px}.price-card .price .unit{font-size:16px;color:rgb(var(--cream-500));font-weight:500}.price-card.featured .price{color:rgb(var(--gold-400))}.price-card ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.price-card li{display:flex;align-items:flex-start;gap:10px;color:rgb(var(--cream-300));font-size:14px;line-height:1.5}.price-card li .ic{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;margin-top:1px;background:#2a9d8f26;color:rgb(var(--teal-400));font-size:11px;font-weight:700}.price-card.featured li .ic{background:#c9a84c26;color:rgb(var(--gold-400))}.price-card .footer-note{color:rgb(var(--cream-500));font-size:12px;margin-top:auto;padding-top:18px;border-top:1px solid rgb(var(--navy-600));line-height:1.5}.final-cta{padding:140px 32px 120px;text-align:center;position:relative;overflow:hidden}.final-cta .wordmark-ar{font-family:Scheherazade New,serif;font-size:clamp(64px,8vw,112px);color:rgb(var(--gold-400));font-weight:600;direction:rtl;line-height:1.1;margin-bottom:20px}.final-cta h2{font-size:clamp(32px,4vw,52px);color:rgb(var(--cream-100));margin:0 0 16px;font-weight:700;letter-spacing:-.01em;line-height:1.15}.final-cta .sub{color:rgb(var(--cream-400));font-size:18px;line-height:1.55;max-width:520px;margin:0 auto 36px}.final-cta .fine{margin-top:24px;color:rgb(var(--cream-600));font-size:12px}.hero-foot{padding:32px;border-top:1px solid rgb(var(--navy-600));text-align:center;color:rgb(var(--cream-600));font-size:12px}.hero-foot a{color:rgb(var(--cream-500));text-decoration:underline;text-underline-offset:2px}.hero-nav-link{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;color:rgb(var(--cream-300));padding:8px 10px;border-radius:10px;transition:color .15s ease,background .15s ease}.hero-nav-link:hover{color:rgb(var(--gold-400));background:rgb(var(--cream-100) / .05)}@media(max-width:420px){.hero-nav-link{font-size:13px;padding:6px 4px}}.edu-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:Outfit,sans-serif;font-weight:600;font-size:15px;padding:14px 24px;border-radius:12px;border:1.5px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.edu-btn-primary{background:rgb(var(--gold-500));color:#1a1408;box-shadow:0 1px 2px #0003,0 6px 18px -8px #00000073}.edu-btn-primary:hover{background:rgb(var(--gold-400))}[data-theme=light] .edu-btn-primary{color:#fff}.edu-btn-ghost{background:transparent;color:rgb(var(--cream-300));border-color:rgb(var(--cream-400) / .55)}.edu-btn-ghost:hover{color:rgb(var(--cream-100));border-color:rgb(var(--cream-300))}.edu-btn-sm{font-size:13px;padding:9px 14px;border-radius:11px}@media(max-width:420px){.edu-btn-sm{font-size:12px;padding:8px 10px}}.edu-btn:focus-visible,.edu-link:focus-visible,.edu-faq-item button:focus-visible{outline:2px solid rgb(var(--gold-500));outline-offset:2px}.edu-hero{position:relative;background:rgb(var(--navy-800));padding:150px 32px 110px;min-height:82vh;display:flex;flex-direction:column;justify-content:center}.edu-hero-inner{max-width:860px;margin:0 auto;text-align:center}.edu-hero-title{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(44px,6vw,74px);line-height:1.03;letter-spacing:-.02em;color:rgb(var(--cream-100));margin:0 0 24px}.edu-hero-lede{font-size:19px;line-height:1.6;color:rgb(var(--cream-300));max-width:640px;margin:0 auto 34px}.edu-hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.edu-hero-points{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:30px 0 0;padding:0;list-style:none;font-size:14px;color:rgb(var(--cream-400))}.edu-hero-points li{display:inline-flex;align-items:center;gap:6px}.edu-hero-points svg{color:rgb(var(--teal-500))}.edu-steps{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.edu-step{position:relative;padding:22px 20px;border-radius:18px;background:rgb(var(--navy-700));border:1px solid var(--soft-border);box-shadow:0 1px 3px #0003,0 8px 24px -14px #0006}[data-theme=light] .edu-step,[data-theme=light] .edu-feature{box-shadow:0 1px 3px #5a461e1a,0 8px 24px -16px #5a461e4d}.edu-step-num{position:absolute;top:18px;right:18px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;color:rgb(var(--cream-500));font-variant-numeric:tabular-nums}.edu-step-icon,.edu-feature-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:rgb(var(--gold-500) / .12);color:rgb(var(--gold-400))}.edu-step h3{font-family:Outfit,sans-serif;font-size:17px;font-weight:700;color:rgb(var(--cream-100));margin:14px 0 6px}.edu-step p{font-size:14px;line-height:1.55;color:rgb(var(--cream-400));margin:0}.edu-built{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:28px auto 0;max-width:980px}.edu-built-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--cream-500));margin-right:6px}.edu-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;color:rgb(var(--cream-200));background:rgb(var(--navy-700));border:1px solid var(--soft-border)}.edu-chip svg{color:rgb(var(--teal-500))}.edu-shelf-head{text-align:center;margin-top:80px}.edu-shelf-head h3{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;color:rgb(var(--cream-100));margin:0 0 8px}.edu-shelf-head p{font-size:15px;color:rgb(var(--cream-400));margin:0}.edu-page .hero-bookcase{margin-top:28px}.edu-fine{text-align:center;font-size:14px;line-height:1.6;color:rgb(var(--cream-500));max-width:620px;margin:28px auto 0}.edu-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;cursor:pointer;color:rgb(var(--gold-400));border-radius:6px}.edu-link:hover{color:rgb(var(--gold-300));text-decoration:underline;text-underline-offset:3px}.edu-teachers-intro{background:rgb(var(--navy-800));padding-bottom:0}.edu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:52px}.edu-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.edu-feature{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;background:rgb(var(--navy-700));border:1px solid var(--soft-border);box-shadow:0 1px 3px #0003,0 8px 24px -14px #0006}.edu-feature-stack{flex-direction:column;gap:0;padding:22px 20px}.edu-feature-stack .edu-feature-icon{margin-bottom:14px}.edu-feature h4{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;color:rgb(var(--cream-100));margin:0 0 4px}.edu-feature p{font-size:14px;line-height:1.55;color:rgb(var(--cream-400));margin:0}.edu-center{text-align:center;margin-top:32px;font-size:15px}.edu-quote{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:64px;align-items:start}.edu-quote-title{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(32px,3.6vw,48px);line-height:1.1;letter-spacing:-.015em;color:rgb(var(--cream-100));margin:0 0 18px}.edu-quote-lede{font-size:17px;line-height:1.6;color:rgb(var(--cream-400));margin:0 0 26px;max-width:520px}.edu-quote-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.edu-quote-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:rgb(var(--cream-200));line-height:1.45}.edu-quote-list svg{color:rgb(var(--teal-500));flex-shrink:0;margin-top:3px}.edu-quote-card{padding:26px!important}.edu-faq{max-width:820px!important}.edu-faq-list{margin-top:40px;display:grid;gap:10px}.edu-faq-item{border-radius:14px;background:rgb(var(--navy-700));border:1px solid var(--soft-border)}.edu-faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;text-align:left;border-radius:14px;cursor:pointer;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:rgb(var(--cream-100))}.edu-faq-icon{flex-shrink:0;color:rgb(var(--gold-400));transition:transform .2s ease}.edu-faq-item.is-open .edu-faq-icon{transform:rotate(45deg)}.edu-faq-item p{margin:0;padding:0 20px 18px;font-size:15px;line-height:1.6;color:rgb(var(--cream-400))}.edu-xp-pop{position:absolute;left:50%;top:84px;transform:translate(-50%);z-index:5;padding:8px 16px;border-radius:999px;white-space:nowrap;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;background:rgb(var(--gold-500));color:#1a1408;box-shadow:0 6px 18px -6px #00000073;animation:eduXpPop 1.8s ease-out forwards}@keyframes eduXpPop{0%{opacity:0;translate:0 8px}12%,70%{opacity:1;translate:0 0}to{opacity:0;translate:0 -6px}}.edu-skel [data-tour]{--lit: 0;position:relative}.edu-skel [data-tour=stats]{display:none}.edu-skel .tc-embedded{overflow-anchor:none}.edu-skel [data-tour].edu-lit,.edu-skel[data-lit~=invite] [data-tour=invite],.edu-skel[data-lit~=homework] [data-tour=homework],.edu-skel[data-lit~=students] [data-tour=students],.edu-skel[data-lit~=books] [data-tour=books],.edu-skel[data-lit~=board] [data-tour=board]{--lit: 1}.edu-skel [data-tour]>*{opacity:var(--lit);transition:opacity .55s ease}.edu-skel [data-tour]:after{--skel: rgb(var(--navy-600));content:"";position:absolute;top:20px;right:20px;bottom:18px;left:20px;pointer-events:none;opacity:calc(1 - var(--lit));transition:opacity .55s ease;background:linear-gradient(var(--skel) 0 0) 0 0 / 32% 12px no-repeat,linear-gradient(var(--skel) 0 0) 0 22px / 56% 9px no-repeat,repeating-linear-gradient(to bottom,var(--skel) 0 44px,transparent 44px 56px) 0 50px / 100% calc(100% - 50px) no-repeat}.edu-skel [data-tour=stats]>*{opacity:1;position:relative}.edu-skel [data-tour=stats]:after{content:none}.edu-skel [data-tour=stats] .prog-bubble>*{opacity:var(--lit);transition:opacity .55s ease}.edu-skel [data-tour=stats] .prog-bubble:after{--skel: rgb(var(--navy-600));content:"";position:absolute;top:12px;right:14px;bottom:12px;left:14px;pointer-events:none;opacity:calc(1 - var(--lit));transition:opacity .55s ease;background:radial-gradient(circle,var(--skel) 15px,transparent 16px) 0 50% / 32px 32px no-repeat,linear-gradient(var(--skel) 0 0) 44px calc(50% - 8px) / 30% 11px no-repeat,linear-gradient(var(--skel) 0 0) 44px calc(50% + 9px) / 55% 8px no-repeat}.edu-skel [data-tour]{outline:2px solid transparent;outline-offset:4px;transition:outline-color .3s ease}.edu-skel [data-tour].edu-focus{outline-color:rgb(var(--gold-500))}.edu-skel [data-tour=stats]{border-radius:14px}@media(max-width:1100px){.edu-steps,.edu-grid-4,.edu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.edu-quote{grid-template-columns:minmax(0,1fr);gap:36px}}@media(max-width:640px){.edu-hero{padding:120px 16px 72px;min-height:0}.edu-hero-lede{font-size:17px}.edu-page .hero-section{padding-left:16px;padding-right:16px}.edu-steps,.edu-grid,.edu-grid-4{grid-template-columns:minmax(0,1fr)}.edu-quote-card{padding:18px!important}.edu-faq-item button{font-size:15px;padding:16px}.edu-faq-item p{padding:0 16px 16px}}@media(prefers-reduced-motion:reduce){.edu-xp-pop{animation:none}.edu-faq-icon{transition:none}.edu-skel [data-tour]>*,.edu-skel [data-tour]:after,.edu-skel [data-tour=stats] .prog-bubble>*,.edu-skel [data-tour=stats] .prog-bubble:after{transition:none}}.logo-light,[data-theme=light] .logo-dark{display:none}[data-theme=light] .logo-light,.hero-heading-break{display:block}@media(max-width:640px){.hero-heading-break{margin-top:10px}}.hero-or-divider{display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0}.hero-or-divider .hero-or-line{width:1px;height:18px;background:rgb(var(--cream-400) / .25)}@media(max-width:540px){.hero-or-divider{flex-direction:row;width:100%}.hero-or-divider .hero-or-line{flex:1;width:auto;height:1px}}@media(max-width:960px){.showcase-wrap{grid-template-columns:1fr}.showcase-sticky,.showcase-caption{position:relative;top:auto;height:auto}.testimonials-grid,.pricing-grid,.pricing-grid.three{grid-template-columns:1fr}}@media(max-width:640px){.hero-section{padding:80px 20px}.showcase-section{padding:40px 20px 80px}.games-grid{grid-template-columns:1fr}.scene{padding:18px 20px}}@media(min-width:1440px){.showcase-frame .scene{padding:32px 38px;font-size:1.08rem}.scene .irab-sentence{font-size:30px}}@media(min-width:1800px){.showcase-frame .scene{padding:40px 48px;font-size:1.18rem}}.lesson-ring{position:relative;display:inline-block;flex-shrink:0}.lesson-ring svg{display:block}.lesson-ring-content{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(var(--navy-700));box-shadow:0 1px 3px #0000004d,0 2px 8px -2px #00000040}[data-theme=light] .lesson-ring-content{background:#fffdf7;box-shadow:0 1px 3px #3c301429,0 2px 8px -2px #3c30141f}.lesson-ring-current .lesson-ring-content{background:rgb(var(--gold-500) / .14)}[data-theme=light] .lesson-ring-current .lesson-ring-content{background:#faf1da}.lesson-ring-mastered .lesson-ring-content,[data-theme=light] .lesson-ring-mastered .lesson-ring-content{background:rgb(var(--gold-500))}.mastered-numeral{color:#16203a}.lesson-ring-content{overflow:hidden}.lesson-ring-water{position:absolute;left:0;right:0;bottom:0;background:rgb(var(--teal-500));transition:height .6s ease}.lesson-ring-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.path-ink{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:.1 13}.path-ink-ahead{stroke:rgb(var(--gold-500) / .16)}.path-ink-walked{stroke:rgb(var(--gold-500) / .55);filter:drop-shadow(0 0 4px rgb(var(--gold-500) / .35))}[data-theme=light] .path-ink-ahead{stroke:rgb(var(--gold-500) / .26)}[data-theme=light] .path-ink-walked{stroke:rgb(var(--gold-500) / .75)}.path-node{position:relative;display:block;cursor:pointer;transition:transform .16s ease}.path-node:hover{transform:translateY(-2px)}.path-node:hover .lesson-ring-content{box-shadow:0 3px 6px #0000004d,0 6px 16px -4px #0000004d}[data-theme=light] .path-node:hover .lesson-ring-content{box-shadow:0 3px 6px #3c30142e,0 6px 16px -4px #3c301424}.path-node:focus-visible{outline:2px solid rgb(var(--gold-400));outline-offset:4px;border-radius:50%}.path-continue-chip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-family:Outfit,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--navy-900));background:rgb(var(--gold-500));padding:3px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 14px rgb(var(--gold-500) / .35)}[data-theme=light] .path-continue-chip{color:#fffdf7}.path-node-label{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;width:150px;cursor:pointer;text-align:inherit}.path-label-right{left:calc(100% + 14px);align-items:flex-start;text-align:left}.path-label-left{right:calc(100% + 14px);align-items:flex-end;text-align:right}@media(max-width:480px){.path-node-label{width:112px}}.path-title-en{font-family:Outfit,system-ui,sans-serif;font-size:12px;line-height:1.35;color:rgb(var(--cream-400));font-style:italic;padding-right:.3em}.path-node-label-en{justify-content:center}.path-milestone{font-size:30px;line-height:1;color:rgb(var(--gold-500));text-shadow:0 0 18px rgb(var(--gold-500) / .45)}.path-rail{position:sticky;top:0;z-index:15;display:flex;gap:8px;overflow-x:auto;padding:10px 16px;background:rgb(var(--navy-800) / .85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none}.path-rail::-webkit-scrollbar{display:none}.path-rail-chip{flex-shrink:0;padding:5px 14px;border-radius:999px;font-size:14px;color:rgb(var(--cream-400));background:rgb(var(--navy-700) / .5);transition:color .15s ease,background .15s ease}.path-rail-chip:first-child{margin-left:auto}.path-rail-chip:last-child{margin-right:auto}.path-rail-chip:hover{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .12)}.mode-switch{display:inline-flex;gap:3px;padding:4px;border-radius:999px;background:rgb(var(--navy-900) / .6);box-shadow:inset 0 0 0 1px var(--soft-border-strong)}.mode-tab{width:102px;height:51px;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;letter-spacing:.01em;color:rgb(var(--cream-400));transition:background .15s ease,color .15s ease}.mode-tab-icon{width:19px;height:19px}.mode-tab:not(.is-on):hover{background:rgb(var(--navy-700) / .7);color:rgb(var(--cream-200))}.mode-tab.is-on{background:rgb(var(--gold-500));color:rgb(var(--navy-900));cursor:default}.mode-tab:focus-visible{outline:2px solid rgb(var(--gold-400));outline-offset:2px}@media(max-width:639px){.mode-tab{width:84px;height:42px;font-size:11px;gap:1px}.mode-tab-icon{width:16px;height:16px}}.path-secbar-wrap{position:sticky;top:0;z-index:15;padding:8px 16px;background:rgb(var(--navy-800) / .85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.path-secbar{display:flex;align-items:center;gap:10px;width:100%;max-width:480px;margin:0 auto;padding:7px 12px 7px 8px;border-radius:999px;text-align:left;background:rgb(var(--navy-700) / .6);box-shadow:inset 0 0 0 1px var(--soft-border);transition:background .15s ease}.path-secbar:hover{background:rgb(var(--navy-700) / .9)}.path-secbar-n{flex-shrink:0;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;color:rgb(var(--gold-400));background:rgb(var(--gold-500) / .14);border-radius:999px;padding:3px 8px}.path-secbar-name{flex:1;min-width:0;font-size:15px;line-height:1.5;color:rgb(var(--cream-200));text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#00000080;display:flex;align-items:flex-end;justify-content:center;animation:path-sheet-fade .2s ease}.path-sheet{width:100%;max-width:560px;max-height:78vh;display:flex;flex-direction:column;background:var(--drawer-bg);border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:path-sheet-up .26s cubic-bezier(.2,0,0,1)}.path-sheet-grip{width:36px;height:4px;border-radius:999px;background:var(--soft-border-strong);margin:8px auto 0}.path-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 4px 20px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--cream-500))}.path-sheet-list{overflow-y:auto;overscroll-behavior:contain;padding:0 10px 14px}.path-sheet-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:9px 10px;border-radius:14px;transition:background .15s ease}.path-sheet-item:hover{background:rgb(var(--navy-700) / .55)}.path-sheet-item.is-active{background:rgb(var(--gold-500) / .12)}.path-sheet-dot{flex-shrink:0;width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;color:rgb(var(--cream-500));background:rgb(var(--navy-700));border:2px solid var(--soft-border)}.path-sheet-item.is-done .path-sheet-dot{color:rgb(var(--navy-900));background:rgb(var(--teal-500));border-color:rgb(var(--teal-500))}.path-sheet-item.is-active .path-sheet-dot{border-color:rgb(var(--gold-500))}.path-sheet-item.is-active:not(.is-done) .path-sheet-dot{color:rgb(var(--gold-300))}.path-sheet-ar{display:block;font-size:15px;line-height:1.6;color:rgb(var(--cream-200));text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-sheet-item.is-active .path-sheet-ar{color:rgb(var(--gold-300))}.path-sheet-en{display:block;font-family:Outfit,sans-serif;font-size:11px;line-height:1.3;color:rgb(var(--cream-500));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-sheet-count{flex-shrink:0;font-family:Outfit,sans-serif;font-size:11px;color:rgb(var(--cream-600))}@keyframes path-sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes path-sheet-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.path-sheet,.path-sheet-backdrop{animation:none}}.path-resume-rail{position:absolute;top:0;bottom:0;right:14px;width:30px;pointer-events:none;z-index:5}.path-resume-mark{position:absolute;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:rgb(var(--gold-400));pointer-events:auto;cursor:pointer;transition:background .15s ease}.path-resume-mark svg{opacity:var(--resume-o, 1);transition:opacity .15s ease}.path-resume-mark:hover,.path-resume-mark:focus-visible{background:rgb(var(--navy-700) / .7);outline:none}.path-resume-mark:hover svg,.path-resume-mark:focus-visible svg{opacity:1}.path-resume-label{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:6px 10px;border-radius:10px;white-space:nowrap;background:rgb(var(--navy-800));border:1px solid var(--soft-border);opacity:0;pointer-events:none;transition:opacity .12s ease}.path-resume-label .arabic{font-size:14px;line-height:1.5;color:rgb(var(--cream-300));max-width:220px;overflow:hidden;text-overflow:ellipsis}.path-resume-meta{font-family:Outfit,sans-serif;font-size:10px;color:rgb(var(--cream-500))}.path-resume-mark:hover .path-resume-label,.path-resume-mark:focus-visible .path-resume-label{opacity:1}.path-timeline{position:relative;flex-direction:column;width:216px;flex-shrink:0;padding:0 10px 18px 8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(var(--gold-500) / .3) transparent}.path-timeline-resizer{position:relative;flex-shrink:0;width:9px;margin:0 -4px;z-index:3;cursor:col-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.path-timeline-resizer:after{content:"";position:absolute;top:0;bottom:0;left:4px;width:1px;background:var(--soft-border);transition:background .15s ease,width .15s ease,left .15s ease}.path-timeline-resizer:hover:after,.path-timeline-resizer:focus-visible:after,.path-timeline-resizer.is-dragging:after{left:3px;width:3px;background:rgb(var(--gold-500) / .7)}.path-timeline::-webkit-scrollbar{width:6px}.path-timeline::-webkit-scrollbar-track{background:transparent}.path-timeline::-webkit-scrollbar-thumb{background:rgb(var(--gold-500) / .28);border-radius:999px}.path-timeline::-webkit-scrollbar-thumb:hover{background:rgb(var(--gold-500) / .5)}.path-timeline-heading{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--cream-600));padding:18px 0 10px 32px;background:var(--body-bg)}.path-timeline-total{letter-spacing:0;font-size:10px;font-weight:700;color:rgb(var(--gold-400));background:rgb(var(--gold-500) / .14);border-radius:999px;padding:2px 7px}.path-timeline-track{position:relative;flex:0 0 auto}.path-timeline-track:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;border-radius:1px;background:var(--soft-border)}.path-timeline-fill{position:absolute;left:15px;top:0;width:2px;border-radius:1px;z-index:0;background:linear-gradient(to bottom,rgb(var(--gold-500) / .35),rgb(var(--gold-500)));will-change:height}.path-timeline-cursor{position:absolute;left:16px;width:5px;height:18px;transform:translate(-50%,-50%);background:rgb(var(--gold-500));border-radius:999px;will-change:top;z-index:0}.pt-item{position:absolute;left:0;right:0;transform:translateY(-50%);display:flex;align-items:center;gap:10px;padding:7px 8px 7px 6px;border-radius:12px;text-align:left;cursor:pointer;transition:background .15s ease;z-index:1}.pt-item-passed .pt-dot{border-color:rgb(var(--gold-500));color:rgb(var(--gold-300));background:linear-gradient(rgb(var(--gold-500) / .22),rgb(var(--gold-500) / .22)),rgb(var(--navy-800))}.pt-item:hover{background:linear-gradient(rgb(var(--navy-700) / .55),rgb(var(--navy-700) / .55)),rgb(var(--navy-800))}.pt-dot{position:relative;z-index:1;flex-shrink:0;width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:10px;font-weight:700;line-height:1;color:rgb(var(--cream-600));background:rgb(var(--navy-700));border:2px solid var(--soft-border);transition:border-color .15s ease,background .15s ease,color .15s ease}.pt-name{flex:1;min-width:0;font-size:15px;line-height:1.5;color:rgb(var(--cream-400));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease}.pt-count{flex-shrink:0;font-family:Outfit,sans-serif;font-size:10px;color:rgb(var(--cream-600))}.pt-item-done .pt-dot{color:rgb(var(--navy-900));background:rgb(var(--teal-500));border-color:rgb(var(--teal-500))}.pt-item-done .pt-name{color:rgb(var(--teal-400))}.pt-item-active{background:linear-gradient(rgb(var(--gold-500) / .1),rgb(var(--gold-500) / .1)),rgb(var(--navy-800))}.pt-item-active .pt-dot{border-color:rgb(var(--gold-500));color:rgb(var(--gold-300));background:linear-gradient(rgb(var(--gold-500) / .25),rgb(var(--gold-500) / .25)),rgb(var(--navy-800))}.pt-item-active.pt-item-done .pt-dot{background:rgb(var(--teal-500));border-color:rgb(var(--gold-500));color:rgb(var(--navy-900))}.pt-item-active .pt-name{color:rgb(var(--gold-300));font-weight:600}.pt-item-active .pt-count{color:rgb(var(--gold-400))}.path-timeline.is-flow .path-timeline-track{padding:4px 0 14px}.path-timeline.is-flow .pt-flow-sec+.pt-flow-sec{margin-top:10px}.path-timeline.is-flow .pt-item{position:relative;left:auto;right:auto;transform:none;flex:1;min-width:0}.path-timeline.is-flow .pt-name{text-align:left}.path-timeline.is-flow .read-chapter-row{z-index:1;padding-left:26px}.path-timeline.is-flow .read-chapter-row:before{content:"";position:absolute;left:13px;top:15px;width:6px;height:6px;border-radius:999px;background:rgb(var(--navy-800));box-shadow:0 0 0 1.5px var(--soft-border-strong);transition:background .2s ease,box-shadow .2s ease}.path-timeline.is-flow .read-chapter-row.is-active:before{background:rgb(var(--gold-500));box-shadow:0 0 0 1.5px rgb(var(--gold-500))}.path-timeline.is-flow .path-timeline-fill{transition:height .45s cubic-bezier(.2,0,0,1)}.path-timeline.is-flow .path-timeline-cursor{transition:top .45s cubic-bezier(.2,0,0,1)}@media(prefers-reduced-motion:reduce){.path-timeline.is-flow .path-timeline-fill,.path-timeline.is-flow .path-timeline-cursor{transition:none}}.read-timeline-top{display:flex;justify-content:flex-end;padding:14px 4px 0}.path-credit{display:flex;align-items:flex-start;justify-content:center;gap:8px;padding:8px 16px;flex-shrink:0;font-family:Outfit,sans-serif;font-size:11.5px;line-height:1.45;color:rgb(var(--cream-500));background:rgb(var(--navy-800));border-top:1px solid var(--soft-border)}.path-credit>svg{margin-top:1px;color:rgb(var(--gold-400))}.path-credit cite{font-style:italic;color:rgb(var(--cream-300))}.path-credit a{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-weight:600;color:rgb(var(--gold-400));text-decoration:underline;text-underline-offset:2px}.path-credit a:hover{color:rgb(var(--gold-300))}.path-action-pill{display:inline-flex;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:rgb(var(--cream-400));background:rgb(var(--navy-700) / .45);padding:6px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--soft-border);transition:color .15s ease,background .15s ease,box-shadow .15s ease}.path-action-pill:hover{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .1);box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .35)}.book-rail{display:none}@media(min-width:1024px){.book-rail{display:flex;flex-direction:column;width:236px;flex-shrink:0;border-right:1px solid var(--soft-border);background:rgb(var(--navy-800) / .55)}}.book-rail-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:16px;text-align:left;transition:background .15s ease,box-shadow .15s ease}.book-rail-item:hover:not(:disabled){background:rgb(var(--navy-700) / .5)}.book-rail-item:disabled{cursor:wait;opacity:.7}.book-rail-item-current{background:rgb(var(--gold-500) / .09);box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .25)}.book-rail-icon{flex-shrink:0;display:flex}.freeplay-type-chip{display:inline-flex;align-items:center;gap:7px;font-family:Outfit,sans-serif;font-size:13px;color:rgb(var(--cream-500));background:rgb(var(--navy-700) / .4);padding:8px 15px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--soft-border);transition:all .15s ease}.freeplay-type-chip-on{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .1);box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .4)}.freeplay-book{border-radius:20px;background:rgb(var(--navy-700) / .35);box-shadow:inset 0 0 0 1px var(--soft-border)}.freeplay-ch-chip{padding:4px 13px;border-radius:999px;font-family:Outfit,sans-serif;font-size:12px;color:rgb(var(--cream-400));background:rgb(var(--navy-800) / .5);box-shadow:inset 0 0 0 1px var(--soft-border);transition:all .15s ease}.freeplay-ch-chip:hover{box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .35)}.freeplay-ch-chip-on{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .13);box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .45)}.path-review-pill{display:inline-flex;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .12);padding:6px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .35);transition:background .15s ease}.path-review-pill:hover{background:rgb(var(--gold-500) / .2)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:rgb(var(--navy-950) / .65);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:12px}.chapter-sheet{width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;background:var(--drawer-bg);border-radius:28px;box-shadow:0 2px 4px #0003,0 32px 80px -24px #0009}.chapter-panel{height:100%;display:flex;flex-direction:column;background:var(--drawer-bg);border-radius:22px;box-shadow:0 1px 3px #00000040,0 8px 24px -8px #0006}[data-theme=light] .chapter-panel{box-shadow:0 1px 3px #3c30141f,0 8px 24px -8px #3c301433}.lesson-card{padding:12px 14px;border-radius:20px;background:rgb(var(--navy-700) / .4);transition:background .15s ease}.lesson-card-next{background:rgb(var(--gold-500) / .08);box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .3)}.lesson-bead{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:rgb(var(--cream-500));box-shadow:inset 0 0 0 1.5px var(--soft-border-strong)}.lesson-bead-done{color:rgb(var(--teal-400));box-shadow:inset 0 0 0 1.5px rgb(var(--teal-500) / .6);background:rgb(var(--teal-500) / .12)}.lesson-bead-next{color:rgb(var(--gold-300));box-shadow:inset 0 0 0 1.5px rgb(var(--gold-500) / .6);background:rgb(var(--gold-500) / .12)}.lesson-start-btn{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:rgb(var(--cream-400));padding:6px 13px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--soft-border-strong);transition:all .15s ease}.lesson-start-btn:hover{color:rgb(var(--gold-300));box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .5)}.lesson-start-btn-primary{color:rgb(var(--navy-900));background:rgb(var(--gold-500));box-shadow:0 3px 12px rgb(var(--gold-500) / .3)}[data-theme=light] .lesson-start-btn-primary{color:#fffdf7}.lesson-start-btn-primary:hover{color:rgb(var(--navy-900));background:rgb(var(--gold-400));box-shadow:0 3px 14px rgb(var(--gold-500) / .4)}[data-theme=light] .lesson-start-btn-primary:hover{color:#fffdf7}.word-chip{padding:3px 12px;border-radius:999px;background:rgb(var(--navy-700) / .55);box-shadow:inset 0 0 0 1px var(--soft-border);color:rgb(var(--cream-200));transition:background .15s ease,box-shadow .15s ease}.word-chip:hover{background:rgb(var(--gold-500) / .12);box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .4)}.sheet-door{display:inline-flex;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:12px;color:rgb(var(--cream-400));padding:7px 12px;border-radius:999px;transition:color .15s ease,background .15s ease}.sheet-door:hover{color:rgb(var(--cream-200));background:rgb(var(--navy-600) / .5)}.bookcase{--book-w: 164px;--book-h: 222px;--slot-h: calc(var(--book-h) + 6px);--caption-h: 14px;--caption-gap: 10px;--row-pad: 26px;--board-h: 8px;display:flex;flex-direction:column;gap:14px}@media(max-width:639px){.bookcase{--book-w: 158px;--book-h: 216px}}.bookcase-row{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:32px;padding:var(--row-pad) 10px 0;flex-wrap:wrap}@media(max-width:639px){.bookcase-row{gap:18px}}.bookcase-row:before{content:"";position:absolute;left:0;right:0;top:calc(var(--row-pad) + var(--caption-h) + var(--caption-gap) + var(--slot-h));height:var(--board-h);border-radius:3px;background:rgb(var(--navy-600));box-shadow:0 6px 14px -4px #00000073;pointer-events:none}[data-theme=light] .bookcase-row:before{background:#cdb88e;box-shadow:0 6px 12px -5px #5a461e59}.lib-sections{display:flex;flex-direction:column;gap:22px;margin-top:18px}.lib-sec-row{display:grid;grid-template-rows:auto auto;justify-content:stretch;-moz-column-gap:0;column-gap:0;width:100%}.lib-section{grid-row:span 2;display:grid;grid-template-rows:subgrid;row-gap:0;min-width:0}.lib-section+.lib-section .bookcase-row:before{border-top-left-radius:0;border-bottom-left-radius:0}.lib-section:has(+.lib-section) .bookcase-row:before{border-top-right-radius:0;border-bottom-right-radius:0}.lib-section+.lib-section .bookcase-row:after{content:"";position:absolute;left:-5px;top:6px;width:10px;height:calc(var(--row-pad) + var(--caption-h) + var(--caption-gap) + var(--slot-h) - 6px);border-radius:3px 3px 0 0;background:linear-gradient(90deg,rgb(var(--gold-500)) 0,rgb(var(--gold-500)) 60%,rgb(var(--gold-600)) 60%,rgb(var(--gold-600)));box-shadow:0 3px 3px -1px #000000b3,6px 6px 6px -3px #0000008c,8px 0 12px -5px #0000008c;pointer-events:none}[data-theme=light] .lib-section+.lib-section .bookcase-row:after{background:linear-gradient(90deg,#d9b45a 0,#d9b45a 60%,#b48d2e 60%,#b48d2e);box-shadow:0 3px 3px -1px #5a461e8c,6px 6px 6px -3px #5a461e66,7px 0 12px -5px #5a461e66}.lib-section .lib-section-sub{width:0;min-width:100%}@media(max-width:639px){.lib-section .lib-section-toggle{margin:0 6px 6px;width:auto}}.lib-section-head{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 10px;text-align:center}.lib-section-title{font-family:Outfit,sans-serif;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--gold-400))}.lib-section-sub{font-family:Outfit,sans-serif;font-size:12px;color:rgb(var(--cream-500))}.book-group{display:flex;flex-direction:column;align-items:center;gap:var(--caption-gap);flex-shrink:0}.book-group-caption{height:var(--caption-h);line-height:var(--caption-h);white-space:nowrap;font-family:Outfit,sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--cream-600))}.book-group-books{display:flex;align-items:flex-start;gap:16px}@media(max-width:639px){.book-group-books{gap:18px}}.lib-book-wrap{display:flex;flex-direction:column;align-items:stretch;width:var(--book-w);padding:0;border:0;background:none;text-align:left;color:inherit;font:inherit;border-radius:10px;cursor:pointer}.lib-book-wrap:disabled{cursor:wait}.lib-book-wrap:disabled .lib-book{opacity:.6}.lib-book-wrap:focus-visible{outline:2px solid rgb(var(--gold-400));outline-offset:5px}.lib-book-slot{display:flex;align-items:flex-end;height:var(--slot-h)}.lib-book{position:relative;display:block;width:100%;height:var(--book-h);border-radius:4px 7px 7px 4px;background:var(--cover-bg, #1f2d49);box-shadow:inset 0 -3px 5px -3px #0006,0 1px 3px #0000004d,0 2px 8px -2px #0000004d,0 10px 10px -8px #0000008c;transition:transform .18s ease,box-shadow .18s ease;overflow:hidden}.lib-book:before{content:"";position:absolute;top:0;bottom:0;left:12px;width:7px;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent);pointer-events:none;z-index:1}.lib-book-wrap:hover .lib-book,.lib-book-wrap:focus-visible .lib-book{transform:translateY(-7px);box-shadow:inset 0 -3px 5px -3px #0006,0 4px 8px #0000004d,0 18px 32px -10px #0000008c}[data-theme=light] .lib-book{box-shadow:inset 0 -3px 5px -3px #3c30144d,0 1px 3px #3c301438,0 2px 8px -2px #3c301433,0 10px 10px -8px #3c301466}[data-theme=light] .lib-book-wrap:hover .lib-book{box-shadow:inset 0 -3px 5px -3px #3c30144d,0 4px 8px #3c301438,0 18px 32px -10px #3c301466}.bookcase-row .book-group:nth-child(3n+1) .lib-book{height:calc(var(--book-h) + 4px)}.bookcase-row .book-group:nth-child(3n+2) .lib-book{height:calc(var(--book-h) - 6px)}.lib-book-spine{position:absolute;top:0;bottom:0;left:0;width:12px;background:var(--cover-spine, #172239);border-right:1px solid rgba(224,188,110,.4)}.lib-book-spine:before{content:"";position:absolute;top:0;bottom:0;left:3px;width:1px;background:#e0bc6e40}.lib-book-spine:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 42px,rgba(224,188,110,.28) 42px,rgba(224,188,110,.28) 43px,rgba(0,0,0,.3) 43px,rgba(0,0,0,.3) 45px,transparent 45px,transparent 48px)}.lib-book-frame{position:absolute;top:9px;right:9px;bottom:14px;left:21px;border:1px solid rgba(224,188,110,.55);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 9px;text-align:center;transition:border-color .22s ease}.lib-book-frame:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(224,188,110,.22);border-radius:2px;pointer-events:none;transition:border-color .22s ease}.lib-book-frame:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:4px;pointer-events:none;background-image:linear-gradient(#e0bc6e,#e0bc6e),linear-gradient(#e0bc6e,#e0bc6e),linear-gradient(#e0bc6e,#e0bc6e),linear-gradient(#e0bc6e,#e0bc6e),linear-gradient(#e0bc6e,#e0bc6e),linear-gradient(#e0bc6e,#e0bc6e),linear-gradient(#e0bc6e,#e0bc6e),linear-gradient(#e0bc6e,#e0bc6e);background-repeat:no-repeat;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-size:16px 2px,2px 16px,16px 2px,2px 16px,16px 2px,2px 16px,16px 2px,2px 16px;opacity:0;transition:opacity .22s ease}.lib-book-wrap:hover .lib-book-frame,.lib-book-wrap:focus-visible .lib-book-frame{border-color:#e0bc6ee6}.lib-book-wrap:hover .lib-book-frame:before,.lib-book-wrap:focus-visible .lib-book-frame:before{border-color:#e0bc6e73}.lib-book-wrap:hover .lib-book-frame:after,.lib-book-wrap:focus-visible .lib-book-frame:after{opacity:1}.lib-ornament{display:flex;align-items:center;gap:6px;width:78%;color:#e0bc6ecc;transition:color .22s ease}.lib-book-wrap:hover .lib-ornament,.lib-book-wrap:focus-visible .lib-ornament{color:#f2dda6}.lib-ornament i{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(224,188,110,.55))}.lib-ornament i:last-child{background:linear-gradient(90deg,rgba(224,188,110,.55),transparent)}.lib-ornament b{font-size:10px;line-height:1;font-weight:400;font-style:normal}.lib-ornament b.arabic{font-size:14px;color:#ecd396}.lib-book-title{font-family:var(--font-arabic-display);color:#ecd396;font-size:21px;line-height:1.75;font-weight:700;direction:rtl;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.lib-book-author{font-family:var(--font-arabic-display);color:#ecd396b3;font-size:13px;line-height:1.6;direction:rtl;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lib-book-freeplay{--cover-spine: #131c2e;background:linear-gradient(155deg,#25395d,#25395d 26%,#552732 26%,#552732 50%,#234639 50%,#234639 74%,#5c4715 74%,#5c4715)}.lib-book-subtitle-en{font-family:Outfit,sans-serif;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#ecd396d9}.lib-book-band{position:absolute;left:22px;right:10px;bottom:5px;height:4px;border-radius:999px;background:#ffffff1f;overflow:hidden}.lib-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-left:16px;padding-right:16px;padding-bottom:48px}.lib-rail{width:100%}@media(min-width:1200px){.lib-layout{grid-template-columns:minmax(0,1fr) 232px;gap:56px;padding-left:20px;padding-right:20px;align-items:start}.lib-rail{position:sticky;top:20px}.lib-footer{padding-left:20px;padding-right:308px}}.lib-classes{width:100%;margin-top:32px}@media(max-width:1199px){.lib-rail{max-width:560px;margin:0 auto}.lib-main{order:-1}}.app-shell{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-topbar{flex-shrink:0;height:72px;position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px}@media(min-width:640px){.app-topbar{padding:0 24px}}.app-topbar-left{display:flex;align-items:center;gap:14px;min-width:0}.app-topbar-book{display:grid;gap:8px;grid-template-columns:minmax(min-content,1fr) auto minmax(max-content,1fr)}.app-topbar-book>:last-child{justify-self:end;gap:8px}.app-topbar-book .app-topbar-center{display:flex;justify-content:center}@media(max-width:767px){.app-topbar-book .mode-tab{width:66px;height:46px}}@media(max-width:639px){.app-topbar-book .app-topbar-left>button>span:first-child{width:36px!important;height:36px!important}}.book-search-panel{position:absolute;right:0;top:44px;z-index:50;width:min(440px,calc(100vw - 32px));max-height:min(70vh,560px);overflow-y:auto;background:rgb(var(--navy-700));border:1px solid var(--soft-border);border-radius:16px;box-shadow:0 8px 24px #00000047;padding:4px 0}.book-search-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 14px 4px;font-family:Outfit,sans-serif;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--cream-500))}.book-search-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:8px 14px;transition:background .12s ease}.book-search-row:hover,.book-search-row:focus-visible{background:rgb(var(--navy-600) / .7);outline:none}.book-search-mark{background:rgb(var(--gold-500) / .28);color:rgb(var(--gold-300));border-radius:4px;padding:0 2px}.app-body{flex:1;min-height:0;display:flex}.app-main{flex:1;min-width:0;overflow-y:auto;scrollbar-gutter:stable;padding-bottom:calc(68px + env(safe-area-inset-bottom))}@media(min-width:1200px){.app-main{padding-bottom:0}}.app-shell-bare .app-topbar,.app-shell-bare .snav-side,.app-shell-bare .snav-bottom{display:none!important}.app-shell-bare .app-main{padding-bottom:0;scrollbar-gutter:auto}.snav-side{display:none}.snav-bottom{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;gap:4px;padding:6px 12px calc(6px + env(safe-area-inset-bottom));background:rgb(var(--navy-800) / .94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--soft-border);box-shadow:0 -2px 8px #0000002e}.snav-tab-wrap{flex:1 1 0;max-width:112px;display:flex}.snav-tab{position:relative;flex:1 1 0;max-width:112px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:12px;font-family:Outfit,system-ui,sans-serif;font-size:11px;font-weight:600;color:rgb(var(--cream-500));transition:color .15s,background-color .15s}.snav-tab:hover{color:rgb(var(--cream-200))}.snav-tab.snav-on{color:rgb(var(--gold-400));background:rgb(var(--gold-500) / .12)}.snav-tab-pill{position:absolute;top:1px;left:calc(50% + 7px);font-size:9px;font-weight:700;font-variant-numeric:tabular-nums;padding:0 5px;border-radius:999px;color:rgb(var(--gold-300));background:rgb(var(--navy-600))}.snav-tab-pill-hw{color:#fff;background:rgb(var(--hw-500))}.snav-pop{position:fixed;left:16px;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:60;max-height:calc(100dvh - 120px);overflow-y:auto;border-radius:20px;text-align:left}@media(min-width:640px){.snav-pop{left:auto;right:16px;width:380px}}@media(min-width:1200px){.snav-bottom{display:none}.snav-side{display:flex;flex-direction:column;gap:20px;padding:4px 0}.snav-shell{width:220px;flex-shrink:0;margin:8px 0 20px 20px;position:relative;z-index:20}.snav-pop{position:absolute;left:calc(100% + 18px);right:auto;top:-8px;bottom:auto;width:380px}.snav-group{display:flex;flex-direction:column;gap:4px}.snav-group+.snav-group:not(.snav-group-end){padding-top:16px;border-top:1px solid rgb(var(--cream-500) / .08)}.snav-group-end{margin-top:auto}.snav-item{display:flex;align-items:center;gap:14px;width:100%;padding:11px 16px;border-radius:16px;text-align:left;color:rgb(var(--cream-400));transition:color .15s,background-color .15s,box-shadow .2s,transform .2s}.snav-item:not(.snav-on):hover{color:rgb(var(--cream-100));transform:translate(2px)}.snav-item.snav-on{color:rgb(var(--gold-400));background:rgb(var(--navy-700));box-shadow:0 2px 4px #00000038,0 10px 24px #00000047}:root:not([data-theme=light]) .snav-item.snav-on{background:rgb(var(--navy-600));box-shadow:0 2px 4px #0000004d,0 12px 28px #0006,inset 0 1px #ffffff0d}.snav-icon{flex-shrink:0}.snav-hw:not(.snav-on) .snav-icon{color:rgb(var(--hw-500))}.snav-label{flex:1;min-width:0;font-family:Outfit,system-ui,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.005em}.snav-on .snav-label{color:rgb(var(--cream-100));font-weight:700}.snav-pill{flex-shrink:0;padding:2px 8px;border-radius:999px;font-family:Outfit,system-ui,sans-serif;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;background:rgb(var(--gold-500) / .14);color:rgb(var(--gold-300))}.snav-hw .snav-pill{background:rgb(var(--hw-500));color:#fff}}@media(min-width:1200px){.pmenu-narrow-only{display:none}}.theme-switch{position:relative;flex-shrink:0;width:64px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:rgb(var(--navy-700));border:1px solid var(--soft-border);box-shadow:inset 0 1px 2px #00000040;color:rgb(var(--cream-500))}.theme-switch-thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:999px;background:rgb(var(--gold-500));box-shadow:0 1px 3px #00000059;transition:transform .22s cubic-bezier(.3,.7,.4,1)}.theme-switch[data-mode=dark] .theme-switch-thumb{transform:translate(30px)}.theme-switch svg{position:relative;z-index:1;transition:color .2s}.theme-switch[data-mode=light] .theme-switch-sun,.theme-switch[data-mode=dark] .theme-switch-moon{color:rgb(var(--navy-900))}.theme-switch:hover{border-color:rgb(var(--gold-500) / .4)}.pmenu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:240px;padding:6px;border-radius:16px;background:rgb(var(--navy-700));border:1px solid var(--soft-border);box-shadow:0 8px 24px #00000059}.pmenu-head{padding:8px 10px 10px;border-bottom:1px solid var(--soft-border);margin-bottom:4px}.pmenu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:10px;text-align:left;font-family:Outfit,system-ui,sans-serif;font-size:13px;font-weight:500;color:rgb(var(--cream-200));transition:background-color .12s,color .12s}.pmenu-item:hover{background:rgb(var(--navy-600) / .6);color:rgb(var(--gold-300))}.pmenu-sep{height:1px;margin:4px 6px;background:var(--soft-border)}.lib-section-toggle{width:100%;cursor:pointer;border-radius:14px;padding:12px 14px;border:1px solid var(--soft-border);background:rgb(var(--navy-700) / .35);transition:background-color .15s}.lib-section-toggle:hover,.lib-section-toggle:active{background:rgb(var(--navy-700) / .5)}.lib-section-count{font-family:Outfit,sans-serif;font-size:10px;font-weight:600;padding:1px 7px;border-radius:999px;color:rgb(var(--cream-400));background:rgb(var(--navy-700))}.lb-btn{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;height:36px;padding:0 5px;border-radius:999px;font-family:Outfit,system-ui,sans-serif;font-size:12px;font-weight:600;color:rgb(var(--cream-100));background:rgb(var(--gold-500) / .12);box-shadow:0 1px 2px #00000040;transition:background-color .15s,box-shadow .15s,transform .15s}@media(min-width:640px){.lb-btn{padding:0 14px 0 5px}.lb-btn:has(.lb-btn-rank){padding-right:5px}}.lb-btn:hover{background:rgb(var(--gold-500) / .2);box-shadow:0 3px 8px #0000004d;transform:translateY(-1px)}.lb-btn-icon{width:26px;height:26px;border-radius:999px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:rgb(var(--gold-500));color:rgb(var(--navy-900))}.lb-btn-teacher{background:rgb(var(--hw-500) / .14)}.lb-btn-teacher:hover{background:rgb(var(--hw-500) / .22)}.lb-btn-teacher .lb-btn-icon{background:rgb(var(--hw-500));color:#fff}.lb-btn-rank{padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;background:rgb(var(--navy-800) / .7);color:rgb(var(--gold-300))}.lb-btn-rank-hw{background:rgb(var(--hw-500));color:#fff}.hw-row{display:flex;align-items:center;gap:12px}.hw-row-go{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;font-family:Outfit,system-ui,sans-serif;font-size:12px;font-weight:600;background:rgb(var(--hw-500));color:#fff;transition:transform .15s}.hw-row-go-late{background:rgb(var(--late-400))}.tc-hw-done .hw-row-go{background:rgb(var(--navy-600));color:rgb(var(--cream-200))}button.hw-row:hover .hw-row-go{transform:translate(2px)}.class-pop{position:fixed;left:16px;right:16px;top:64px;z-index:60;max-height:calc(100dvh - 80px);overflow-y:auto;border-radius:20px}@media(min-width:640px){.class-pop{position:absolute;left:auto;right:0;top:calc(100% + 8px);width:380px}}.prog-bubbles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:1200px){.prog-bubbles{grid-template-columns:minmax(0,1fr)}}.prog-bubble{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:12px 14px;border-radius:14px;text-align:left;background:rgb(var(--navy-700) / .6);border:1px solid rgb(var(--navy-600));font-family:Outfit,system-ui,sans-serif}.prog-bubble-link{cursor:pointer;transition:background-color .15s,border-color .15s}.prog-bubble-link:hover{background:rgb(var(--navy-700));border-color:rgb(var(--gold-500) / .4)}.prog-bubble-icon{width:34px;height:34px;border-radius:999px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.prog-tint-gold{background:rgb(var(--gold-500) / .14);color:rgb(var(--gold-400))}.prog-tint-teal{background:rgb(var(--teal-500) / .14);color:rgb(var(--teal-400))}.prog-bubble-value{display:block;font-size:20px;font-weight:800;line-height:1.1;color:rgb(var(--cream-100));font-variant-numeric:tabular-nums}.prog-bubble-label{display:block;margin-top:1px;font-size:11.5px;line-height:1.2;color:rgb(var(--cream-400));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-label{display:flex;flex-direction:column;gap:2px;margin-top:calc(var(--board-h) + 14px);padding:0 2px;font-family:Outfit,sans-serif}.lib-label-title{font-size:15px;font-weight:700;line-height:1.25;color:rgb(var(--cream-100));transition:color .15s ease}.lib-book-wrap:hover .lib-label-title,.lib-book-wrap:focus-visible .lib-label-title{color:rgb(var(--gold-300))}.lib-label-author{font-size:12px;line-height:1.35;color:rgb(var(--cream-500))}.lib-label-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.lib-label-meta:empty{display:none}.lib-label-blurb{margin-top:5px;font-size:12px;line-height:1.45;color:rgb(var(--cream-400))}.lib-label-progress{margin-top:5px;font-size:11px;font-weight:600;color:rgb(var(--gold-400));font-variant-numeric:tabular-nums}.lib-info-tag{display:inline-block;font-family:Outfit,sans-serif;font-size:10px;font-weight:700;letter-spacing:.08em;color:rgb(var(--gold-400));background:rgb(var(--gold-500) / .12);padding:2px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .3)}.lib-info-tag-new{color:rgb(var(--navy-900));background:rgb(var(--gold-500));box-shadow:none;text-transform:uppercase}.lib-info-tag-beta{color:rgb(var(--cream-400));background:rgb(var(--navy-600) / .5);box-shadow:inset 0 0 0 1px var(--soft-border-strong)}.lib-info-tag-soon{color:rgb(var(--teal-300));background:rgb(var(--teal-500) / .12);box-shadow:inset 0 0 0 1px rgb(var(--teal-500) / .3)}.lib-book-wrap-soon{cursor:default}.lib-book-wrap-soon .lib-book-slot{opacity:.72;filter:saturate(.75)}.lib-book-wrap-soon:hover .lib-book,.lib-book-wrap-soon:focus-visible .lib-book{transform:none}.lib-book-wrap-soon:hover .lib-book-frame,.lib-book-wrap-soon:focus-visible .lib-book-frame{border-color:#e0bc6e59}.lib-book-wrap-soon:hover .lib-label-title{color:rgb(var(--cream-100))}.lib-stat-chip{display:inline-flex;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:12px;font-weight:500;color:rgb(var(--cream-400));background:rgb(var(--navy-700) / .45);padding:6px 13px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--soft-border)}.lib-stat-chip-btn{cursor:pointer;transition:all .15s ease}.lib-stat-chip-btn:hover{color:rgb(var(--gold-300));box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .4)}.intro-word-card{position:relative;padding:12px 20px 10px;border-radius:22px;background:rgb(var(--navy-700) / .45);box-shadow:inset 0 0 0 1px var(--soft-border);animation:fadeUp .45s ease-out both;transition:box-shadow .15s ease}.intro-word-card:hover{box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .45)}.intro-word-speaker{position:absolute;top:8px;left:10px;color:rgb(var(--cream-600));opacity:.7}.lesson-step-bead{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--soft-border-strong);transition:background .25s ease,transform .25s ease,box-shadow .25s ease}.lesson-step-bead.bead-done{background:rgb(var(--teal-500))}.lesson-step-bead.bead-current{background:rgb(var(--gold-500));transform:scale(1.4);box-shadow:0 0 8px rgb(var(--gold-500) / .6)}@media(prefers-reduced-motion:reduce){.intro-word-card{animation:none}.path-node,.path-node:hover,.lib-book,.lib-book-wrap:hover .lib-book{transition:none;transform:none}}@keyframes heroBubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes choiceIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes heroFadeIn{to{opacity:1}}@media(max-width:600px){.vt-demo .vt-opt{display:none}}.standing-card{background:rgb(var(--navy-700) / .6);border:1px solid rgb(var(--navy-600));border-radius:14px;padding:14px 16px}.standing-link{display:inline-flex;align-items:center;gap:2px;font-family:Outfit,system-ui,sans-serif;font-size:12px;font-weight:600;color:rgb(var(--gold-400))}.standing-link:hover{color:rgb(var(--gold-300))}.standing-next{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 10px;border-radius:10px;background:rgb(var(--navy-800) / .6);font-family:Outfit,system-ui,sans-serif;font-size:12px;color:rgb(var(--cream-400))}.reader{--reader-ink: rgb(var(--cream-200));--reader-page: transparent;--reader-link: rgb(var(--gold-500) / .45);--reader-mark: rgb(var(--gold-500) / .18);--reader-hover: rgb(var(--gold-300));--reader-head: rgb(var(--gold-400));--reader-hadith: rgb(var(--gold-400));--reader-link-soft: rgb(var(--cream-400) / .28);--reader-tab: var(--drawer-bg);--reader-tab-ink: rgb(var(--cream-400));--reader-tab-on: rgb(var(--gold-300))}.reader-sepia{--reader-ink: #3b2f1d;--reader-page: #f3ead6;--reader-link: rgba(120, 84, 20, .45);--reader-mark: rgba(176, 124, 20, .22);--reader-hover: #a0660a;--reader-head: #7a5310;--reader-hadith: #7a5310;--reader-link-soft: rgba(59, 47, 29, .25);--reader-tab: #e8dbbd;--reader-tab-ink: #6b5332;--reader-tab-on: #8a5a0c}.reader-bar{border-bottom:1px solid var(--soft-border);background:rgb(var(--navy-800) / .6);flex-shrink:0}.reader-aa{font-family:Outfit,sans-serif;font-weight:600;font-size:14px;width:36px;height:32px;border-radius:10px;color:rgb(var(--cream-400));box-shadow:inset 0 0 0 1px var(--soft-border);transition:color .15s ease,background .15s ease}.reader-aa:hover,.reader-aa.is-on{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .12)}.reader-settings{position:absolute;right:12px;z-index:40;width:min(360px,calc(100vw - 24px));background:var(--drawer-bg);border-radius:18px;padding:14px 16px;box-shadow:0 1px 3px #00000040,0 12px 32px -12px #00000073;display:flex;flex-direction:column;gap:12px}.reader-fonts{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.reader-font{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:4px 2px;border-radius:10px;color:rgb(var(--cream-300));box-shadow:inset 0 0 0 1px var(--soft-border);transition:background .15s ease,color .15s ease,box-shadow .15s ease}.reader-font:hover{background:rgb(var(--navy-700) / .6)}.reader-font.is-on{background:rgb(var(--gold-500) / .16);color:rgb(var(--gold-300));box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .6)}.reader-font-sample{font-size:19px;line-height:1.7}.reader-font-current{color:rgb(var(--cream-300))}.reader-set-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-set-label{font-family:Outfit,sans-serif;font-size:12px;color:rgb(var(--cream-500))}.reader-seg{display:inline-flex;border-radius:10px;box-shadow:inset 0 0 0 1px var(--soft-border);overflow:hidden}.reader-seg button{font-family:Outfit,sans-serif;font-size:12px;padding:5px 10px;color:rgb(var(--cream-400));transition:background .15s ease,color .15s ease}.reader-seg button+button{border-left:1px solid var(--soft-border)}.reader-seg button.is-on{background:rgb(var(--gold-500) / .16);color:rgb(var(--gold-300))}.reader-seg button:not(.is-on):hover{background:rgb(var(--navy-700) / .6)}.reader-seg .arabic{font-size:14px;line-height:1.2}.reader-step{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:rgb(var(--cream-300));box-shadow:inset 0 0 0 1px var(--soft-border)}.reader-step:disabled{opacity:.35}.reader-dots{display:flex;gap:6px}.reader-dots button{width:8px;height:8px;border-radius:999px;background:rgb(var(--navy-500))}.reader-dots button.is-on{background:rgb(var(--gold-500))}.reader-surface{background:var(--reader-page);transition:background .2s ease}.reader-clip{position:relative;width:100%;height:100%}.reader-clip.is-paged{overflow:hidden;touch-action:pan-y}.reader-clip.is-scroll{overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.reader-clip.is-scroll::-webkit-scrollbar{display:none}.reader-clip.is-scroll .reader-flow{max-width:720px;margin:0 auto;padding-bottom:40vh}.reader-flow{color:var(--reader-ink);font-family:var(--font-arabic);font-weight:400;-moz-column-fill:auto;column-fill:auto;text-align:start}.reader-p{margin:0 0 .7em}.reader-hadith{color:var(--reader-hadith);font-weight:600}.reader-sanad{font-weight:600}.reader-hit{animation:reader-hit 2.6s ease-out;border-radius:6px}@keyframes reader-hit{0%,35%{background:rgb(var(--gold-500) / .22);box-shadow:0 0 0 6px rgb(var(--gold-500) / .22)}to{background:transparent;box-shadow:0 0 0 6px transparent}}.reader-h{margin:.9em 0 .35em;font-weight:700;color:var(--reader-head);-moz-column-break-after:avoid;break-after:avoid}.reader-chapter-head{text-align:center;margin:.2em 0 1em;-moz-column-break-inside:avoid;break-inside:avoid}.reader-clip.is-scroll .reader-chunk+.reader-chunk{border-top:1px solid var(--soft-border);margin-top:2em;padding-top:1.4em}.reader-chapter-title{font-family:var(--font-arabic-display);font-size:1.3em;font-weight:700;color:var(--reader-head);line-height:1.7}.reader-chapter-words{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--soft-border-strong);font-family:Outfit,sans-serif;font-size:13px;font-weight:600;line-height:1.2;color:var(--reader-head);background:transparent;cursor:pointer;transition:border-color .15s ease,color .15s ease}.reader-chapter-words:hover{border-color:rgb(var(--gold-500));color:rgb(var(--gold-400))}.reader-chapter-words:focus-visible{outline:2px solid rgb(var(--gold-400));outline-offset:2px}.reader-end{display:inline-block;width:1px;height:1px}.reader-w{cursor:pointer;transition:color .12s ease;background-image:linear-gradient(to left,transparent 0,var(--reader-link) 1.5px,var(--reader-link) 5.5px,transparent 7px);background-size:9px 2.5px;background-repeat:repeat-x;background-position:right 0 bottom .12em}.reader-w:hover{color:var(--reader-hover)}.reader-w.is-gloss{--reader-link: var(--reader-link-soft)}.reader-w.is-marked{background-color:var(--reader-mark);border-radius:4px;background-image:linear-gradient(var(--reader-link),var(--reader-link));background-size:100% 2.5px}.reader-foot{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:6px 12px 10px;border-top:1px solid var(--soft-border);background:rgb(var(--navy-800) / .6)}.reader-foot-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;font-family:Outfit,sans-serif;font-size:12px;color:rgb(var(--cream-400));transition:background .15s ease,color .15s ease}.reader-foot-btn:hover:not(:disabled){background:rgb(var(--navy-700) / .6);color:rgb(var(--gold-300))}.reader-foot-btn:disabled{opacity:.3}.reader-turn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:32px;border-radius:10px;color:rgb(var(--cream-400));box-shadow:inset 0 0 0 1px var(--soft-border);transition:background .15s ease,color .15s ease}.reader-turn:hover:not(:disabled){color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .12)}.reader-turn:disabled{opacity:.3}.reader-foot-meta{font-family:Outfit,sans-serif;font-size:11px;color:rgb(var(--cream-500));white-space:nowrap}.reader-slider{width:100%;max-width:520px;accent-color:rgb(var(--gold-500));height:16px}.reader-progress{width:100%;max-width:520px;height:4px;border-radius:999px;background:rgb(var(--navy-600));overflow:hidden}.reader-progress>div{height:100%;background:rgb(var(--gold-500));transition:width .15s linear}.reader-card{width:280px;max-width:calc(100vw - 24px);background:var(--drawer-bg);border-radius:16px;padding:12px 14px;box-shadow:0 1px 3px #0000004d,0 10px 28px -10px #00000080;border:1px solid var(--soft-border)}.reader-card-word{font-size:1.75rem;line-height:1.6;color:rgb(var(--gold-300))}.reader-card-icon{width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:rgb(var(--cream-400));flex-shrink:0;margin-top:6px}.reader-card-icon:hover{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .12)}.reader-card-gloss{font-family:Outfit,sans-serif;font-size:15px;color:rgb(var(--cream-200));line-height:1.4}.reader-card-dict{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--soft-border)}.reader-card-dict .arabic{font-size:1.1rem;color:rgb(var(--cream-200))}.reader-card-label{font-family:Outfit,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--cream-500))}.reader-card-dict-gloss{font-family:Outfit,sans-serif;font-size:12px;color:rgb(var(--cream-400))}.reader-card-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-family:Outfit,sans-serif;font-size:11px;color:rgb(var(--cream-400));background:rgb(var(--navy-700) / .7)}.reader-card-chip .arabic{font-size:13px}.reader-card-mark{margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:10px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;color:rgb(var(--gold-300));box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .4);transition:background .15s ease}.reader-card-mark:hover{background:rgb(var(--gold-500) / .1)}.reader-card-mark.is-marked{background:rgb(var(--gold-500) / .16);box-shadow:none}.reader-pager{position:absolute;z-index:25;left:var(--pager-left);right:var(--pager-right);display:flex;align-items:center;justify-content:center;gap:10px;container-type:inline-size;pointer-events:none}.reader-pager>*{pointer-events:auto}@container (max-width: 150px){.reader-pager-num{display:none}}.reader-pager-num{min-width:52px;text-align:center;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;color:var(--reader-tab-ink)}.reader-pager button{width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--reader-tab);color:var(--reader-tab-ink);box-shadow:0 0 0 1px var(--soft-border);transition:color .15s ease,opacity .15s ease}.reader-pager button:hover:not(:disabled){color:var(--reader-tab-on)}.reader-pager button:disabled{opacity:.35;cursor:default}.reader-pager button:focus-visible{outline:2px solid rgb(var(--gold-400));outline-offset:2px}.reader-flow.turn-in-fwd{animation:reader-in-fwd .34s cubic-bezier(.2,0,0,1)}.reader-flow.turn-in-back{animation:reader-in-back .34s cubic-bezier(.2,0,0,1)}@keyframes reader-in-fwd{0%{translate:-48px 0;opacity:0}to{translate:0 0;opacity:1}}@keyframes reader-in-back{0%{translate:48px 0;opacity:0}to{translate:0 0;opacity:1}}.reader{--corner-d: 54px;--corner-lift: 14px;--corner-inset: 16px;--corner-gap: 10px;--corner-clear: calc(var(--corner-d) + var(--corner-lift) + 8px + env(safe-area-inset-bottom));--pager-right: calc(var(--corner-inset) + 2 * var(--corner-d) + var(--corner-gap) + 8px);--pager-left: var(--pager-right)}@media(max-width:639px){.reader{--corner-d: 54px;--corner-lift: 24px;--corner-inset: 18px;--pager-left: calc(var(--corner-inset) + var(--corner-d) + 8px)}}.reader-corner{position:absolute;z-index:30;bottom:calc(var(--corner-lift) + env(safe-area-inset-bottom));width:var(--corner-d);height:var(--corner-d);border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--reader-tab);color:var(--reader-tab-ink);box-shadow:0 0 0 1px var(--soft-border),0 2px 10px -2px #00000059;transition:color .15s ease,background .15s ease}.reader-corner.is-left{left:var(--corner-inset)}.reader-corner.is-right{right:var(--corner-inset)}.reader-corner.is-right2{right:calc(var(--corner-inset) + var(--corner-d) + var(--corner-gap))}.reader-pager{bottom:calc(var(--corner-lift) + (var(--corner-d) - 36px) / 2 + env(safe-area-inset-bottom))}.reader-settings{bottom:calc(var(--corner-lift) + var(--corner-d) + 10px + env(safe-area-inset-bottom))}@media(max-width:639px){.reader-pager{bottom:calc(var(--corner-lift) + (var(--corner-d) - 42px) / 2 + env(safe-area-inset-bottom))}.reader-pager button{width:42px;height:42px}.reader-pager{gap:4px}.reader-pager-num{min-width:44px}}.reader-corner.is-right2.is-on{background:rgb(var(--gold-500));color:rgb(var(--navy-900))}.reader-settings-tip{position:absolute;z-index:31;right:var(--corner-inset);bottom:calc(var(--corner-lift) + var(--corner-d) + 12px + env(safe-area-inset-bottom));max-width:min(260px,calc(100vw - 40px));padding:9px 13px;border-radius:12px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;line-height:1.35;color:rgb(var(--navy-900));background:rgb(var(--gold-500));box-shadow:0 6px 18px -6px #00000073;pointer-events:none;animation:reader-tip-in .26s cubic-bezier(.2,0,0,1)}.reader-settings-tip:after{content:"";position:absolute;right:calc(var(--corner-d) / 2 - 6px);bottom:-6px;width:12px;height:12px;background:inherit;transform:rotate(45deg);border-radius:2px}@keyframes reader-tip-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}.reader-clip-wrap{position:relative;width:100%;max-width:1180px;height:100%}.reader-flow{position:relative}.reader-ink{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none}.reader-ink-capture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;touch-action:none;cursor:crosshair}.reader-ink-capture.is-erase{cursor:cell}.reader-ink-live{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.reader-ink-bar{position:absolute;z-index:35;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:5px 6px;border-radius:999px;background:var(--drawer-bg);box-shadow:0 0 0 1px var(--soft-border),0 8px 24px -10px #00000080;max-width:calc(100% - 24px)}.reader-ink-btn{width:36px;height:36px;border-radius:999px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:rgb(var(--cream-400));transition:background .15s ease,color .15s ease}.reader-ink-btn:hover:not(:disabled){color:rgb(var(--gold-300));background:rgb(var(--navy-700) / .6)}.reader-ink-btn.is-on{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .18)}.reader-ink-btn:disabled{opacity:.35}.reader-ink-btn.is-done{background:rgb(var(--gold-500));color:rgb(var(--navy-900))}.reader-ink-btn.is-done:hover{background:rgb(var(--gold-400));color:rgb(var(--navy-900))}.reader-ink-swatch{width:26px;height:26px;border-radius:999px;flex-shrink:0;margin:0 2px;background:var(--swatch);box-shadow:0 0 0 2px var(--drawer-bg),0 0 0 2px transparent;transition:box-shadow .15s ease}.reader-ink-swatch.is-on{box-shadow:0 0 0 2px var(--drawer-bg),0 0 0 4px var(--swatch)}.reader-ink-sep{width:1px;height:22px;background:var(--soft-border);margin:0 3px;flex-shrink:0}@media(max-width:380px){.reader-ink-btn{width:32px;height:32px}.reader-ink-swatch{width:22px;height:22px}}::highlight(reader-note){background-color:#2f7fe033}.reader-sepia ::highlight(reader-note){background-color:#2f7fe029}.reader-note-mark{position:absolute;z-index:2;width:18px;height:18px;border-radius:999px;transform:translate(-60%,-45%);display:flex;align-items:center;justify-content:center;background:#2f7fe0;color:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .12s ease}.reader-note-mark:hover{transform:translate(-60%,-45%) scale(1.15)}.reader-note-mark:focus-visible{outline:2px solid rgb(var(--gold-400));outline-offset:2px}.reader-pop{width:300px;max-width:calc(100vw - 24px);background:var(--drawer-bg);border-radius:16px;padding:12px 14px;border:1px solid var(--soft-border);box-shadow:0 1px 3px #0000004d,0 10px 28px -10px #00000080;font-family:Outfit,sans-serif}.reader-pop-icon{width:34px;height:34px;border-radius:999px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .14)}.reader-pop-title{font-size:15px;font-weight:600;color:rgb(var(--cream-100))}.reader-pop-body{margin-top:2px;font-size:13px;line-height:1.45;color:rgb(var(--cream-400))}.reader-pop-primary{margin-top:12px;width:100%;padding:8px 12px;border-radius:10px;font-size:14px;font-weight:600;color:rgb(var(--navy-900));background:rgb(var(--gold-500));transition:background .15s ease}.reader-pop-primary:hover:not(:disabled){background:rgb(var(--gold-400))}.reader-pop-primary:disabled{opacity:.5}.reader-pop-primary.is-small{margin-top:0;width:auto;padding:6px 16px;font-size:13px}.reader-pop-ghost{padding:6px 12px;border-radius:10px;font-size:13px;color:rgb(var(--cream-400))}.reader-pop-ghost:hover{background:rgb(var(--navy-700) / .6);color:rgb(var(--cream-200))}.reader-pop-icon-btn{width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:rgb(var(--cream-400))}.reader-pop-icon-btn:hover{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .12)}.reader-note-quote{font-size:1.05rem;line-height:1.8;color:rgb(var(--cream-300));border-right:3px solid #2f7fe0;padding:0 10px 0 0;margin-bottom:8px;max-height:6.5em;overflow:hidden}.reader-note-input{width:100%;resize:vertical;min-height:72px;padding:8px 10px;border-radius:10px;font-size:14px;line-height:1.45;color:rgb(var(--cream-100));background:rgb(var(--navy-900) / .35);border:1px solid var(--soft-border-strong);outline:none}.reader-note-input:focus{border-color:rgb(var(--gold-500))}.reader-note-text{font-size:14px;line-height:1.5;color:rgb(var(--cream-100));white-space:pre-wrap;overflow-wrap:anywhere}.reader-note-date{font-size:11px;color:rgb(var(--cream-500))}.reader-sel-note{position:relative;display:flex;flex-direction:column;align-items:center}.reader-sel-note button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;color:rgb(var(--navy-900));background:rgb(var(--gold-500));box-shadow:0 6px 18px -6px #00000080;transition:background .15s ease}.reader-sel-note button:hover{background:rgb(var(--gold-400))}.reader-sel-note.is-locked button{width:36px;padding:0;justify-content:center;cursor:not-allowed;color:rgb(var(--cream-500));background:var(--drawer-bg);box-shadow:0 0 0 1px var(--soft-border),0 6px 18px -6px #00000080}.reader-sel-tip{position:absolute;bottom:calc(100% + 8px);white-space:nowrap;pointer-events:none;padding:5px 10px;border-radius:8px;font-family:Outfit,sans-serif;font-size:12px;font-weight:500;color:rgb(var(--cream-100));background:rgb(var(--navy-900) / .92);opacity:0;translate:0 4px;transition:opacity .15s ease,translate .15s ease}.reader-sel-note.is-locked:hover .reader-sel-tip,.reader-sel-note.is-locked:focus-within .reader-sel-tip{opacity:1;translate:0 0}@media(hover:none){.reader-sel-note.is-locked .reader-sel-tip{opacity:1;translate:0 0}}.reader-swipe-hint{position:absolute;left:50%;z-index:26;transform:translate(-50%);bottom:calc(var(--corner-clear) + 6px);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 14px;border-radius:999px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;color:rgb(var(--navy-900));background:rgb(var(--gold-500));box-shadow:0 6px 18px -6px #00000073;animation:reader-hint-pulse 1.4s ease-in-out infinite}.reader-swipe-hand{animation:reader-hint-swipe 1.4s ease-in-out infinite}@keyframes reader-hint-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes reader-hint-swipe{0%,to{translate:5px 0}50%{translate:-5px 0}}@media(prefers-reduced-motion:reduce){.reader-swipe-hint,.reader-swipe-hand{animation:none}}@media(min-width:1024px){.reader-corner.is-left.is-mobile-only{display:none}}.reader-corner:hover,.reader-corner.is-on{color:var(--reader-tab-on)}.reader-corner:focus-visible{outline:2px solid rgb(var(--gold-400));outline-offset:2px}.read-progress{position:relative;height:3px;flex-shrink:0;background:rgb(var(--navy-600) / .7)}.read-progress-fill{position:absolute;inset:0 0 0 auto;background:rgb(var(--gold-500));transition:width .24s ease-out}.read-progress-tick{position:absolute;top:0;bottom:0;width:2px;margin-right:-1px;background:var(--body-bg)}@media(prefers-reduced-motion:reduce){.read-progress-fill{transition:none}}.read-rail{position:fixed;top:0;bottom:0;left:0;z-index:60;width:100%;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:0 8px calc(24px + env(safe-area-inset-bottom));background:var(--body-bg);scrollbar-width:thin;scrollbar-color:rgb(var(--gold-500) / .3) transparent;transform:translate(-100%);visibility:hidden;transition:transform .28s cubic-bezier(.2,0,0,1),visibility 0s linear .28s}.read-rail.is-open{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,0,0,1)}@media(min-width:1024px){.read-rail{width:380px;border-right:1px solid var(--soft-border);box-shadow:0 8px 28px -6px #00000073}}.read-rail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;background:#00000059}@media(prefers-reduced-motion:reduce){.read-rail,.read-rail.is-open{transition:none}}.read-rail-top{position:sticky;top:0;z-index:4;background:var(--body-bg);display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 4px 6px 12px}.read-rail-top-title{font-family:Outfit,sans-serif;font-size:17px;font-weight:600;color:rgb(var(--cream-200))}.read-rail-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:999px;color:rgb(var(--cream-400));transition:background .15s ease,color .15s ease}.read-rail-close:hover{background:rgb(var(--navy-700) / .6);color:rgb(var(--gold-300))}.read-rail-sec{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;padding:10px 8px 6px;margin-top:8px;border-radius:12px;border-top:1px solid var(--soft-border);transition:background .15s ease}.read-rail-sec:first-child{margin-top:0;border-top:0}.read-rail-sec:hover{background:rgb(var(--navy-700) / .55)}.read-rail-sec-n{flex-shrink:0;width:20px;height:20px;margin-top:3px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:10px;font-weight:700;line-height:1;color:rgb(var(--cream-600));background:rgb(var(--navy-700));border:2px solid var(--soft-border)}.read-rail-sec.is-active .read-rail-sec-n{border-color:rgb(var(--gold-500));color:rgb(var(--gold-300))}.read-rail-sec-ar{display:block;font-size:15px;line-height:1.6;font-weight:600;color:rgb(var(--cream-300));text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-rail-sec.is-active .read-rail-sec-ar{color:rgb(var(--gold-300))}.read-rail-list .read-chapter-row{padding-left:6px}.read-chapter-row{position:relative;display:flex;align-items:flex-start;border-radius:12px;transition:background .15s ease}.read-chapter-row:hover{background:rgb(var(--navy-700) / .55)}.read-chapter-row.is-active{background:rgb(var(--gold-500) / .14)}.read-chapter{flex:1;min-width:0;display:flex;align-items:flex-start;gap:8px;text-align:left;padding:7px 4px 7px 8px;border-radius:12px}.read-chapter-study{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:4px 4px 0 0;border-radius:8px;color:rgb(var(--cream-600));transition:color .15s ease,background .15s ease}.read-chapter-study:hover{color:rgb(var(--gold-300));background:rgb(var(--navy-700) / .7)}.read-chapter-study:focus-visible{outline:2px solid rgb(var(--gold-400));outline-offset:-2px}.read-chapter-n{font-family:Outfit,sans-serif;font-size:11px;font-weight:600;min-width:20px;color:rgb(var(--cream-600));padding-top:5px}.read-chapter-row.is-active .read-chapter-n{color:rgb(var(--gold-300))}.read-chapter-ar{display:block;font-size:14px;line-height:1.6;color:rgb(var(--cream-300));text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-chapter-row.is-active .read-chapter-ar{color:rgb(var(--gold-300))}.read-chapter-en{display:block;font-family:Outfit,sans-serif;font-size:11px;line-height:1.3;color:rgb(var(--cream-500));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-tag{font-family:Outfit,sans-serif;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;padding:3px 6px;border-radius:999px;color:rgb(var(--navy-900));background:rgb(var(--gold-500))}.vf-button{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:8px 12px;border-radius:12px;font-family:Outfit,sans-serif;font-size:13px;color:rgb(var(--cream-300));background:rgb(var(--navy-700) / .6);border:1px solid rgb(var(--navy-500));transition:border-color .15s,color .15s}.vf-button:hover{border-color:rgb(var(--navy-400));color:rgb(var(--cream-200))}.vf-button.is-active{border-color:rgb(var(--gold-500) / .5);color:rgb(var(--gold-300))}.vf-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:rgb(var(--navy-900));background:rgb(var(--gold-500))}.vf-panel{display:grid;gap:14px;padding:14px 16px;border-radius:14px;background:rgb(var(--navy-700) / .45);border:1px solid rgb(var(--navy-600) / .7);box-shadow:0 6px 18px #0000002e}.vf-heading{margin-bottom:7px;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--cream-500))}.vf-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.vf-lessons{max-height:108px;overflow-y:auto}.vf-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-family:Outfit,sans-serif;font-size:12.5px;color:rgb(var(--cream-400));background:transparent;border:1px solid rgb(var(--navy-500) / .8);transition:background .15s,border-color .15s,color .15s}.vf-chip:hover:not(:disabled){color:rgb(var(--cream-200));border-color:rgb(var(--navy-400))}.vf-chip:disabled{opacity:.4;cursor:default}.vf-chip-on-gold{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .16);border-color:rgb(var(--gold-500) / .45)}.vf-chip-on-teal{color:rgb(var(--teal-300));background:rgb(var(--teal-500) / .16);border-color:rgb(var(--teal-500) / .45)}.vf-chip-on-neutral{color:rgb(var(--cream-200));background:rgb(var(--navy-600) / .7);border-color:rgb(var(--navy-400))}.vf-chip.vf-chip-on-gold:hover,.vf-chip.vf-chip-on-teal:hover,.vf-chip.vf-chip-on-neutral:hover{border-color:currentColor}.vf-lesson{min-width:34px;justify-content:center;padding:4px 8px;font-variant-numeric:tabular-nums}.vf-lesson.is-done:not(.vf-chip-on-gold){color:rgb(var(--teal-400))}.vf-ar{font-size:12px;opacity:.6;line-height:1}.vf-pattern{font-size:15px;line-height:1.2}.vf-count{font-size:11px;font-variant-numeric:tabular-nums;color:rgb(var(--cream-500))}.vf-chip-on-gold .vf-count,.vf-chip-on-teal .vf-count,.vf-chip-on-neutral .vf-count{color:inherit;opacity:.75}.vf-sep{width:1px;height:18px;margin:0 4px;background:rgb(var(--navy-500))}.vf-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:10px;border-top:1px solid rgb(var(--navy-600) / .6)}.vf-clear{font-family:Outfit,sans-serif;font-size:12px;color:rgb(var(--cream-500));text-decoration:underline;text-underline-offset:3px}.vf-clear:hover:not(:disabled){color:rgb(var(--cream-300))}.vf-clear:disabled{opacity:.4;cursor:default;text-decoration:none}.vf-done{padding:6px 16px;border-radius:999px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:600;color:rgb(var(--navy-900));background:rgb(var(--gold-500))}.vf-done:hover{background:rgb(var(--gold-400))}.vf-active-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 6px 3px 10px;border-radius:999px;font-family:Outfit,sans-serif;font-size:12px;color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .14);border:1px solid rgb(var(--gold-500) / .35)}.vf-active-chip:hover{border-color:rgb(var(--gold-500) / .7)}.kb-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;color:rgb(var(--cream-500));transition:color .15s,background .15s}.kb-toggle:hover{color:rgb(var(--cream-200));background:rgb(var(--navy-600) / .6)}.kb-toggle.is-open{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .15)}.kb-dock{position:fixed;left:0;right:0;bottom:0;z-index:1300;display:flex;justify-content:center;padding:0 8px 8px;pointer-events:none}.kb-dock-inner{pointer-events:auto;width:100%;max-width:680px;padding:6px 8px 8px;border-radius:16px;background:rgb(var(--navy-800));border:1px solid rgb(var(--navy-600));box-shadow:0 -6px 28px #00000059}.kb-dock-bar{display:flex;align-items:center;justify-content:space-between;padding:0 4px 4px}.kb-dock-title{font-family:Outfit,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--cream-500))}.kb-dock-close{color:rgb(var(--cream-500));padding:2px;border-radius:999px}.kb-dock-close:hover{color:rgb(var(--cream-200));background:rgb(var(--navy-600) / .6)}.simple-keyboard.kb-theme{background:transparent;padding:0;font-family:var(--font-arabic, "Noto Naskh Arabic"),serif}.simple-keyboard.kb-theme .hg-row{gap:0}.simple-keyboard.kb-theme .hg-button{height:42px;border-radius:9px;border-bottom:0;background:rgb(var(--navy-600));color:rgb(var(--cream-100));box-shadow:0 1px #00000040;font-size:19px}.simple-keyboard.kb-theme .hg-button:active,.simple-keyboard.kb-theme .hg-button.hg-activeButton{background:rgb(var(--gold-500) / .35)}.simple-keyboard.kb-theme .hg-button.kb-key-fn{background:rgb(var(--navy-700));color:rgb(var(--gold-300));font-size:14px}.simple-keyboard.kb-theme .hg-button.kb-key-mark{color:rgb(var(--teal-300));font-size:22px}.simple-keyboard.kb-theme .hg-button.hg-standardBtn[data-skbtn="{space}"],.simple-keyboard.kb-theme .hg-button[data-skbtn="{space}"]{font-size:13px;color:rgb(var(--cream-400))}@media(max-width:480px){.simple-keyboard.kb-theme .hg-button{height:40px;font-size:16px;padding:2px}}:root{--hw-300: 196 181 253;--hw-400: 167 139 250;--hw-500: 139 92 246;--late-400: 248 113 113}[data-theme=light]{--hw-300: 91 33 182;--hw-400: 109 40 217;--hw-500: 124 58 237;--late-400: 185 28 28}.tc-card{background:var(--drawer-bg);border-radius:20px;padding:18px 20px;box-shadow:0 1px 3px #00000040,0 8px 24px -10px #0006}[data-theme=light] .tc-card{box-shadow:0 1px 3px #3c30141f,0 8px 24px -10px #3c30142e}.tc-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.tc-card-title{font-family:Outfit,sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--gold-400))}.tc-card-sub{font-family:Outfit,sans-serif;font-size:12px;color:rgb(var(--cream-500))}.tc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:768px){.tc-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.tc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:rgb(var(--cream-300));padding:7px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--soft-border-strong);transition:color .15s ease,background .15s ease,box-shadow .15s ease}.tc-btn:hover:not(:disabled){color:rgb(var(--gold-300));box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .5)}.tc-btn:disabled{opacity:.55;cursor:not-allowed}.tc-btn-primary{color:rgb(var(--navy-900));background:rgb(var(--gold-500));box-shadow:0 2px 10px rgb(var(--gold-500) / .25)}.tc-btn-primary:hover:not(:disabled){color:rgb(var(--navy-900));background:rgb(var(--gold-400));box-shadow:0 3px 14px rgb(var(--gold-500) / .35)}[data-theme=light] .tc-btn-primary,[data-theme=light] .tc-btn-primary:hover:not(:disabled){color:#fffdf7}.tc-btn-danger{color:rgb(var(--late-400))}.tc-btn-danger:hover:not(:disabled){color:rgb(var(--late-400));background:rgb(var(--late-400) / .08);box-shadow:inset 0 0 0 1px rgb(var(--late-400) / .45)}.tc-btn-hw{color:rgb(var(--navy-900));background:rgb(var(--hw-400));box-shadow:0 2px 10px rgb(var(--hw-500) / .25)}.tc-btn-hw:hover:not(:disabled){color:rgb(var(--navy-900));background:rgb(var(--hw-300));box-shadow:0 3px 14px rgb(var(--hw-500) / .35)}[data-theme=light] .tc-btn-hw,[data-theme=light] .tc-btn-hw:hover:not(:disabled){color:#fffdf7}.tc-icon-btn{width:32px;height:32px;border-radius:999px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--cream-500));transition:color .15s,background .15s}.tc-icon-btn:hover{color:rgb(var(--gold-300));background:rgb(var(--navy-600) / .5)}.tc-seg{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:rgb(var(--navy-800) / .7);box-shadow:inset 0 0 0 1px var(--soft-border);max-width:100%;overflow-x:auto;scrollbar-width:none}.tc-seg::-webkit-scrollbar{display:none}.tc-seg-btn{font-family:Outfit,sans-serif;font-size:12px;font-weight:600;white-space:nowrap;padding:5px 12px;border-radius:999px;color:rgb(var(--cream-500));transition:color .15s,background .15s}.tc-seg-btn:hover{color:rgb(var(--cream-200))}.tc-seg-btn-on,.tc-seg-btn-on:hover{color:rgb(var(--navy-900));background:rgb(var(--gold-500))}[data-theme=light] .tc-seg-btn-on,[data-theme=light] .tc-seg-btn-on:hover{color:#fffdf7}.tc-chip{display:inline-flex;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;color:rgb(var(--cream-400));background:rgb(var(--navy-700) / .45);box-shadow:inset 0 0 0 1px var(--soft-border);transition:color .15s,background .15s,box-shadow .15s}.tc-chip:hover{color:rgb(var(--cream-200))}.tc-chip-on{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .12);box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .45)}.tc-chip-hw.tc-chip-on{color:rgb(var(--hw-300));background:rgb(var(--hw-500) / .14);box-shadow:inset 0 0 0 1px rgb(var(--hw-400) / .5)}.tc-input{width:100%;padding:9px 14px;border-radius:12px;font-family:Outfit,sans-serif;font-size:14px;color:rgb(var(--cream-100));background:rgb(var(--navy-800) / .7);border:1px solid var(--soft-border-strong);transition:border-color .15s;color-scheme:dark}[data-theme=light] .tc-input{color-scheme:light}.tc-input::-moz-placeholder{color:rgb(var(--cream-500) / .6)}.tc-input::placeholder{color:rgb(var(--cream-500) / .6)}.tc-input:focus{outline:none;border-color:rgb(var(--gold-500) / .6)}.tc-label{display:block;margin-bottom:6px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:rgb(var(--cream-400))}.tc-book{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:10px 12px;border-radius:14px;background:rgb(var(--navy-700) / .4);box-shadow:inset 0 0 0 1px transparent;transition:background .15s,box-shadow .15s}.tc-book:hover{background:rgb(var(--navy-700) / .7)}.tc-book-on,.tc-book-on:hover{background:rgb(var(--gold-500) / .1);box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .45)}.tc-check{width:18px;height:18px;border-radius:6px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1.5px var(--soft-border-strong);color:rgb(var(--navy-900))}.tc-book-on .tc-check,.tc-check-on{background:rgb(var(--gold-500));box-shadow:none}[data-theme=light] .tc-book-on .tc-check,[data-theme=light] .tc-check-on{color:#fffdf7}.tc-row{border-radius:16px;background:rgb(var(--navy-700) / .4);transition:background .15s}.tc-row:hover,.tc-row-open{background:rgb(var(--navy-700) / .65)}.tc-avatar{width:34px;height:34px;border-radius:999px;flex-shrink:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .14)}.tc-meter{height:6px;border-radius:999px;overflow:hidden;background:var(--soft-border)}.tc-meter>span{display:block;height:100%;border-radius:999px;background:rgb(var(--gold-500))}.tc-meter-done>span{background:rgb(var(--teal-500))}.tc-meter-hw>span{background:rgb(var(--hw-400))}.tc-ch{padding:8px 10px;border-radius:12px;background:rgb(var(--navy-800) / .6);font-family:Outfit,sans-serif}.tc-tag{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;color:rgb(var(--cream-400));background:rgb(var(--navy-600) / .5)}.tc-tag-done{color:rgb(var(--teal-400));background:rgb(var(--teal-500) / .14)}.tc-tag-hw{color:rgb(var(--hw-300));background:rgb(var(--hw-500) / .16)}.tc-tag-late{color:rgb(var(--late-400));background:rgb(var(--late-400) / .12)}.tc-tag-gold{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .14)}.tc-hw{position:relative;display:block;padding:12px 14px 12px 18px;border-radius:16px;background:rgb(var(--navy-700) / .4);overflow:hidden}.tc-hw:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:rgb(var(--hw-400))}.tc-hw-late:before{background:rgb(var(--late-400))}.tc-hw-done:before{background:rgb(var(--teal-500))}button.tc-hw{width:100%;text-align:left;transition:background .15s}button.tc-hw:hover{background:rgb(var(--navy-700) / .7)}.tc-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;letter-spacing:.22em;color:rgb(var(--gold-300))}.tc-link{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 6px 6px 14px;border-radius:999px;background:rgb(var(--navy-800) / .7);box-shadow:inset 0 0 0 1px var(--soft-border)}.tc-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}@media(min-width:1024px){.tc-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start}.tc-side{position:sticky;top:16px}}.tc-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;padding:16px;display:flex;align-items:center;justify-content:center;background:rgb(var(--navy-950) / .65);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tc-dialog{width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.tc-dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -6px;padding:2px 6px}.path-node-hw .lesson-ring-content{background:rgb(var(--hw-500) / .16);box-shadow:inset 0 0 0 2px rgb(var(--hw-400) / .75)}.path-node-hw .path-hw-numeral{color:rgb(var(--hw-300))}.path-node-hw-late .lesson-ring-content{background:rgb(var(--late-400) / .12);box-shadow:inset 0 0 0 2px rgb(var(--late-400) / .7)}.path-node-hw-late .path-hw-numeral{color:rgb(var(--late-400))}.path-hw-chip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;font-family:Outfit,sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:rgb(var(--navy-900));background:rgb(var(--hw-400));padding:3px 9px;border-radius:999px;box-shadow:0 3px 10px rgb(var(--hw-500) / .35)}.path-hw-chip-late{background:rgb(var(--late-400));box-shadow:0 3px 10px rgb(var(--late-400) / .3)}[data-theme=light] .path-hw-chip{color:#fffdf7}.path-hw-label{color:rgb(var(--hw-300));font-weight:600}.path-hw-label-late{color:rgb(var(--late-400))}.path-hw-pill{display:inline-flex;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:rgb(var(--hw-300));background:rgb(var(--hw-500) / .14);padding:6px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px rgb(var(--hw-400) / .45);transition:background .15s ease}.path-hw-pill:hover{background:rgb(var(--hw-500) / .24)}.path-hw-pill-late{color:rgb(var(--late-400));background:rgb(var(--late-400) / .1);box-shadow:inset 0 0 0 1px rgb(var(--late-400) / .45)}.path-hw-pill-late:hover{background:rgb(var(--late-400) / .18)}.early-adopter-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;background:rgb(var(--gold-500));color:rgb(var(--navy-900));font-family:Outfit,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 1px 3px #0000004d}[data-theme=light] .early-adopter-badge{color:#fffdf7;box-shadow:0 1px 3px #5a461e4d}.badge-solid-gold{--badge-ink: 10 16 32;background:rgb(var(--gold-500));color:rgb(var(--badge-ink));border-color:rgb(var(--gold-500))}[data-theme=light] .badge-solid-gold{--badge-ink: 255 253 247}.badge-solid-gold-disc{background:rgb(var(--badge-ink) / .12)}.badge-ink-soft{color:rgb(var(--badge-ink) / .72)}.badge-ring-bronze{border-color:#b4530980}.badge-bg-bronze{background-color:#78350f33}.badge-text-bronze{color:#fbbf24}.badge-ring-silver{border-color:#94a3b880}.badge-bg-silver{background-color:#64748b26}.badge-text-silver{color:#cbd5e1}.badge-ring-gold{border-color:rgb(var(--gold-500) / .6)}.badge-bg-gold{background-color:rgb(var(--gold-500) / .15)}.badge-text-gold{color:rgb(var(--gold-300))}.badge-ring-platinum{border-color:#a78bfa80}.badge-bg-platinum{background-color:#8b5cf626}.badge-text-platinum{color:#c4b5fd}.badge-ring-special{border-color:rgb(var(--teal-500) / .6)}.badge-bg-special{background-color:rgb(var(--teal-500) / .15)}.badge-text-special{color:#5eead4}[data-theme=light] .badge-ring-bronze{border-color:#b4530973}[data-theme=light] .badge-bg-bronze{background-color:#d9770621}[data-theme=light] .badge-text-bronze{color:#92400e}[data-theme=light] .badge-ring-silver{border-color:#47556966}[data-theme=light] .badge-bg-silver{background-color:#64748b24}[data-theme=light] .badge-text-silver{color:#475569}[data-theme=light] .badge-ring-gold{border-color:rgb(var(--gold-500) / .5)}[data-theme=light] .badge-bg-gold{background-color:rgb(var(--gold-600) / .16)}[data-theme=light] .badge-text-gold{color:rgb(var(--gold-300))}[data-theme=light] .badge-ring-platinum{border-color:#7c3aed66}[data-theme=light] .badge-bg-platinum{background-color:#7c3aed1a}[data-theme=light] .badge-text-platinum{color:#6d28d9}[data-theme=light] .badge-ring-special{border-color:rgb(var(--teal-500) / .45)}[data-theme=light] .badge-bg-special{background-color:rgb(var(--teal-500) / .1)}[data-theme=light] .badge-text-special{color:rgb(var(--teal-600))}.nc-ar-inline{font-size:1.12em;line-height:1.5;padding:0 .08em;font-weight:600;unicode-bidi:isolate}.nc-topbar{background:rgb(var(--navy-800) / .88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--soft-border)}.nc-icon-btn{padding:6px;border-radius:999px;color:rgb(var(--cream-500));flex-shrink:0;transition:color .15s ease,background .15s ease}.nc-icon-btn:hover{color:rgb(var(--cream-300));background:rgb(var(--navy-700) / .5)}.nc-seg{display:inline-flex;border:1px solid var(--soft-border);border-radius:999px;padding:3px;gap:2px}.nc-seg button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;color:rgb(var(--cream-500))}.nc-seg button:hover{color:rgb(var(--cream-300))}.nc-seg .nc-seg-on{background:rgb(var(--gold-500) / .16);color:rgb(var(--gold-300))}.nc-card{background:rgb(var(--navy-700) / .5);border:1px solid var(--soft-border);border-radius:20px;padding:20px}[data-theme=light] .nc-card{background:rgb(var(--navy-700) / .8)}.nc-unit-head{text-align:center;padding:18px 16px;border-radius:20px;border:1px solid var(--soft-border);background:rgb(var(--navy-700) / .4)}.nc-free-chip{font-family:Outfit,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--teal-400));border:1px solid rgb(var(--teal-500) / .45);border-radius:999px;padding:1px 8px}.nc-node-panel{width:min(100%,340px);padding:14px 16px;border-radius:16px;text-align:center;background:rgb(var(--navy-700) / .7);border:1px solid var(--soft-border-strong)}.nc-stimulus{background:rgb(var(--navy-700) / .5);border:1px solid var(--soft-border);border-radius:20px;padding:18px 20px;text-align:center}[data-theme=light] .nc-stimulus{background:rgb(var(--navy-700) / .8)}.nc-line{line-height:2.2;word-spacing:.05em}.nc-tok-wrap{display:inline}.nc-tok{border-radius:8px;padding:0 .12em;transition:color .15s ease,background .15s ease}.nc-tok-btn{cursor:pointer}.nc-tok-btn:hover{background:rgb(var(--gold-500) / .1)}.nc-joined .nc-tok,.nc-joined .nc-tok-btn{padding-right:0;padding-left:0}.nc-tok-focus{background:rgb(var(--gold-500) / .14)}.nc-tok-selected{background:rgb(var(--gold-500) / .22);box-shadow:inset 0 -2px rgb(var(--gold-400))}.nc-tok-current{box-shadow:inset 0 -2px rgb(var(--gold-400));background:rgb(var(--gold-500) / .1)}.nc-tok-correct{background:rgb(var(--teal-500) / .16)}.nc-tok-wrong{background:#ef444429}.nc-tok-missed{background:rgb(var(--gold-500) / .18);box-shadow:inset 0 -2px rgb(var(--gold-400) / .8)}.nc-tok-stack{display:inline-flex;flex-direction:column;align-items:center;vertical-align:top;line-height:1.9}.nc-tok-below{line-height:1.2;margin-top:-2px}.nc-chip{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;white-space:nowrap;border:1px solid currentColor;font-weight:600}.nc-chip.arabic{font-size:14px;padding:0 8px}.nc-hue-0{color:rgb(var(--gold-300))}.nc-hue-1{color:rgb(var(--teal-400))}.nc-hue-2{color:#c4a5f5}.nc-hue-3{color:#f5a97f}.nc-hue-4{color:#8ec5ff}.nc-hue-5{color:#f28fb0}[data-theme=light] .nc-hue-2{color:#6d42c4}[data-theme=light] .nc-hue-3{color:#b4531c}[data-theme=light] .nc-hue-4{color:#1f65b5}[data-theme=light] .nc-hue-5{color:#b0275a}.nc-label-btn{padding:8px 14px;border-radius:14px;border:1px solid var(--soft-border-strong);background:rgb(var(--navy-700) / .55);color:rgb(var(--cream-100));font-size:15px;transition:border-color .15s ease,background .15s ease}.nc-label-btn:hover{border-color:rgb(var(--gold-500) / .5)}.nc-label-wrong{border-color:#ef444480;color:var(--scene-err-text);opacity:.7;cursor:default}.nc-gap{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:22px;height:1.6em;margin:0 2px;border-radius:8px;cursor:pointer}.nc-gap:hover{background:rgb(var(--gold-500) / .14)}.nc-gap-bar{width:2px;height:70%;border-radius:2px;background:var(--soft-border-strong)}.nc-gap:hover .nc-gap-bar{background:rgb(var(--gold-400))}.nc-gap-wrong .nc-gap-bar{background:#ef4444b3}.nc-gap-correct{width:auto;padding:0 6px;background:rgb(var(--teal-500) / .18);cursor:default}.nc-gap-is{font-family:Outfit,sans-serif;font-size:13px;font-weight:700;color:var(--scene-ok-text)}.nc-open-ending{color:rgb(var(--gold-400));opacity:.85}.nc-why-row{display:flex;align-items:baseline;gap:12px;padding:8px 12px;border-radius:12px;background:rgb(var(--navy-700) / .35);border:1px solid var(--soft-border)}.nc-why-row .arabic{flex-shrink:0}.nc-table-wrap{display:flex;flex-direction:column;gap:8px}.nc-table-caption{font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:rgb(var(--cream-400))}.nc-table{width:100%;border-collapse:collapse;font-family:Outfit,sans-serif;font-size:14px}.nc-table th{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--cream-500));padding:6px 10px;border-bottom:1px solid var(--soft-border-strong);text-align:center}.nc-table td{padding:6px 10px;border-bottom:1px solid var(--soft-border);text-align:center;color:rgb(var(--cream-200));vertical-align:middle}.nc-table tr:last-child td{border-bottom:0}.nc-table .nc-row-head{color:rgb(var(--gold-300));font-weight:600}.nc-example{padding:10px 14px;border-radius:14px;background:rgb(var(--navy-800) / .5);border:1px solid var(--soft-border)}[data-theme=light] .nc-example{background:rgb(var(--navy-800) / .6)}.nc-tip,.nc-hint{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:14px;background:rgb(var(--gold-500) / .1);border:1px solid rgb(var(--gold-500) / .3)}.nc-hint-btn{display:inline-flex;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:rgb(var(--gold-400));padding:4px 10px;border-radius:999px;border:1px solid rgb(var(--gold-500) / .35)}.nc-hint-btn:hover{background:rgb(var(--gold-500) / .1)}.nc-vocab{padding-top:6px}.nc-vocab-chip{display:inline-flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:12px;border:1px solid var(--soft-border);background:rgb(var(--navy-700) / .4)}.nc-progress{height:8px;border-radius:999px;background:var(--soft-border-strong);overflow:hidden}.nc-progress-fill{height:100%;background:rgb(var(--teal-500));border-radius:999px;transition:width .3s ease}.nc-notes-sheet{max-height:55vh;overflow-y:auto;margin:0 16px 8px;padding:16px 18px;border-radius:18px;background:rgb(var(--navy-700) / .92);border:1px solid var(--soft-border-strong)}.nc-footer{flex-shrink:0;padding:12px 20px 16px;border-top:1px solid var(--soft-border);background:rgb(var(--navy-800) / .95);max-height:50vh;overflow-y:auto}.nc-feedback{padding:12px 14px;border-radius:14px;border:1px solid var(--soft-border)}.nc-feedback-ok{background:rgb(var(--teal-500) / .1);border-color:rgb(var(--teal-500) / .4)}.nc-feedback-miss{background:rgb(var(--gold-500) / .08);border-color:rgb(var(--gold-500) / .35)}.nc-missed{padding:12px 14px;border-radius:14px;border:1px solid var(--soft-border);background:rgb(var(--navy-700) / .4)}.nc-missed-row{padding-top:10px;border-top:1px solid var(--soft-border)}.nc-missed-row:first-child{border-top:0;padding-top:0}.nc-letters{font-size:calc(2.9rem * var(--arabic-scale));line-height:2}@media(min-width:640px){.nc-letters{font-size:calc(3.4rem * var(--arabic-scale))}}.nc-letters .nc-tok{padding:0;border-radius:10px}.nc-recite{display:flex;flex-direction:column;gap:6px}.nc-recite-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-bottom:6px;border-bottom:1px solid var(--soft-border)}.nc-recite-row:last-child{border-bottom:0;padding-bottom:0}@media(min-width:640px){.nc-recite-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.nc-recite-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:66px;padding:4px 6px;border-radius:12px;color:rgb(var(--cream-100));transition:background .2s ease,color .2s ease,box-shadow .2s ease}.nc-recite-label{font-family:Outfit,sans-serif;font-size:11px;line-height:1.2;color:rgb(var(--cream-500))}.nc-recite-open{color:rgb(var(--cream-600))}.nc-recite-current{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .12);box-shadow:0 1px 3px #00000038,inset 0 0 0 1.5px rgb(var(--gold-400) / .7)}.nc-recite-current .nc-recite-label{color:rgb(var(--gold-300))}.nc-recite-solved{color:var(--scene-ok-text);background:rgb(var(--teal-500) / .14)}.nc-recite-missed{color:rgb(var(--gold-300));background:rgb(var(--gold-500) / .16)}.lib-book-nahw{--cover-spine: #142a22;background:linear-gradient(160deg,#1f4a3c,#173a30 55%,#12302a)}.wn-card{max-width:30rem;padding:26px 26px 22px;gap:18px}.wn-head{display:flex;flex-direction:column;gap:2px}.wn-ar{font-family:var(--font-arabic-display);font-weight:700;font-size:40px;line-height:1.3;color:rgb(var(--gold-400));align-self:flex-start}.wn-title{font-family:Outfit,sans-serif;font-weight:700;font-size:21px;line-height:1.25;color:rgb(var(--cream-100))}.wn-list{display:flex;flex-direction:column;gap:16px;list-style:none}.wn-item{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;align-items:start}.wn-icon{color:rgb(var(--gold-400));margin-top:1px}.wn-item-title{font-family:Outfit,sans-serif;font-weight:600;font-size:15px;line-height:1.35;color:rgb(var(--cream-100))}.wn-item-body{font-family:Outfit,sans-serif;font-size:13.5px;line-height:1.5;margin-top:2px;color:rgb(var(--cream-400))}.wn-ok{align-self:stretch;font-size:14px;padding:11px 18px}.wn-ok:focus-visible{outline:2px solid rgb(var(--gold-300));outline-offset:3px}.wn-gift{width:100%;max-width:25rem;max-height:calc(100dvh - 32px);overflow-y:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 6px 4px}.wn-plate{position:relative;width:min(100%,320px);aspect-ratio:4 / 3;background:#1f2d49;border-radius:6px;padding:12px;box-shadow:0 1px 3px #0000004d,0 18px 40px -16px #0009;animation:wn-plate-in .52s cubic-bezier(.2,.8,.2,1) both}.wn-plate-frame{position:relative;height:100%;border:1px solid rgba(224,188,110,.6);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px 16px}.wn-plate-frame:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:1px solid rgba(224,188,110,.24);border-radius:2px}.wn-plate-orn{width:70%}.wn-plate-ar{font-family:var(--font-arabic-display);font-weight:700;font-size:30px;line-height:1.6;color:#ecd396}.wn-plate-name{font-family:Outfit,sans-serif;font-weight:600;font-size:17px;line-height:1.3;color:#fdf6e8;overflow-wrap:anywhere}.wn-plate-since{font-family:Outfit,sans-serif;font-size:12.5px;color:#ecd396bf}.wn-gift-title{margin-top:26px;font-family:Outfit,sans-serif;font-weight:700;font-size:24px;line-height:1.2;color:#fdf6e8}.wn-gift-body{margin-top:10px;max-width:34ch;font-family:Outfit,sans-serif;font-size:14.5px;line-height:1.55;color:#f5e6c8d9}.wn-gift-thanks{margin-top:10px;font-family:Outfit,sans-serif;font-size:14.5px;color:#ecd396}.wn-gift .wn-ok{align-self:center;min-width:200px;margin-top:22px}.tc-dialog-backdrop:has(>.wn-gift){background:#070c14db}@keyframes wn-plate-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.wn-plate{animation:none}}@media(max-width:420px){.wn-card{padding:22px 18px 18px}.wn-ar{font-size:34px}.wn-plate-ar{font-size:26px}}.translation-hint{animation:translation-hint-wiggle .45s ease-in-out 3}@keyframes translation-hint-wiggle{0%,to{rotate:0deg}25%{rotate:-6deg}75%{rotate:6deg}}@media(prefers-reduced-motion:reduce){.translation-hint{animation:none}}.fb-card{border-radius:18px;background:rgb(var(--navy-700) / .35);box-shadow:inset 0 0 0 1px var(--soft-border);padding:20px}.fb-card-missing{box-shadow:inset 0 0 0 1px rgb(var(--late-400) / .6)}.fb-radio{border-radius:999px}.fb-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;border-radius:12px;background:rgb(var(--navy-800) / .6);box-shadow:inset 0 0 0 1px var(--soft-border)}.fb-seg button{padding:7px 6px;border-radius:9px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:500;color:rgb(var(--cream-400));transition:background .15s,color .15s}.fb-seg button:hover{color:rgb(var(--cream-200))}.fb-seg button[aria-pressed=true]{background:rgb(var(--gold-500) / .16);color:rgb(var(--gold-300));box-shadow:inset 0 0 0 1px rgb(var(--gold-500) / .5)}.fb-nps{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px}.fb-nps button{aspect-ratio:1;max-height:44px;border-radius:10px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;color:rgb(var(--cream-300));background:rgb(var(--navy-800) / .6);box-shadow:inset 0 0 0 1px var(--soft-border);transition:background .15s,color .15s}.fb-nps button:hover{background:rgb(var(--navy-700) / .8)}.fb-nps button[aria-pressed=true]{background:rgb(var(--gold-500));color:rgb(var(--navy-900));box-shadow:none}[data-theme=light] .fb-nps button[aria-pressed=true]{color:#fffdf7}@media(max-width:479px){.fb-nps{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.fb-nps button{aspect-ratio:auto;height:42px}}.placeholder\:font-ui::-moz-placeholder{font-family:Outfit,system-ui,sans-serif}.placeholder\:font-ui::placeholder{font-family:Outfit,system-ui,sans-serif}.placeholder\:text-base::-moz-placeholder{font-size:1rem;line-height:1.5rem}.placeholder\:text-base::placeholder{font-size:1rem;line-height:1.5rem}.placeholder\:tracking-normal::-moz-placeholder{letter-spacing:0em}.placeholder\:tracking-normal::placeholder{letter-spacing:0em}.placeholder\:text-cream-600::-moz-placeholder{--tw-text-opacity: 1;color:rgb(var(--cream-600) / var(--tw-text-opacity, 1))}.placeholder\:text-cream-600::placeholder{--tw-text-opacity: 1;color:rgb(var(--cream-600) / var(--tw-text-opacity, 1))}.placeholder\:text-navy-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(var(--navy-400) / var(--tw-text-opacity, 1))}.placeholder\:text-navy-400::placeholder{--tw-text-opacity: 1;color:rgb(var(--navy-400) / var(--tw-text-opacity, 1))}.first\:border-t-0:first-child{border-top-width:0px}.first\:pt-0:first-child{padding-top:0}.last\:border-0:last-child{border-width:0px}.last\:pb-0:last-child{padding-bottom:0}.hover\:border-gold-400\/60:hover{border-color:rgb(var(--gold-400) / .6)}.hover\:border-gold-500\/30:hover{border-color:rgb(var(--gold-500) / .3)}.hover\:border-gold-500\/40:hover{border-color:rgb(var(--gold-500) / .4)}.hover\:border-gold-500\/50:hover{border-color:rgb(var(--gold-500) / .5)}.hover\:border-gold-500\/60:hover{border-color:rgb(var(--gold-500) / .6)}.hover\:border-navy-400:hover{--tw-border-opacity: 1;border-color:rgb(var(--navy-400) / var(--tw-border-opacity, 1))}.hover\:border-navy-500:hover{--tw-border-opacity: 1;border-color:rgb(var(--navy-500) / var(--tw-border-opacity, 1))}.hover\:border-navy-500\/60:hover{border-color:rgb(var(--navy-500) / .6)}.hover\:border-red-500:hover{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.hover\:border-red-500\/30:hover{border-color:#ef44444d}.hover\:border-red-500\/40:hover{border-color:#ef444466}.hover\:border-teal-400\/50:hover{border-color:rgb(var(--teal-400) / .5)}.hover\:bg-gold-400:hover{--tw-bg-opacity: 1;background-color:rgb(var(--gold-400) / var(--tw-bg-opacity, 1))}.hover\:bg-gold-500\/10:hover{background-color:rgb(var(--gold-500) / .1)}.hover\:bg-gold-500\/20:hover{background-color:rgb(var(--gold-500) / .2)}.hover\:bg-gold-500\/25:hover{background-color:rgb(var(--gold-500) / .25)}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-navy-500:hover{--tw-bg-opacity: 1;background-color:rgb(var(--navy-500) / var(--tw-bg-opacity, 1))}.hover\:bg-navy-600:hover{--tw-bg-opacity: 1;background-color:rgb(var(--navy-600) / var(--tw-bg-opacity, 1))}.hover\:bg-navy-600\/50:hover{background-color:rgb(var(--navy-600) / .5)}.hover\:bg-navy-600\/60:hover{background-color:rgb(var(--navy-600) / .6)}.hover\:bg-navy-600\/70:hover{background-color:rgb(var(--navy-600) / .7)}.hover\:bg-navy-700:hover{--tw-bg-opacity: 1;background-color:rgb(var(--navy-700) / var(--tw-bg-opacity, 1))}.hover\:bg-navy-700\/30:hover{background-color:rgb(var(--navy-700) / .3)}.hover\:bg-navy-700\/40:hover{background-color:rgb(var(--navy-700) / .4)}.hover\:bg-navy-700\/45:hover{background-color:rgb(var(--navy-700) / .45)}.hover\:bg-navy-700\/50:hover{background-color:rgb(var(--navy-700) / .5)}.hover\:bg-navy-700\/60:hover{background-color:rgb(var(--navy-700) / .6)}.hover\:bg-navy-700\/80:hover{background-color:rgb(var(--navy-700) / .8)}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-red-900\/20:hover{background-color:#7f1d1d33}.hover\:bg-red-900\/30:hover{background-color:#7f1d1d4d}.hover\:bg-teal-500\/25:hover{background-color:rgb(var(--teal-500) / .25)}.hover\:bg-teal-500\/30:hover{background-color:rgb(var(--teal-500) / .3)}.hover\:bg-teal-500\/\[0\.12\]:hover{background-color:rgb(var(--teal-500) / .12)}.hover\:bg-teal-600\/20:hover{background-color:rgb(var(--teal-600) / .2)}.hover\:bg-teal-600\/30:hover{background-color:rgb(var(--teal-600) / .3)}.hover\:text-cream-100:hover{--tw-text-opacity: 1;color:rgb(var(--cream-100) / var(--tw-text-opacity, 1))}.hover\:text-cream-200:hover{--tw-text-opacity: 1;color:rgb(var(--cream-200) / var(--tw-text-opacity, 1))}.hover\:text-cream-300:hover{--tw-text-opacity: 1;color:rgb(var(--cream-300) / var(--tw-text-opacity, 1))}.hover\:text-cream-400:hover{--tw-text-opacity: 1;color:rgb(var(--cream-400) / var(--tw-text-opacity, 1))}.hover\:text-cream-500:hover{--tw-text-opacity: 1;color:rgb(var(--cream-500) / var(--tw-text-opacity, 1))}.hover\:text-gold-300:hover{--tw-text-opacity: 1;color:rgb(var(--gold-300) / var(--tw-text-opacity, 1))}.hover\:text-gold-400:hover{--tw-text-opacity: 1;color:rgb(var(--gold-400) / var(--tw-text-opacity, 1))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-cream-400\/60:hover{text-decoration-color:rgb(var(--cream-400) / .6)}.hover\:decoration-gold-400\/70:hover{text-decoration-color:rgb(var(--gold-400) / .7)}.hover\:decoration-purple-400\/60:hover{text-decoration-color:#c084fc99}.hover\:\!opacity-100:hover{opacity:1!important}.hover\:opacity-80:hover{opacity:.8}.hover\:ring-gold-500\/30:hover{--tw-ring-color: rgb(var(--gold-500) / .3)}.focus\:border-gold-500\/40:focus{border-color:rgb(var(--gold-500) / .4)}.focus\:border-gold-500\/50:focus{border-color:rgb(var(--gold-500) / .5)}.focus\:border-gold-500\/60:focus{border-color:rgb(var(--gold-500) / .6)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-gold-500\/20:focus{--tw-ring-color: rgb(var(--gold-500) / .2)}.focus\:ring-gold-500\/30:focus{--tw-ring-color: rgb(var(--gold-500) / .3)}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-gold-500:focus-visible{outline-color:rgb(var(--gold-500) / 1)}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-gold-600:active{--tw-bg-opacity: 1;background-color:rgb(var(--gold-600) / var(--tw-bg-opacity, 1))}.active\:bg-navy-600:active{--tw-bg-opacity: 1;background-color:rgb(var(--navy-600) / var(--tw-bg-opacity, 1))}.active\:bg-teal-600\/40:active{background-color:rgb(var(--teal-600) / .4)}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:text-gold-300{--tw-text-opacity: 1;color:rgb(var(--gold-300) / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gold-400{--tw-text-opacity: 1;color:rgb(var(--gold-400) / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-50{opacity:.5}.group:hover .group-hover\:opacity-60{opacity:.6}.group:hover .group-hover\:opacity-85{opacity:.85}.group:hover .group-hover\:brightness-125{--tw-brightness: brightness(1.25);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)}@media(min-width:640px){.sm\:relative{position:relative}.sm\:mx-4{margin-left:1rem;margin-right:1rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-16{width:4rem}.sm\:max-w-md{max-width:28rem}.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\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[150px_1fr\]{grid-template-columns:150px 1fr}.sm\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-5{gap:1.25rem}.sm\:space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.sm\:rounded-2xl{border-radius:1rem}.sm\:p-10{padding:2.5rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:p-9{padding:2.25rem}.sm\:px-2\.5{padding-left:.625rem;padding-right:.625rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.sm\:py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:pb-5{padding-bottom:1.25rem}.sm\:pt-10{padding-top:2.5rem}.sm\:pt-12{padding-top:3rem}.sm\:pt-16{padding-top:4rem}.sm\:pt-5{padding-top:1.25rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-\[17px\]{font-size:17px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:768px){.md\:mb-2{margin-bottom:.5rem}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:h-full{height:100%}.md\:w-auto{width:auto}.md\:max-w-2xl{max-width:42rem}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:overflow-hidden{overflow:hidden}.md\:rounded-bl-\[20px\]{border-bottom-left-radius:20px}.md\:rounded-bl-none{border-bottom-left-radius:0}.md\:border-b-0{border-bottom-width:0px}.md\:border-r{border-right-width:1px}.md\:p-4{padding:1rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media(min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-8{top:2rem}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-2{grid-column-start:2}.lg\:row-span-2{grid-row:span 2 / span 2}.lg\:row-start-1{grid-row-start:1}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_430px\]{grid-template-columns:minmax(0,1fr) 430px}.lg\:gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.lg\:gap-y-12{row-gap:3rem}}@media(min-width:1280px){.xl\:inline{display:inline}.xl\:w-44{width:11rem}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1536px){.\32xl\:flex{display:flex}.\32xl\:w-60{width:15rem}}/*!
 * 
 *   react-simple-keyboard v3.8.278
 *   https://github.com/hodgef/react-simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 *//*!
 * 
 *   simple-keyboard v3.8.192
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}