@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap");:root{--color-bg:oklch(99% 0.003 250);--color-surface-1:oklch(96% 0.005 250);--color-surface-2:oklch(92% 0.007 250);--color-border:oklch(85% 0.008 250);--color-border-strong:oklch(75% 0.01 250);--color-fg:oklch(18% 0.01 250);--color-fg-secondary:oklch(44% 0.012 250);--color-fg-tertiary:oklch(60% 0.012 250);--color-primary:oklch(54% 0.20 255);--color-primary-hover:oklch(48% 0.20 255);--color-primary-active:oklch(42% 0.20 255);--color-on-primary:oklch(99% 0 0);--color-success:oklch(58% 0.14 155);--color-success-bg:oklch(93% 0.05 155);--color-warning:oklch(72% 0.15 78);--color-warning-bg:oklch(93% 0.06 78);--color-danger:oklch(57% 0.20 27);--color-danger-hover:oklch(51% 0.20 27);--color-danger-bg:oklch(93% 0.06 27);--color-ai:oklch(66% 0.13 200);--color-ai-bg:oklch(94% 0.04 200);--color-ai-border:oklch(66% 0.13 200/0.55);--color-on-ai:oklch(20% 0.02 200);--color-focus-ring:oklch(54% 0.20 255/0.45);--surface-canvas:var(--color-bg);--surface-card:var(--color-surface-1);--surface-sunken:var(--color-surface-2);--text-heading:var(--color-fg);--text-body:var(--color-fg);--text-muted:var(--color-fg-secondary);--text-faint:var(--color-fg-tertiary);--border-default:var(--color-border);--border-strong:var(--color-border-strong);--font-latin:"IBM Plex Sans",sans-serif;--font-arabic:"IBM Plex Sans Arabic",sans-serif;--font-mono:"IBM Plex Mono",monospace;--text-display-size:36px;--text-display-line:44px;--text-display-weight:700;--text-h1-size:26px;--text-h1-line:32px;--text-h1-weight:600;--text-h2-size:18px;--text-h2-line:24px;--text-h2-weight:600;--text-h3-size:16px;--text-h3-line:22px;--text-h3-weight:600;--text-body-size:14px;--text-body-line:22px;--text-body-weight:400;--text-small-size:13px;--text-small-line:18px;--text-small-weight:500;--text-caption-size:11px;--text-caption-line:16px;--text-caption-weight:500;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:999px;--shadow-sm:0 1px 2px oklch(0% 0 0/0.08);--shadow-md:0 3px 10px oklch(0% 0 0/0.10);--shadow-lg:0 10px 28px oklch(0% 0 0/0.14);--motion-fast:120ms;--motion-base:160ms;--motion-slow:220ms;--ease-out:cubic-bezier(0.16,1,0.3,1)}[data-theme=dark]{--color-bg:oklch(15% 0.012 255);--color-surface-1:oklch(19% 0.014 255);--color-surface-2:oklch(24% 0.016 255);--color-border:oklch(30% 0.016 255);--color-border-strong:oklch(38% 0.018 255);--color-fg:oklch(96% 0.004 255);--color-fg-secondary:oklch(70% 0.012 255);--color-fg-tertiary:oklch(55% 0.012 255);--color-primary:oklch(72% 0.16 255);--color-primary-hover:oklch(78% 0.16 255);--color-primary-active:oklch(66% 0.16 255);--color-on-primary:oklch(15% 0.01 255);--color-success:oklch(70% 0.13 155);--color-success-bg:oklch(28% 0.05 155);--color-warning:oklch(78% 0.13 78);--color-warning-bg:oklch(30% 0.06 78);--color-danger:oklch(68% 0.18 27);--color-danger-hover:oklch(74% 0.18 27);--color-danger-bg:oklch(30% 0.07 27);--color-ai:oklch(78% 0.12 200);--color-ai-bg:oklch(26% 0.05 200);--color-ai-border:oklch(78% 0.12 200/0.55);--color-on-ai:oklch(95% 0.02 200);--color-focus-ring:oklch(72% 0.16 255/0.5);--shadow-sm:0 1px 2px oklch(0% 0 0/0.30);--shadow-md:0 3px 12px oklch(0% 0 0/0.40);--shadow-lg:0 12px 32px oklch(0% 0 0/0.55)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--surface-canvas);color:var(--color-fg);font-family:var(--font-latin)}