:root{--color-teal-50:oklch(0.97 0.02 195);--color-teal-100:oklch(0.94 0.04 195);--color-teal-200:oklch(0.88 0.07 195);--color-teal-300:oklch(0.80 0.10 195);--color-teal-400:oklch(0.70 0.13 195);--color-teal-500:oklch(0.60 0.14 195);--color-teal-600:oklch(0.52 0.13 195);--color-teal-700:oklch(0.44 0.11 195);--color-teal-800:oklch(0.36 0.09 195);--color-teal-900:oklch(0.28 0.07 195);--color-teal-950:oklch(0.20 0.05 195);--color-amber-50:oklch(0.98 0.02 85);--color-amber-100:oklch(0.95 0.05 85);--color-amber-200:oklch(0.90 0.10 85);--color-amber-300:oklch(0.84 0.14 85);--color-amber-400:oklch(0.78 0.16 82);--color-amber-500:oklch(0.72 0.17 78);--color-amber-600:oklch(0.64 0.16 72);--color-amber-700:oklch(0.55 0.14 68);--color-amber-800:oklch(0.45 0.11 64);--color-amber-900:oklch(0.36 0.09 60);--color-amber-950:oklch(0.26 0.07 56);--color-warm-grey-50:oklch(0.985 0.003 80);--color-warm-grey-100:oklch(0.965 0.005 80);--color-warm-grey-200:oklch(0.925 0.007 80);--color-warm-grey-300:oklch(0.870 0.010 80);--color-warm-grey-400:oklch(0.760 0.012 80);--color-warm-grey-500:oklch(0.620 0.012 80);--color-warm-grey-600:oklch(0.490 0.012 80);--color-warm-grey-700:oklch(0.380 0.010 80);--color-warm-grey-800:oklch(0.275 0.009 80);--color-warm-grey-900:oklch(0.185 0.008 80);--color-warm-grey-950:oklch(0.120 0.006 80);--color-green-500:oklch(0.62 0.16 150);--color-green-600:oklch(0.54 0.15 150);--color-green-100:oklch(0.94 0.05 150);--color-yellow-500:oklch(0.78 0.15 90);--color-yellow-600:oklch(0.68 0.15 85);--color-yellow-100:oklch(0.96 0.04 90);--color-red-500:oklch(0.62 0.21 27);--color-red-600:oklch(0.54 0.22 27);--color-red-700:oklch(0.47 0.20 27);--color-red-100:oklch(0.94 0.05 27);--color-blue-500:oklch(0.60 0.16 245);--color-blue-600:oklch(0.52 0.17 245);--color-blue-100:oklch(0.95 0.04 245);--color-bg-page:var(--color-warm-grey-50);--color-bg-surface:#ffffff;--color-bg-raised:#ffffff;--color-bg-inverse:var(--color-warm-grey-900);--color-bg-skeleton:var(--color-warm-grey-200);--color-bg-placeholder:var(--color-warm-grey-100);--color-rating-active:var(--color-amber-500);--color-rating-inactive:var(--color-warm-grey-300);--color-handle:var(--color-warm-grey-300);--color-border-subtle:var(--color-warm-grey-200);--color-border-strong:var(--color-warm-grey-300);--color-border-focus:var(--color-teal-500);--color-fg-primary:var(--color-warm-grey-900);--color-fg-secondary:var(--color-warm-grey-700);--color-fg-tertiary:var(--color-warm-grey-500);--color-fg-on-brand:#ffffff;--color-fg-link:var(--color-teal-700);--color-brand-primary:var(--color-teal-600);--color-brand-primary-hover:var(--color-teal-700);--color-brand-subtle:var(--color-teal-50);--color-brand-subtle-fg:var(--color-teal-700);--color-accent-primary:var(--color-amber-500);--color-accent-primary-hover:var(--color-amber-600);--color-accent-subtle:var(--color-amber-50);--color-feedback-success:var(--color-green-600);--color-feedback-success-subtle:var(--color-green-100);--color-feedback-warning:var(--color-yellow-600);--color-feedback-warning-subtle:var(--color-yellow-100);--color-feedback-danger:var(--color-red-600);--color-feedback-danger-subtle:var(--color-red-100);--color-feedback-info:var(--color-blue-600);--color-feedback-info-subtle:var(--color-blue-100);--font-sans-latin:"Inter",ui-sans-serif,system-ui,sans-serif;--font-sans-arabic:"IBM Plex Sans Arabic","Cairo",ui-sans-serif,sans-serif;--font-serif-latin:"Source Serif 4",ui-serif,serif;--font-serif-arabic:"Amiri",ui-serif,serif;--font-mono:ui-monospace,"JetBrains Mono","Fira Code",monospace;--text-display-lg-size:3.5rem;--text-display-lg-leading:1.05;--text-display-lg-tracking:-0.02em;--text-display-md-size:2.5rem;--text-display-md-leading:1.1;--text-display-md-tracking:-0.015em;--text-h1-size:2rem;--text-h1-leading:1.2;--text-h1-tracking:-0.01em;--text-h2-size:1.5rem;--text-h2-leading:1.25;--text-h2-tracking:-0.005em;--text-h3-size:1.25rem;--text-h3-leading:1.35;--text-h3-tracking:0;--text-body-lg-size:1.125rem;--text-body-lg-leading:1.55;--text-body-lg-tracking:0;--text-body-md-size:1rem;--text-body-md-leading:1.55;--text-body-md-tracking:0;--text-body-sm-size:0.875rem;--text-body-sm-leading:1.5;--text-body-sm-tracking:0;--text-label-md-size:0.875rem;--text-label-md-leading:1.3;--text-label-md-tracking:0.005em;--text-label-sm-size:0.75rem;--text-label-sm-leading:1.3;--text-label-sm-tracking:0.01em;--text-caption-size:0.75rem;--text-caption-leading:1.4;--text-caption-tracking:0;--spacing:0.25rem;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:9999px;--shadow-xs:0 1px 2px rgba(15,23,23,0.04);--shadow-sm:0 1px 3px rgba(15,23,23,0.06),0 1px 2px rgba(15,23,23,0.04);--shadow-md:0 4px 8px -2px rgba(15,23,23,0.08),0 2px 4px -2px rgba(15,23,23,0.05);--shadow-lg:0 10px 20px -4px rgba(15,23,23,0.10),0 4px 8px -4px rgba(15,23,23,0.06);--shadow-xl:0 20px 40px -8px rgba(15,23,23,0.14),0 8px 16px -8px rgba(15,23,23,0.08);--duration-instant:75ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-decelerate:cubic-bezier(0,0,0,1);--ease-accelerate:cubic-bezier(0.3,0,1,1)}[data-theme=dark]{--color-bg-page:var(--color-warm-grey-950);--color-bg-surface:var(--color-warm-grey-900);--color-bg-raised:var(--color-warm-grey-800);--color-bg-inverse:var(--color-warm-grey-50);--color-border-subtle:var(--color-warm-grey-800);--color-border-strong:var(--color-warm-grey-700);--color-fg-primary:var(--color-warm-grey-50);--color-fg-secondary:var(--color-warm-grey-300);--color-fg-tertiary:var(--color-warm-grey-500);--color-fg-on-brand:#ffffff;--color-fg-link:var(--color-teal-300);--color-brand-primary:var(--color-teal-500);--color-brand-primary-hover:var(--color-teal-400);--color-brand-subtle:var(--color-teal-900);--color-brand-subtle-fg:var(--color-teal-200);--color-bg-skeleton:var(--color-warm-grey-800);--color-bg-placeholder:var(--color-warm-grey-900);--color-rating-active:var(--color-amber-400);--color-rating-inactive:var(--color-warm-grey-700);--color-handle:var(--color-warm-grey-700)}:root{font-family:var(--font-sans-latin)}:root:lang(ar){font-family:var(--font-sans-arabic)}.font-serif:not(:lang(ar)){font-family:var(--font-serif-latin)}.font-serif:lang(ar){font-family:var(--font-serif-arabic)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:0s!important;transition-duration:0s!important;transform:none!important}}.ring-focus{outline:3px solid var(--color-border-focus);outline-offset:2px}.rtl-mirror:dir(rtl){transform:scaleX(-1)}