@import"https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&family=Amiri:wght@400;700&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Open Sans",sans-serif;--font-serif:"EB Garamond",serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius:1rem;--color-background:#f8f9fa;--color-foreground:#222;--color-card:#fff;--color-primary:#1a3150;--color-primary-foreground:#fff;--color-secondary:#f5f5f5;--color-muted-foreground:#717182;--color-accent:#c5a253;--color-accent-foreground:#1a3150;--color-border:#1a31501a;--font-arabic:"Amiri",serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-full{top:100%}.-right-2{right:calc(var(--spacing)*-2)}.right-0{right:calc(var(--spacing)*0)}.right-0\.5{right:calc(var(--spacing)*.5)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.-bottom-0\.5{bottom:calc(var(--spacing)*-.5)}.-bottom-2{bottom:calc(var(--spacing)*-2)}.-bottom-4{bottom:calc(var(--spacing)*-4)}.bottom-0\.5{bottom:calc(var(--spacing)*.5)}.left-1\/2{left:50%}.left-2\.5{left:calc(var(--spacing)*2.5)}.z-10{z-index:10}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.z-\[99998\]{z-index:99998}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-0\.5{margin-inline:calc(var(--spacing)*.5)}.mx-5{margin-inline:calc(var(--spacing)*5)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.-mt-0\.5{margin-top:calc(var(--spacing)*-.5)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-16{height:calc(var(--spacing)*16)}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-full{height:100%}.h-px{height:1px}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-16{width:calc(var(--spacing)*16)}.w-72{width:calc(var(--spacing)*72)}.w-\[16px\]{width:16px}.w-\[18px\]{width:18px}.w-\[160px\]{width:160px}.w-\[180px\]{width:180px}.w-full{width:100%}.w-px{width:1px}.max-w-\[160px\]{max-width:160px}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[14px\]{min-width:14px}.min-w-\[16px\]{min-width:16px}.min-w-\[32px\]{min-width:32px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-none{resize:none}.\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-y-1\.5{row-gap:calc(var(--spacing)*1.5)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y-2{border-block-style:var(--tw-border-style);border-block-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-blue-300{border-color:var(--color-blue-300)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\/60{border-color:#e5e7eb99}@supports (color:color-mix(in lab,red,red)){.border-gray-200\/60{border-color:color-mix(in oklab,var(--color-gray-200)60%,transparent)}}.border-gray-800{border-color:var(--color-gray-800)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.bg-amber-400{background-color:var(--color-amber-400)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/50{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/50{background-color:color-mix(in oklab,var(--color-blue-50)50%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50\/40{background-color:#f9fafb66}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/40{background-color:color-mix(in oklab,var(--color-gray-50)40%,transparent)}}.bg-gray-50\/60{background-color:#f9fafb99}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/60{background-color:color-mix(in oklab,var(--color-gray-50)60%,transparent)}}.bg-gray-50\/80{background-color:#f9fafbcc}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/80{background-color:color-mix(in oklab,var(--color-gray-50)80%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-primary{background-color:var(--color-primary)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-5{padding-top:calc(var(--spacing)*5)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.font-arabic{font-family:var(--font-arabic)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-primary{color:var(--color-primary)}.text-red-400{color:var(--color-red-400)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-blue-300{--tw-ring-color:var(--color-blue-300)}.ring-blue-400{--tw-ring-color:var(--color-blue-400)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media(hover:hover){.group-hover\/bracket\:opacity-100:is(:where(.group\/bracket):hover *){opacity:1}.group-hover\/cell\:opacity-60:is(:where(.group\/cell):hover *){opacity:.6}.group-hover\/cell\:opacity-100:is(:where(.group\/cell):hover *){opacity:1}.group-hover\/subcell\:opacity-60:is(:where(.group\/subcell):hover *){opacity:.6}}.placeholder\:text-gray-300::placeholder{color:var(--color-gray-300)}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:\!bg-red-50:hover{background-color:var(--color-red-50)!important}.hover\:bg-black\/\[0\.02\]:hover{background-color:#00000005}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/\[0\.02\]:hover{background-color:color-mix(in oklab,var(--color-black)2%,transparent)}}.hover\:bg-black\/\[0\.03\]:hover{background-color:#00000008}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/\[0\.03\]:hover{background-color:color-mix(in oklab,var(--color-black)3%,transparent)}}.hover\:bg-blue-50\/30:hover{background-color:#eff6ff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-50\/30:hover{background-color:color-mix(in oklab,var(--color-blue-50)30%,transparent)}}.hover\:bg-blue-50\/60:hover{background-color:#eff6ff99}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-50\/60:hover{background-color:color-mix(in oklab,var(--color-blue-50)60%,transparent)}}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-primary\/10:hover{background-color:#1a31501a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.hover\:bg-primary\/90:hover{background-color:#1a3150e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.hover\:\!text-red-600:hover{color:var(--color-red-600)!important}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-primary\/80:hover{color:#1a3150cc}@supports (color:color-mix(in lab,red,red)){.hover\:text-primary\/80:hover{color:color-mix(in oklab,var(--color-primary)80%,transparent)}}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-blue-400:hover{--tw-ring-color:var(--color-blue-400)}.hover\:ring-inset:hover{--tw-ring-inset:inset}}.focus\:border-blue-400:focus{border-color:var(--color-blue-400)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:shadow-\[inset_0_0_0_1px_\#3b82f6\]:focus{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#3b82f6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-100:focus{--tw-ring-color:var(--color-blue-100)}.focus\:ring-blue-200:focus{--tw-ring-color:var(--color-blue-200)}.focus\:ring-blue-300:focus{--tw-ring-color:var(--color-blue-300)}.focus\:ring-primary\/30:focus{--tw-ring-color:#1a31504d}@supports (color:color-mix(in lab,red,red)){.focus\:ring-primary\/30:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary)30%,transparent)}}.focus\:outline-none:focus,.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-white\/20:active{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.active\:bg-white\/20:active{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-25:disabled{opacity:.25}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}@media(hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-gray-600:disabled:hover{color:var(--color-gray-600)}}.\[\&_\*\]\:\!cursor-crosshair *{cursor:crosshair!important}.\[\&_\*\]\:\!cursor-not-allowed *{cursor:not-allowed!important}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}}body{background-color:var(--color-background,#f8f9fa);color:var(--color-foreground,#222);font-family:Open Sans,sans-serif}.font-arabic{font-feature-settings:"liga","dlig";font-family:Amiri,serif}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffc;border:1px solid #fff6;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040}.bg-parchment{background:linear-gradient(to bottom right,#f8f6f3,#fff,#faf8f5)}.btn-gold{background-color:var(--color-accent,#c5a253);color:#fff;border-radius:.75rem;padding:.75rem 1.5rem;transition:all .2s;box-shadow:0 10px 15px -3px #0000001a}.btn-gold:hover{background-color:#c5a253e6}.btn-primary{background-color:var(--color-primary,#1a3150);color:var(--color-primary-foreground,#fff);border-radius:.75rem;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover{background-color:#1a3150e6}.stats-pill{background-color:#c5a2531a;border:1px solid #c5a25333;border-radius:9999px;padding:.5rem 1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes gold-pulse{0%,to{box-shadow:0 0 #c5a2534d}50%{box-shadow:0 0 0 8px #c5a25300}}.animate-float{animation:6s ease-in-out infinite float}.animate-fade-in-up{animation:.3s ease-out fadeInUp}.animate-scale-in{animation:.2s ease-out scale-in}.animate-gold-pulse{animation:2s ease-in-out infinite gold-pulse}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1a315033;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1a31504d}.vocab-word-highlight{cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:2px dotted #c5a25380;position:relative}.vocab-word-dict{cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.vocab-word-dict:hover{background-color:#c5a25314}.vocab-tooltip{border:1px solid #1a31501a;border-top:3px solid var(--color-accent,#c5a253);opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;z-index:50;background:#fdfbf7;border-radius:8px;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .75rem;transition:opacity .2s,visibility .2s,transform .2s;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 16px #1a31501a}.vocab-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid #0000!important;border-top-color:#fdfbf7!important}.vocab-tooltip:before{content:"";background:0 0;height:12px;position:absolute;top:100%;left:0;right:0}.vocab-word-highlight:hover .vocab-tooltip,.vocab-word-highlight.active .vocab-tooltip,.vocab-word-dict:hover .vocab-tooltip,.vocab-word-dict.active .vocab-tooltip,.vocab-tooltip:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.vocab-tooltip-ar{font-family:var(--font-arabic,"Amiri",serif);color:var(--color-primary,#1a3150);direction:rtl;font-size:1rem}.vocab-tooltip-en{color:var(--color-muted-foreground,#6b7280);font-size:.78rem;font-family:var(--font-sans,"Open Sans",sans-serif)}.vocab-tooltip-save{cursor:pointer;color:var(--color-muted-foreground,#6b7280);background:0 0;border:none;border-top:1px solid #1a315014;justify-content:center;align-items:center;width:100%;margin-top:.15rem;padding:.35rem .2rem .2rem;transition:color .15s;display:flex}.vocab-tooltip-save:hover,.vocab-tooltip-save.saved{color:var(--color-accent,#c5a253)}.gloss-word{cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:1px dashed #1a315033;transition:border-color .15s,background-color .15s;position:relative}.gloss-word:hover{background-color:#c5a25314;border-bottom-color:#c5a25380}.gloss-word:hover .vocab-tooltip,.gloss-word.active .vocab-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.gloss-root{color:var(--color-muted-foreground,#6b7280);letter-spacing:.15em;opacity:.7;font-family:Amiri,serif;font-size:.7rem;display:block}.annotation-word-stack{vertical-align:top;flex-direction:column;align-items:center;display:inline-flex;position:relative}@media(max-width:640px){.vocab-word-highlight.active .vocab-tooltip,.vocab-word-highlight:hover .vocab-tooltip,.vocab-word-dict.active .vocab-tooltip,.vocab-word-dict:hover .vocab-tooltip,.gloss-word.active .vocab-tooltip,.gloss-word:hover .vocab-tooltip{white-space:normal;text-align:center;max-width:80vw;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.vocab-word-highlight.active .vocab-tooltip:before,.vocab-word-highlight.active .vocab-tooltip:after,.vocab-word-highlight:hover .vocab-tooltip:before,.vocab-word-highlight:hover .vocab-tooltip:after,.vocab-word-dict.active .vocab-tooltip:before,.vocab-word-dict.active .vocab-tooltip:after,.vocab-word-dict:hover .vocab-tooltip:before,.vocab-word-dict:hover .vocab-tooltip:after,.gloss-word.active .vocab-tooltip:before,.gloss-word.active .vocab-tooltip:after,.gloss-word:hover .vocab-tooltip:before,.gloss-word:hover .vocab-tooltip:after{display:none}}*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-serif)}.font-arabic{font-family:var(--font-arabic);font-feature-settings:"liga","dlig"}.app-layout{grid-template-columns:300px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--color-card);border-right:1px solid var(--color-border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#1a315026;border-radius:3px}.sidebar-header{text-align:center;border-bottom:1px solid var(--color-border);flex-shrink:0;padding:1.5rem 1.25rem 1.25rem}.sidebar-header-top{justify-content:flex-end;align-items:center;margin-bottom:.5rem;display:flex}.sidebar-collapse-btn{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{color:var(--color-primary);background:#1a31500f}.sidebar-close-btn{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:none;padding:.25rem}.sidebar-brand{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:0;display:flex}.brand-icon{background:var(--color-primary);width:44px;height:44px;color:var(--color-primary-foreground);font-family:var(--font-arabic);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.sidebar-brand h1{color:var(--color-primary);letter-spacing:.02em;text-align:left;margin:0;font-size:1.35rem}.sidebar-brand .subtitle{color:var(--color-accent);font-size:.8rem;font-family:var(--font-arabic);text-align:left}.sidebar-stats{border-top:1px solid var(--color-border);justify-content:center;gap:2rem;margin-top:1rem;padding-top:.75rem;display:flex}.stat{text-align:center}.stat-value{color:var(--color-primary);font-size:1.25rem;font-weight:600;font-family:var(--font-serif)}.stat-label{color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-family:var(--font-sans)}.sidebar-search{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:.75rem 1rem}.search-wrapper{position:relative}.search-input-container{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .75rem;transition:border-color .2s;display:flex}.search-input-container:focus-within{border-color:var(--color-primary)}.search-icon{color:var(--color-muted-foreground);flex-shrink:0}.search-input{font-size:.8rem;font-family:var(--font-sans);color:var(--color-foreground);background:0 0;border:none;outline:none;flex:1;min-width:0}.search-input::placeholder{color:var(--color-muted-foreground);opacity:.6}.search-clear{cursor:pointer;color:var(--color-muted-foreground);background:0 0;border:none;align-items:center;padding:2px;display:flex}.search-clear:hover{color:var(--color-foreground)}.search-dropdown{background:var(--color-card);border:1px solid var(--color-border);z-index:50;border-radius:8px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001a}.search-result-item{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:2px;width:100%;padding:.6rem .75rem;transition:background .15s;display:flex}.search-result-item:hover{background:#1a31500a}.search-result-item+.search-result-item{border-top:1px solid var(--color-border)}.search-result-title{color:var(--color-foreground);font-size:.82rem;font-weight:500}.search-result-ar{color:var(--color-accent);direction:rtl;font-size:.85rem}.search-result-category{color:var(--color-muted-foreground);font-size:.7rem}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto}.stage-group{margin-bottom:.125rem}.stage-header{cursor:pointer;font-family:var(--font-sans);text-align:left;width:100%;color:inherit;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s;display:flex}.stage-header:hover{background:#1a31500a;border-left-color:#c5a2534d}.stage-header[data-stage=foundation] .stage-label{color:#2d6a4f}.stage-header[data-stage=nominal] .stage-label{color:var(--color-primary)}.stage-header[data-stage=verbal] .stage-label{color:#7c3aed}.stage-header[data-stage=advanced] .stage-label{color:var(--color-accent)}.chevron-icon{color:var(--color-primary);flex-shrink:0;transition:transform .2s}.chevron-icon.expanded{transform:rotate(90deg)}.stage-label{flex:1;font-size:.85rem;font-weight:600}.stage-count{color:var(--color-muted-foreground);font-size:.7rem;font-family:var(--font-sans);background:#1a31500f;border-radius:10px;flex-shrink:0;padding:.1rem .45rem}.stage-children{background:#1a315005}.chapter-link{color:var(--color-foreground);text-align:left;cursor:pointer;width:100%;font-size:.82rem;font-weight:600;font-family:var(--font-serif);background:0 0;border:none;align-items:center;gap:.4rem;padding:.4rem 1.25rem .4rem 1.75rem;transition:color .15s;display:flex}.chapter-link:hover{color:var(--color-accent)}.nav-item{cursor:pointer;font-size:.8rem;font-family:var(--font-sans);color:var(--color-muted-foreground);text-align:left;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:.5rem;width:100%;padding:.5rem 1.25rem .5rem 2.25rem;transition:all .2s;display:flex}.nav-item:hover{color:var(--color-foreground);background:#1a31500a}.nav-item.active{color:var(--color-primary);border-left-color:var(--color-primary);background:#1a31500f;font-weight:500}.nav-dot{background:var(--color-muted-foreground);opacity:.2;border-radius:50%;flex-shrink:0;width:6px;height:6px}.nav-dot.visited{background:var(--color-accent);opacity:1}.nav-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-diagrams-link{cursor:pointer;color:var(--color-accent-foreground);background:#c5a25314;border:1px solid #c5a25333;border-radius:8px;align-items:center;gap:.5rem;margin:.5rem .75rem;padding:.6rem 1.25rem;font-size:.82rem;transition:all .15s;display:flex}.sidebar-diagrams-link:hover{border-color:var(--color-accent);background:#c5a25326}.sidebar-footer{border-top:1px solid var(--color-border);color:var(--color-muted-foreground);font-size:.7rem;font-family:var(--font-sans);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:flex}.sidebar-overlay{z-index:998;background:#0000004d;display:none;position:fixed;top:0;right:0;bottom:0;left:0}.hamburger-btn{z-index:100;background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;padding:.5rem;display:none;position:fixed;top:.75rem;left:.75rem;box-shadow:0 2px 8px #00000014}.main-content{box-sizing:border-box;width:100%;height:100vh;padding:2.5rem 3rem;overflow-y:auto}.main-content-center{width:100%;max-width:800px;margin:0 auto}.main-content-center:has(.analysis-workspace),.main-content-center:has(.sample-browser){max-width:none}.main-content:has(.analysis-workspace),.main-content:has(.sample-browser){padding:1.25rem 1.5rem}.breadcrumb{font-size:.82rem;font-family:var(--font-sans);align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.breadcrumb-item{color:var(--color-muted-foreground);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;transition:color .2s;display:flex}.breadcrumb-item:hover{color:var(--color-primary)}.breadcrumb-sep{color:var(--color-muted-foreground);opacity:.4}.breadcrumb-current{color:var(--color-foreground);cursor:default;font-weight:500}.hero{text-align:center;padding:2rem 0 3rem}.hero-icon{background:var(--color-primary);width:72px;height:72px;color:var(--color-primary-foreground);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.hero-title{color:var(--color-primary);margin:0;font-size:2.75rem;line-height:1.2}.hero-subtitle{color:var(--color-accent);font-size:2rem;font-family:var(--font-arabic);margin:.25rem 0 1rem}.hero-description{color:var(--color-muted-foreground);max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.6}.hero-source{color:var(--color-muted-foreground);margin-top:.5rem;font-size:.8rem;font-style:italic}.home-stats{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);justify-content:center;gap:3rem;margin:2rem 0;padding:1.5rem 0;display:flex}.home-stat{text-align:center}.home-stat-value{color:var(--color-primary);font-size:2rem;font-weight:600;font-family:var(--font-serif)}.home-stat-label{color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-family:var(--font-sans)}.home-diagrams-btn{background:linear-gradient(135deg,var(--color-primary),#2a4a70);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:2.5rem;padding:.85rem;font-size:.95rem;transition:opacity .15s;display:flex}.home-diagrams-btn:hover{opacity:.9}.section-heading{color:var(--color-primary);border-bottom:1px solid var(--color-border);margin:2rem 0 1.25rem;padding-bottom:.5rem;font-size:1.25rem}.nav-cards{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:3rem;display:grid}.nav-card{background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .2s;animation:.3s both fadeInUp;display:flex}.nav-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 20px #1a315014}.nav-card-header{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.nav-card-name-ar{font-family:var(--font-arabic);color:var(--color-primary);direction:rtl;font-size:1.25rem;line-height:1.6}.nav-card-name-en{color:var(--color-foreground);font-size:.95rem;font-weight:500;font-family:var(--font-serif);margin:0}.nav-card-stage{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.nav-card-stage[data-stage=foundation]{color:#2d6a4f;background:#2d6a4f1a}.nav-card-stage[data-stage=nominal]{color:var(--color-primary);background:#1a315014}.nav-card-stage[data-stage=verbal]{color:#7c3aed;background:#7c3aed14}.nav-card-stage[data-stage=advanced]{color:#8b6d20;background:#c5a2531f}.nav-card-desc{color:var(--color-muted-foreground);font-size:.82rem;line-height:1.5}.nav-card-count{color:var(--color-accent);margin-top:auto;padding-top:.5rem;font-size:.75rem;font-weight:600}.topic-view{max-width:800px}.topic-header{margin-bottom:1.5rem}.topic-stage-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;margin-bottom:.75rem;padding:.2rem .6rem;font-size:.68rem;font-weight:600;display:inline-block}.topic-stage-badge[data-stage=foundation]{color:#2d6a4f;background:#2d6a4f1a}.topic-stage-badge[data-stage=nominal]{color:var(--color-primary);background:#1a315014}.topic-stage-badge[data-stage=verbal]{color:#7c3aed;background:#7c3aed14}.topic-stage-badge[data-stage=advanced]{color:#8b6d20;background:#c5a2531f}.topic-title-ar{font-family:var(--font-arabic);color:var(--color-primary);direction:rtl;margin:0 0 .25rem;font-size:2.5rem;line-height:1.4}.topic-title-en{color:var(--color-foreground);margin:0 0 .15rem;font-size:1.5rem}.topic-transliteration{color:var(--color-muted-foreground);margin-bottom:.75rem;font-size:.85rem;font-style:italic}.summary-box{background:#c5a25314;border:1px solid #c5a25333;border-radius:10px;margin-bottom:2rem;padding:1.25rem 1.5rem}.summary-text{color:var(--color-foreground);margin:0;font-size:1rem;line-height:1.7}.topic-section{margin-bottom:2rem}.content-section-title{color:var(--color-primary);border-bottom:1px solid var(--color-border);margin:0 0 1rem;padding-bottom:.5rem;font-size:1.25rem}.topic-section-title-ar{font-family:var(--font-arabic);color:var(--color-accent);direction:rtl;margin:0 0 .15rem;font-size:1.75rem}.topic-section-title-en{color:var(--color-primary);border-bottom:1px solid var(--color-border);margin:0 0 1rem;padding-bottom:.5rem;font-size:1.1rem}.topic-notes{background:#c5a2530f;border:1px solid #c5a25326;border-radius:10px;margin-top:1rem;padding:1rem 1.25rem}.topic-notes-title{color:var(--color-accent-foreground);align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.topic-notes ul{padding-left:1.25rem;font-size:.88rem;line-height:1.6;list-style:outside}.rule-card{background:var(--color-card);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:10px;margin-bottom:1.25rem;padding:1rem 1.25rem}.rule-arabic{font-family:var(--font-arabic);color:var(--color-accent);direction:rtl;margin-bottom:.35rem;font-size:1.15rem;line-height:1.6}.rule-english{color:var(--color-foreground);margin:0 0 .5rem;font-size:.95rem;line-height:1.6}.rule-examples{border-top:1px solid var(--color-border);margin-top:.75rem;padding-top:.75rem}.rule-example{background:#1a315008;border:1px solid #1a31500f;border-radius:8px;margin-bottom:.75rem;padding:.85rem 1rem}.rule-example:last-child{margin-bottom:0}.rule-example-arabic{font-family:var(--font-arabic);color:var(--color-primary);text-align:right;direction:rtl;margin-bottom:.25rem;font-size:1.35rem;line-height:1.8}.rule-example-main{flex-direction:column;gap:.15rem;display:flex}.rule-example-sep{display:none}.rule-example-translation{color:var(--color-foreground);font-size:.88rem;font-style:italic}.rule-example-irab{color:var(--color-accent);border-left:2px solid var(--color-accent);margin-top:.25rem;padding-left:.75rem;font-size:.78rem}.grammar-table-wrapper{margin-bottom:1.5rem}.grammar-table-header{align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.grammar-table-header h4,.grammar-table-header span:last-child{color:var(--color-primary);margin:0;font-size:1rem}.grammar-table-header span:first-child{font-family:var(--font-arabic);color:var(--color-accent);direction:rtl;font-size:.95rem}.grammar-table-scroll{border:1px solid var(--color-border);border-radius:8px;overflow-x:auto}.grammar-table{border-collapse:collapse;width:100%;font-size:.9rem}.grammar-table thead{background:var(--color-primary);color:var(--color-primary-foreground)}.grammar-table th{text-align:left;font-weight:600;font-family:var(--font-sans);white-space:nowrap;padding:.6rem .85rem;font-size:.82rem}.grammar-table td{border-bottom:1px solid var(--color-border);padding:.6rem .85rem;line-height:1.5}.grammar-table tr:last-child td{border-bottom:none}.grammar-table tbody tr:hover{background:#1a315005}.content-renderer{font-size:.92rem;line-height:1.7}.content-h2{color:var(--color-primary);border-bottom:2px solid var(--color-accent);margin:1.5rem 0 .75rem;padding-bottom:.35rem;font-size:1.25rem}.content-h3{color:var(--color-foreground);margin:1.25rem 0 .5rem;font-size:1.05rem}.content-verse{border-left:3px solid var(--color-accent);background:#c5a2530f;border-radius:0 10px 10px 0;margin:1rem 0;padding:1rem 1.25rem}.content-code{background:var(--color-primary);color:#e0e7ef;border-radius:8px;margin:1rem 0;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.6;overflow-x:auto}.content-inline-code{background:#1a31500f;border-radius:4px;padding:.1em .35em;font-size:.88em}.content-renderer ol,.content-renderer ul{margin:.5rem 0;padding-left:1.5rem}.content-renderer li{margin-bottom:.3rem}.strong-ar{color:var(--color-primary);font-size:1.05em}.diagram-viewer{background:var(--color-card);border:1px solid var(--color-border);text-align:center;border-radius:12px;padding:1.25rem}.diagram-img{max-width:100%;height:auto}.diagram-caption{flex-direction:column;gap:.1rem;margin-top:.5rem;font-size:.78rem;display:flex}.diagram-caption-ar{color:var(--color-accent);font-size:.9rem}.diagram-caption-en{color:var(--color-muted-foreground)}.diagram-carousel{margin:1.5rem 0}.diagram-carousel-title{color:var(--color-primary);margin-bottom:.75rem;font-size:1.1rem}.diagram-carousel-scroll{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.chapter-view{max-width:800px}.chapter-header{margin-bottom:2rem}.chapter-order{color:var(--color-muted-foreground);font-size:.85rem}.chapter-title-ar{font-family:var(--font-arabic);color:var(--color-primary);direction:rtl;margin:0 0 .25rem;font-size:2.5rem;line-height:1.4}.chapter-title-en{color:var(--color-foreground);margin:0 0 .5rem;font-size:1.5rem}.chapter-desc{color:var(--color-muted-foreground);font-size:.95rem;line-height:1.7}.chapter-topics{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.chapter-topic-card{background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:.5rem;width:100%;padding:1.25rem;transition:all .2s;display:flex}.chapter-topic-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 20px #1a315014}.chapter-topic-read{border-left:3px solid var(--color-accent)}.chapter-topic-ar{font-family:var(--font-arabic);color:var(--color-primary);direction:rtl;font-size:1.2rem;line-height:1.6;display:block}.chapter-topic-en{color:var(--color-foreground);font-size:.95rem;font-weight:500;font-family:var(--font-serif);display:block}.chapter-topic-translit{color:var(--color-muted-foreground);font-size:.78rem;font-style:italic;display:block}.chapter-topic-summary{color:var(--color-muted-foreground);font-size:.82rem;line-height:1.5}.chapter-topic-meta{color:var(--color-muted-foreground);align-items:center;gap:.75rem;font-size:.75rem;display:flex}.chapter-topic-diagrams{color:var(--color-accent-foreground);background:#c5a2531a;border-radius:4px;padding:.15rem .5rem}.chapter-topic-arrow{color:var(--color-accent);margin-left:auto}.gallery-header{margin-bottom:1.5rem}.gallery-title{color:var(--color-primary);font-size:2rem}.gallery-subtitle{color:var(--color-muted-foreground);font-size:.9rem}.gallery-filters{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.gallery-filter{background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:.4rem .85rem;font-size:.8rem;transition:all .15s}.gallery-filter:hover{border-color:var(--color-primary)}.gallery-filter-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.gallery-item{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .15s;position:relative;overflow:hidden}.gallery-item:hover{transform:scale(1.02)}.diagram-hover-overlay{opacity:0;pointer-events:none;justify-content:flex-end;align-items:flex-end;padding:.625rem;transition:opacity .15s;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.gallery-item:hover .diagram-hover-overlay,.diagram-carousel-item:hover .diagram-hover-overlay{opacity:1;pointer-events:auto}.diagram-analyze-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:.375rem;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.7rem;font-weight:600;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 2px 8px #1a315040}.diagram-analyze-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #1a31504d}.diagram-carousel-item{position:relative;overflow:hidden}.gallery-lightbox{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.gallery-lightbox-content{background:var(--color-card);border-radius:12px;width:100%;max-width:720px;padding:2rem;position:relative}.gallery-lightbox-close{cursor:pointer;color:var(--color-muted-foreground);background:0 0;border:none;padding:.25rem;position:absolute;top:.75rem;right:.75rem}.gallery-lightbox-diagram .diagram-img{max-width:100%}.related-topics{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1.5rem}.related-topics-title{margin-bottom:.75rem;font-size:1.1rem}.related-topics-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.related-topic-card{background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;padding:.85rem 1rem;transition:all .2s;display:flex;position:relative}.related-topic-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 20px #1a315014}.related-topic-ar{font-family:var(--font-arabic);color:var(--color-primary);direction:rtl;font-size:1rem}.related-topic-en{color:var(--color-muted-foreground);font-size:.8rem}.related-topic-arrow{color:var(--color-accent);position:absolute;top:.85rem;right:.85rem}.search-page-header{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.search-page-header h1{flex:1;font-size:1.2rem}.search-page-count{color:var(--color-muted-foreground);font-size:.82rem}.search-page-empty{text-align:center;color:var(--color-muted-foreground);padding:3rem}.search-page-list{flex-direction:column;gap:.5rem;display:flex}.search-page-card{background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:12px;align-items:flex-start;gap:.75rem;width:100%;padding:1rem 1.25rem;transition:all .2s;display:flex}.search-page-card:hover{border-color:var(--color-accent);box-shadow:0 4px 20px #1a315014}.search-page-info{flex-direction:column;gap:.15rem;display:flex}.search-page-title{color:var(--color-foreground);font-size:.92rem;font-weight:500}.search-page-ar{font-family:var(--font-arabic);color:var(--color-accent);direction:rtl;font-size:.95rem}.search-page-chapter{color:var(--color-muted-foreground);font-size:.75rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-state h2{margin-bottom:.5rem;font-size:1.3rem}.empty-state p{color:var(--color-muted-foreground);margin-bottom:1rem}.btn{border:1px solid var(--color-border);cursor:pointer;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;transition:all .15s}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{opacity:.9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.app-layout{grid-template-columns:1fr}.sidebar{z-index:999;width:300px;transition:left .25s;position:fixed;left:-320px}.sidebar-open{left:0}.sidebar-overlay,.hamburger-btn{display:block}.main-content{padding:1.25rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.5rem}.topic-title-ar{font-size:1.75rem}.home-stats{gap:1.5rem}.nav-cards,.gallery-grid,.diagram-carousel-scroll{grid-template-columns:1fr}.analysis-layout{flex-direction:column}.analysis-sidebar{border-left:none;border-top:1px solid var(--color-border);max-height:300px;overflow-y:auto}.analysis-grid-container{padding-right:0}}.analysis-workspace{width:100%;max-width:none}.analysis-header{margin-bottom:1.5rem}.analysis-title{font-family:var(--font-serif);color:var(--color-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:600}.analysis-subtitle{color:var(--color-muted-foreground);margin-bottom:1rem;font-size:.9rem}.analysis-actions{flex-wrap:wrap;gap:.5rem;display:flex}.analysis-layout{align-items:stretch;gap:0;min-height:calc(100vh - 14rem);display:flex}.analysis-grid-container{flex-direction:column;flex:1;min-width:0;padding-right:1rem;display:flex;overflow-x:auto}.analysis-grid-container>.sentence-grid{flex-direction:column;flex:1;display:flex}.analysis-sidebar{border-left:1px solid var(--color-border);flex-shrink:0;max-height:calc(100vh - 8rem);position:sticky;top:1rem;overflow-y:auto}.quick-terms-collapsed{flex-direction:column;align-items:center;gap:1rem;width:40px;padding:1rem .5rem;display:flex}.quick-terms-expand-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s,opacity .15s;display:flex}.quick-terms-expand-btn:hover{transform:scale(1.1)}.quick-terms-collapsed-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.04em;white-space:nowrap;font-size:11px;font-weight:600}.btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary{background:var(--color-secondary);color:var(--color-primary);box-shadow:0 0 0 1px #1a315014}.btn-secondary:hover{background:#e8e8ec;box-shadow:0 0 0 1px #c5a2534d}.btn-ghost{color:var(--color-muted-foreground);background:0 0}.btn-ghost:hover{background:var(--color-secondary);color:var(--color-primary)}.home-action-buttons{flex-direction:column;gap:.75rem;margin-bottom:2.5rem;display:flex}.home-action-buttons .home-diagrams-btn{margin-bottom:0}.home-analysis-btn{color:#fff!important;background:linear-gradient(135deg,#c5a253,#a8893f)!important}.home-analysis-btn:hover{opacity:.9}.topic-analysis-link{margin:2rem 0}.topic-analysis-btn{width:100%;color:var(--color-primary);cursor:pointer;background:#c5a2530f;border:1px solid #c5a25326;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.topic-analysis-btn:hover{border-color:var(--color-accent);background:#c5a2531f}.topic-analysis-count{color:var(--color-muted-foreground);margin-left:auto;font-size:.8rem}.sample-browser{max-width:1000px;margin:0 auto}.sample-browser-header{margin-bottom:1.5rem}.sample-browser-back{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;margin-bottom:.75rem;padding:.375rem 0;font-size:.8rem;display:inline-flex}.sample-browser-back:hover{color:var(--color-primary)}.sample-browser-title{font-family:var(--font-serif);color:var(--color-primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;display:flex}.sample-browser-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.sample-browser-search{background:var(--color-card);border:1px solid var(--color-border);border-radius:.5rem;flex:1;align-items:center;gap:.5rem;min-width:200px;padding:.5rem .75rem;display:flex}.sample-browser-search input{background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.sample-browser-filters{gap:.25rem;display:flex}.sample-filter-btn{background:var(--color-secondary);color:var(--color-muted-foreground);cursor:pointer;border:1px solid #0000;border-radius:.375rem;padding:.375rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s}.sample-filter-btn.active{background:var(--color-primary);color:#fff}.sample-filter-btn:hover:not(.active){border-color:var(--color-border);color:var(--color-primary)}.sample-browser-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.sample-card{background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:.75rem;flex-direction:column;gap:.5rem;padding:1rem;transition:all .15s;display:flex}.sample-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px -2px #1a315014}.sample-card-ar{font-family:var(--font-arabic);color:var(--color-primary);font-size:1.1rem;line-height:1.8}.sample-card-name{color:var(--color-muted-foreground);font-size:.8rem}.sample-card-meta{flex-wrap:wrap;gap:.375rem;display:flex}.sample-difficulty{text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;padding:.125rem .5rem;font-size:.7rem;font-weight:600}.sample-difficulty.beginner{color:#166534;background:#dcfce7}.sample-difficulty.intermediate{color:#92400e;background:#fef3c7}.sample-difficulty.advanced{color:#9d174d;background:#fce7f3}.sample-tag{background:var(--color-secondary);color:var(--color-muted-foreground);border-radius:9999px;padding:.125rem .5rem;font-size:.7rem}.sample-browser-empty{text-align:center;color:var(--color-muted-foreground);grid-column:1/-1;padding:3rem}.sentence-grid-container{direction:rtl;grid-auto-rows:minmax(44px,auto);row-gap:4px;display:grid}.sentence-grid-container input:focus{background-color:#fffffff2}.sentence-grid-container{--track-meaning:#6b7280;--track-meaning-bg:#6b72800d;--track-above:#8b5cf6;--track-above-bg:#8b5cf60f;--track-word:#c5a253;--track-word-bg:#c5a25314;--track-below:#3b82f6;--track-below-bg:#3b82f60f}.grid-row-label{font-family:var(--font-arabic);-webkit-user-select:none;user-select:none;writing-mode:horizontal-tb;direction:rtl;justify-content:center;align-items:center;padding:0 2px;font-size:11px;font-weight:500;display:flex}.track-header{font-family:var(--font-sans);-webkit-user-select:none;user-select:none;border-inline-end:3px solid var(--track-accent,#cbd5e1);z-index:2;direction:ltr;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:10px 14px 10px 10px;transition:background .15s,transform .15s,border-inline-end-width .15s,box-shadow .15s;display:flex;position:relative}.track-header-chip{background:var(--track-accent,#cbd5e1);border-radius:3px;flex-shrink:0;width:6px;height:28px;display:inline-block}.track-header-icon{color:var(--track-accent,#6b7280);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.track-header-text{flex-direction:column;flex:1;gap:1px;min-width:0;line-height:1.1;display:flex}.track-header-label-ar{font-family:var(--font-arabic);color:var(--color-primary);text-align:end;white-space:nowrap;text-overflow:ellipsis;direction:rtl;font-size:15px;font-weight:600;line-height:1.2;overflow:hidden}.track-header-label-en{color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:600;overflow:hidden}.track-header-hero{background:linear-gradient(90deg,#c5a2530d,#c5a2532e);box-shadow:0 2px 8px -2px #c5a2532e}.track-header-hero .track-header-label-ar{font-size:17px}.track-header-hero .track-header-chip{width:8px;height:36px}.track-header-active{background:#3b82f614;border-inline-end-width:5px}.track-header-active .track-header-label-ar{color:#1d4ed8}.track-header-hero.track-header-active{background:linear-gradient(90deg,#c5a25314,#c5a2532e)}.track-header-compact{justify-content:center;gap:0;padding:2px}.track-header-compact .track-header-chip{display:none}.track-header-compact .track-header-icon-compact{width:14px;height:14px}.track-header-editable{cursor:pointer}.track-header-editable:hover{background:#1a315006}.track-header-pencil{color:#6b72808c;opacity:0;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-inline-start:auto;transition:opacity .12s;display:inline-flex}.track-header-editable:hover .track-header-pencil{opacity:1}.track-header-editing{background:#3b82f60f;box-shadow:inset 0 0 0 1px #3b82f659}.track-header-editing .track-header-pencil{opacity:1;color:#1d4ed8}.track-group-divider{pointer-events:none;background:0 0;min-height:26px;position:relative}.track-group-divider:before{content:"";background:var(--track-accent,#cbd5e1);opacity:.35;inset-inline:8px;height:1px;position:absolute;top:50%}.track-group-divider-above:before{background:var(--track-above)}.track-group-divider-word:before{background:var(--track-word)}.track-group-divider-below:before{background:var(--track-below)}.track-group-divider-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--track-accent,#6b7280);border-inline-end:3px solid var(--track-accent,#cbd5e1);-webkit-user-select:none;user-select:none;z-index:2;direction:ltr;background:0 0;align-items:center;gap:8px;padding:4px 14px 4px 10px;font-size:10px;font-weight:700;display:flex;position:relative}.track-group-divider-dot{background:var(--track-accent,#6b7280);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 2px #ffffffd9}.track-group-divider-text{font-family:var(--font-arabic);letter-spacing:0;text-transform:none;color:var(--track-accent);direction:rtl;font-size:12px;font-weight:600}.track-group-divider-label-compact{padding:0}.grid-track-accent{box-shadow:inset 4px 0 0 0 var(--track-accent,transparent)}.grid-track-accent-active{box-shadow:inset 6px 0 0 0 var(--track-accent,transparent)}[dir=rtl] .grid-track-accent{box-shadow:inset -4px 0 0 0 var(--track-accent,transparent)}[dir=rtl] .grid-track-accent-active{box-shadow:inset -6px 0 0 0 var(--track-accent,transparent)}.grid-word-cell-hero{background:linear-gradient(#fff,#c5a2530a)!important;border-block:2px solid #c5a25359!important}.grid-cell{min-height:40px;transition:background .15s,border-color .15s,box-shadow .15s,opacity .15s}.grid-cell.empty{border-color:#d1d5db4d}.grid-cell.empty:hover{background:#3b82f605;border-color:#d1d5dbb3}.grid-cell:hover{background:#3b82f605}.grid-cell.active{z-index:5;border-color:#3b82f6;box-shadow:inset 0 0 0 1px #3b82f6}.grid-cell.selected{border-color:#3b82f666;box-shadow:inset 0 0 0 1px #3b82f666}.grid-cell.placing{cursor:crosshair;background:#3b82f608;border-color:#3b82f626}.grid-cell.placing:hover{background:#3b82f61a;border-color:#3b82f6;box-shadow:inset 0 0 0 1px #3b82f64d}.grid-cell.drag-over{background:#3b82f60f;border-style:dashed;border-color:#3b82f6}.grid-cell.drag-blocked{cursor:not-allowed;background:#ef44440a;border-style:dashed;border-color:#ef4444}.grid-cell.dragging{opacity:.3}.grid-cell.just-placed{animation:.4s ease-out placed}@keyframes placed{0%{background:#3b82f633;box-shadow:0 0 0 2px #3b82f64d}to{box-shadow:none;background:0 0}}@keyframes cell-placed-spring{0%{background:#3b82f640;transform:scale(1.04);box-shadow:0 0 0 3px #3b82f64d}40%{transform:scale(.98)}70%{transform:scale(1.01)}to{box-shadow:none;background:0 0;transform:scale(1)}}.grid-cell.just-placed-spring{animation:.5s cubic-bezier(.34,1.56,.64,1) cell-placed-spring}@keyframes text-appear{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.cell-text-enter{animation:.25s ease-out text-appear}.grid-col-resize-handle{cursor:col-resize;z-index:10;opacity:0;width:5px;height:100%;transition:opacity .15s;position:absolute;top:0;left:-2px}.grid-col-resize-handle:after{content:"";background:#3b82f6;border-radius:1px;width:1px;height:50%;position:absolute;top:25%;left:2px}.grid-word-cell:hover>.grid-col-resize-handle,.grid-col-resize-handle:hover{opacity:1}.grid-row-resize-handle{cursor:row-resize;z-index:10;opacity:0;height:5px;transition:opacity .15s;position:absolute;bottom:-2px;left:0;right:0}.grid-row-resize-handle:after{content:"";background:#3b82f6;border-radius:1px;width:50%;height:1px;position:absolute;bottom:2px;left:25%}.grid-cell:hover>.grid-row-resize-handle,.grid-row-resize-handle:hover{opacity:1}@keyframes term-pulse{0%{box-shadow:0 0 #c5a25366}70%{box-shadow:0 0 0 6px #c5a25300}to{box-shadow:none}}.sidebar-term-selected{animation:.6s ease-out term-pulse}.overflow-menu{z-index:50;opacity:0;pointer-events:none;background:#fff;border-radius:12px;min-width:220px;padding:4px;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)scale(.97);box-shadow:0 8px 32px -4px #1a315026,0 0 0 1px #1a315014}.overflow-menu.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.overflow-menu-item{width:100%;color:var(--color-primary);font-size:13px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-weight:500;transition:background .1s;display:flex}.overflow-menu-item:hover{background:#1a31500a}.overflow-menu-divider{background:var(--color-border);height:1px;margin:4px 8px}@media print{.analysis-sidebar{display:none!important}.sentence-grid{break-inside:avoid}.sentence-grid-container>div{border-color:#999!important}}@media(prefers-reduced-motion:reduce){.track-header{transition:none}}.sidebar-panel{flex-direction:column;width:280px;height:100%;display:flex}.sidebar-panel-header{flex-shrink:0;padding:.75rem .875rem}.sidebar-panel-content{flex-direction:column;flex:1;gap:.375rem;padding:.625rem;display:flex;overflow-y:auto}.sidebar-panel-footer{flex-shrink:0;padding:.5rem .875rem}.sidebar-tabs{border-radius:9999px;display:flex;overflow:hidden}.sidebar-tab{cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 0;font-size:11px;font-weight:600;transition:background .15s,color .15s;display:flex}.sidebar-tab:hover{opacity:.85}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}