:root{--layout-color-surface: #ffffff;--layout-color-surface-muted: #f5f7fb;--layout-color-text: #1f2a37;--layout-color-border: #d6dee9;--layout-color-accent: #2563eb;--layout-color-accent-strong: #1d4ed8;--layout-color-success: #059669;--layout-color-warning: #d97706;--layout-color-danger: #dc2626;--layout-font-family-base: "Inter", "Helvetica Neue", Arial, sans-serif;--layout-font-size-base: 1rem;--layout-line-height-base: 1.5;--layout-space-xs: .5rem;--layout-space-sm: .75rem;--layout-space-md: 1rem;--layout-space-lg: 1.5rem;--layout-space-xl: 2rem;--layout-radius-sm: .375rem;--layout-radius-md: .75rem;--layout-shadow-soft: 0 4px 12px rgba(15, 23, 42, .08);--layout-max-width: 80ch;--layout-column-gap: 2rem;--layout-callout-bg-info: rgba(37, 99, 235, .08);--layout-callout-border-info: rgba(37, 99, 235, .3);--layout-callout-bg-success: rgba(5, 150, 105, .08);--layout-callout-border-success: rgba(5, 150, 105, .3);--layout-callout-bg-warning: rgba(217, 119, 6, .12);--layout-callout-border-warning: rgba(217, 119, 6, .35);--layout-callout-bg-danger: rgba(220, 38, 38, .1);--layout-callout-border-danger: rgba(220, 38, 38, .4)}:root{--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--color-text-primary: #1a1a1a;--color-text-secondary: #6b7280;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-border: #e5e7eb;--color-accent: #3b82f6}:root{--space-0: 0;--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}:root{color:var(--color-text-primary);background-color:var(--color-bg-primary);font-family:var(--font-family-sans);--brand-blue-500: #3b82f6;--brand-blue-600: #2563eb;--brand-blue-700: #1d4ed8;--brand-soft: #eff6ff;--brand-soft-border: #bfdbfe;--brand-shell: #f1f5ff;--brand-gradient: linear-gradient(120deg, #1d4ed8 0%, #2563eb 45%, #3b82f6 100%);--brand-shadow: 0 14px 30px rgba(37, 99, 235, .18)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--brand-shell);color:var(--color-text-primary);font-family:var(--font-family-sans);line-height:var(--line-height-normal)}