h1,h2,h3,h4,h5,h6{margin:0}:root{--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #2563eb;--color-blue-600: #1d4ed8;--color-blue-700: #1e40af;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-green-50: #f0fdf4;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-yellow-50: #fffbeb;--color-yellow-200: #fef3c7;--color-yellow-300: #fde68a;--color-yellow-400: #fbbf24;--color-yellow-500: #f59e0b;--color-yellow-600: #d97706;--color-yellow-700: #b45309;--color-yellow-800: #92400e;--color-yellow-900: #78350f;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #dc2626;--color-red-600: #b91c1c;--color-red-700: #991b1b;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-white: #ffffff;--color-black: #000000;--color-primary-50: var(--color-blue-50);--color-primary-100: var(--color-blue-100);--color-primary-200: var(--color-blue-200);--color-primary-300: var(--color-blue-300);--color-primary-400: var(--color-blue-400);--color-primary-500: var(--color-blue-500);--color-primary-600: var(--color-blue-600);--color-primary-700: var(--color-blue-700);--color-primary-800: var(--color-blue-800);--color-primary-900: var(--color-blue-900);--color-secondary-500: var(--color-slate-500);--color-neutral-50: var(--color-gray-50);--color-neutral-100: var(--color-gray-100);--color-neutral-200: var(--color-gray-200);--color-neutral-300: var(--color-gray-300);--color-neutral-400: var(--color-gray-400);--color-neutral-500: var(--color-gray-500);--color-neutral-600: var(--color-gray-600);--color-neutral-700: var(--color-gray-700);--color-neutral-800: var(--color-gray-800);--color-neutral-900: var(--color-gray-900);--color-neutral-white: var(--color-white);--color-neutral-black: var(--color-black);--color-success-50: var(--color-green-50);--color-success-200: var(--color-green-200);--color-success-300: var(--color-green-300);--color-success-400: var(--color-green-400);--color-success-500: var(--color-green-500);--color-success-600: var(--color-green-600);--color-success-700: var(--color-green-700);--color-success-800: var(--color-green-800);--color-success-900: var(--color-green-900);--color-warning-50: var(--color-yellow-50);--color-warning-200: var(--color-yellow-200);--color-warning-300: var(--color-yellow-300);--color-warning-400: var(--color-yellow-400);--color-warning-500: var(--color-yellow-500);--color-warning-600: var(--color-yellow-600);--color-warning-700: var(--color-yellow-700);--color-warning-800: var(--color-yellow-800);--color-warning-900: var(--color-yellow-900);--color-error-50: var(--color-red-50);--color-error-100: var(--color-red-100);--color-error-200: var(--color-red-200);--color-error-300: var(--color-red-300);--color-error-400: var(--color-red-400);--color-error-500: var(--color-red-500);--color-error-600: var(--color-red-600);--color-error-700: var(--color-red-700);--color-error-800: var(--color-red-800);--color-error-900: var(--color-red-900);--color-info-50: var(--color-blue-50);--color-info-100: var(--color-blue-100);--color-info-200: var(--color-blue-200);--color-info-300: var(--color-blue-300);--color-info-400: var(--color-blue-400);--color-info-500: var(--color-blue-500);--color-info-600: var(--color-blue-600);--color-info-700: var(--color-blue-700);--color-info-800: var(--color-blue-800);--color-info-900: var(--color-blue-900);--focus-ring-color: var(--color-primary-500);--focus-ring-shadow: 0 0 0 3px var(--color-primary-alpha-10);--focus-ring-width: 3px;--focus-ring-offset: 2px;--font-size-12: .75rem;--font-size-14: .875rem;--font-size-16: 1rem;--font-size-18: 1.125rem;--font-size-20: 1.25rem;--font-size-24: 1.5rem;--font-size-30: 1.875rem;--font-size-36: 2.25rem;--font-size-48: 3rem;--font-size-60: 3.75rem;--font-size-72: 4.5rem;--font-family-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-secondary: "JetBrains Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-family-heading: var(--font-family-primary);--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-20: 1.25;--line-height-24: 1.5;--line-height-28: 1.75;--line-height-tight: var(--line-height-20);--line-height-normal: var(--line-height-24);--line-height-relaxed: var(--line-height-28);--radius-0: 0;--radius-2: .125rem;--radius-4: .25rem;--radius-6: .375rem;--radius-8: .5rem;--radius-12: .75rem;--radius-16: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--spacing-2: .125rem;--spacing-3: .1875rem;--spacing-4: .25rem;--spacing-8: .5rem;--spacing-10: .625rem;--spacing-12: .75rem;--spacing-16: 1rem;--spacing-18: 1.125rem;--spacing-20: 1.25rem;--spacing-24: 1.5rem;--spacing-32: 2rem;--spacing-40: 2.5rem;--spacing-48: 3rem;--spacing-56: 3.5rem;--spacing-64: 4rem;--spacing-72: 4.5rem;--spacing-80: 5rem;--spacing-96: 6rem;--spacing-140: 8.75rem;--spacing-280: 17.5rem;--spacing-320: 20rem;--spacing-340: 21.25rem;--spacing-400: 25rem;--spacing-500: 31.25rem;--spacing-700: 43.75rem;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--color-overlay-dark: rgba(0, 0, 0, .5);--color-overlay-light: rgba(255, 255, 255, .5);--color-overlay-darker: rgba(0, 0, 0, .8);--color-white-alpha-05: rgba(255, 255, 255, .05);--color-white-alpha-10: rgba(255, 255, 255, .1);--color-white-alpha-20: rgba(255, 255, 255, .2);--color-white-alpha-30: rgba(255, 255, 255, .3);--color-black-alpha-04: rgba(0, 0, 0, .04);--color-black-alpha-08: rgba(0, 0, 0, .08);--color-black-alpha-10: rgba(0, 0, 0, .1);--color-black-alpha-15: rgba(0, 0, 0, .15);--color-black-alpha-16: rgba(0, 0, 0, .16);--color-black-alpha-20: rgba(0, 0, 0, .2);--color-black-alpha-24: rgba(0, 0, 0, .24);--color-black-alpha-50: rgba(0, 0, 0, .5);--color-neutral-800-alpha-85: rgba(31, 41, 55, .85);--color-neutral-700-alpha-20: rgba(55, 65, 81, .2);--color-primary-alpha-10: rgba(59, 130, 246, .1);--color-primary-alpha-15: rgba(59, 130, 246, .15);--color-success-alpha-10: rgba(34, 197, 94, .1);--color-success-alpha-15: rgba(34, 197, 94, .15);--color-error-alpha-10: rgba(239, 68, 68, .1);--color-error-alpha-15: rgba(239, 68, 68, .15);--color-error-alpha-30: rgba(239, 68, 68, .3);--color-warning-alpha-10: rgba(245, 158, 11, .1);--color-warning-alpha-15: rgba(245, 158, 11, .15);--font-size-ios-min: 16px;--touch-target-min: 44px;--textarea-min-height: 120px;--ghost-hover-bg: var(--color-primary-50);--ghost-hover-text: var(--color-primary-700);--ghost-active-bg: var(--color-primary-100);--ghost-active-text: var(--color-primary-800);--badge-solid-success-bg: #15803d;--badge-solid-error-bg: #991b1b;--badge-solid-warning-bg: #b45309;--badge-solid-info-bg: #1e40af;--badge-solid-primary-bg: #1e40af;--badge-solid-neutral-bg: #374151;--badge-soft-success-bg: #f0fdf4;--badge-soft-error-bg: #fef2f2;--badge-soft-warning-bg: #fffbeb;--badge-soft-info-bg: #eff6ff;--badge-soft-primary-bg: #eff6ff;--badge-soft-neutral-bg: #f9fafb;--badge-text-primary: var(--color-primary-700);--badge-text-info: var(--color-primary-700);--badge-text-success: var(--color-success-700);--badge-text-warning: var(--color-warning-700);--badge-text-error: var(--color-error-700);--badge-text-neutral: var(--color-neutral-700)}body[data-theme=dark]{--color-text-primary: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-500);--color-text-heading-primary: var(--color-neutral-50);--color-text-heading-secondary: var(--color-neutral-200);--color-text-heading-accent: var(--color-primary-400);--color-background-primary: var(--color-neutral-900);--color-background-secondary: var(--color-neutral-800);--color-background-subtle: var(--color-neutral-800);--color-background-surface: var(--color-neutral-800);--color-background-surface-elevated: var(--color-neutral-700);--color-border-primary: var(--color-neutral-700);--color-border-secondary: var(--color-neutral-600);--color-border-focus: var(--color-primary-300);--color-interactive-primary: var(--color-primary-400);--color-interactive-primary-hover: var(--color-primary-300);--color-interactive-primary-active: var(--color-primary-200);--color-interactive-secondary: var(--color-neutral-400);--color-interactive-secondary-hover: var(--color-neutral-300);--color-status-error: var(--color-error-400);--color-status-warning: var(--color-warning-400);--color-status-success: var(--color-success-400);--color-status-info: var(--color-info-400);--color-form-background: var(--color-neutral-800);--color-form-border: var(--color-neutral-600);--color-form-border-focus: var(--color-primary-300);--color-form-border-error: var(--color-error-400);--color-form-text: var(--color-neutral-100);--color-form-placeholder: var(--color-neutral-400);--focus-ring-color: var(--color-primary-400);--focus-ring-shadow: 0 0 0 3px rgba(96, 165, 250, .15);--ghost-hover-bg: var(--color-neutral-700);--ghost-hover-text: var(--color-primary-300);--ghost-active-bg: var(--color-neutral-600);--ghost-active-text: var(--color-primary-200);--alert-success-bg: rgba(20, 83, 45, .25);--alert-error-bg: rgba(127, 29, 29, .25);--alert-warning-bg: rgba(120, 53, 15, .25);--alert-info-bg: rgba(30, 58, 138, .25);--alert-neutral-bg: rgba(23, 23, 23, .25);--badge-solid-success-bg: color-mix(in srgb, var(--color-success-900) 40%, transparent);--badge-solid-error-bg: color-mix(in srgb, var(--color-error-900) 40%, transparent);--badge-solid-warning-bg: color-mix(in srgb, var(--color-warning-900) 40%, transparent);--badge-solid-info-bg: color-mix(in srgb, var(--color-primary-900) 40%, transparent);--badge-solid-primary-bg: color-mix(in srgb, var(--color-primary-800) 40%, transparent);--badge-solid-neutral-bg: color-mix(in srgb, var(--color-neutral-900) 40%, transparent);--badge-soft-success-bg: color-mix(in srgb, var(--color-success-900) 20%, transparent);--badge-soft-error-bg: color-mix(in srgb, var(--color-error-900) 20%, transparent);--badge-soft-warning-bg: color-mix(in srgb, var(--color-warning-900) 20%, transparent);--badge-soft-info-bg: color-mix(in srgb, var(--color-primary-900) 20%, transparent);--badge-soft-primary-bg: color-mix(in srgb, var(--color-primary-800) 20%, transparent);--badge-soft-neutral-bg: color-mix(in srgb, var(--color-neutral-900) 20%, transparent);--badge-text-primary: var(--color-primary-200);--badge-text-info: var(--color-primary-200);--badge-text-success: var(--color-success-200);--badge-text-warning: var(--color-warning-200);--badge-text-error: var(--color-error-200);--badge-text-neutral: var(--color-neutral-200)}body[data-theme=light],body:not([data-theme]){--color-text-primary: var(--color-neutral-700);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-400);--color-text-heading-primary: var(--color-neutral-700);--color-text-heading-secondary: var(--color-neutral-700);--color-text-heading-accent: var(--color-primary-600);--color-background-primary: var(--color-white);--color-background-secondary: var(--color-neutral-50);--color-background-subtle: var(--color-neutral-50);--color-background-surface: var(--color-white);--color-background-surface-elevated: var(--color-neutral-50);--color-border-primary: var(--color-neutral-200);--color-border-secondary: var(--color-neutral-300);--color-border-focus: var(--color-primary-500);--color-interactive-primary: var(--color-primary-500);--color-interactive-primary-hover: var(--color-primary-600);--color-interactive-primary-active: var(--color-primary-700);--color-interactive-secondary: var(--color-neutral-500);--color-interactive-secondary-hover: var(--color-neutral-600);--color-status-error: var(--color-error-600);--color-status-warning: var(--color-warning-600);--color-status-success: var(--color-success-600);--color-status-info: var(--color-info-600);--color-form-background: var(--color-white);--color-form-border: var(--color-neutral-300);--color-form-border-focus: var(--color-primary-500);--color-form-border-error: var(--color-error-500);--color-form-text: var(--color-neutral-900);--color-form-placeholder: var(--color-neutral-500);--badge-solid-success-bg: color-mix(in srgb, var(--color-success-700) 100%, transparent);--badge-solid-error-bg: color-mix(in srgb, var(--color-error-700) 100%, transparent);--badge-solid-warning-bg: color-mix(in srgb, var(--color-warning-700) 100%, transparent);--badge-solid-info-bg: color-mix(in srgb, var(--color-primary-700) 100%, transparent);--badge-solid-primary-bg: color-mix(in srgb, var(--color-primary-700) 100%, transparent);--badge-solid-neutral-bg: color-mix(in srgb, var(--color-neutral-700) 100%, transparent);--badge-soft-success-bg: color-mix(in srgb, var(--color-success-100) 85%, transparent);--badge-soft-error-bg: color-mix(in srgb, var(--color-error-100) 85%, transparent);--badge-soft-warning-bg: color-mix(in srgb, var(--color-warning-100) 85%, transparent);--badge-soft-info-bg: color-mix(in srgb, var(--color-primary-100) 85%, transparent);--badge-soft-primary-bg: color-mix(in srgb, var(--color-primary-100) 85%, transparent);--badge-soft-neutral-bg: color-mix(in srgb, var(--color-neutral-100) 85%, transparent);--badge-text-primary: var(--color-primary-700);--badge-text-info: var(--color-primary-700);--badge-text-success: var(--color-success-700);--badge-text-warning: var(--color-warning-700);--badge-text-error: var(--color-error-700);--badge-text-neutral: var(--color-neutral-700)}@media (prefers-color-scheme: light){body[data-theme=auto]{--color-text-primary: var(--color-neutral-700);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-400);--color-text-heading-primary: var(--color-neutral-700);--color-text-heading-secondary: var(--color-neutral-700);--color-text-heading-accent: var(--color-primary-600);--color-background-primary: var(--color-white);--color-background-secondary: var(--color-neutral-50);--color-background-subtle: var(--color-neutral-50);--color-background-surface: var(--color-white);--color-background-surface-elevated: var(--color-neutral-50);--color-border-primary: var(--color-neutral-200);--color-border-secondary: var(--color-neutral-300);--color-border-focus: var(--color-primary-500);--color-interactive-primary: var(--color-primary-500);--color-interactive-primary-hover: var(--color-primary-600);--color-interactive-primary-active: var(--color-primary-700);--color-interactive-secondary: var(--color-neutral-500);--color-interactive-secondary-hover: var(--color-neutral-600);--color-status-error: var(--color-error-600);--color-status-warning: var(--color-warning-600);--color-status-success: var(--color-success-600);--color-status-info: var(--color-info-600);--color-form-background: var(--color-white);--color-form-border: var(--color-neutral-300);--color-form-border-focus: var(--color-primary-500);--color-form-border-error: var(--color-error-500);--color-form-text: var(--color-neutral-900);--color-form-placeholder: var(--color-neutral-500);--badge-solid-success-bg: color-mix(in srgb, var(--color-success-700) 100%, transparent);--badge-solid-error-bg: color-mix(in srgb, var(--color-error-700) 100%, transparent);--badge-solid-warning-bg: color-mix(in srgb, var(--color-warning-700) 100%, transparent);--badge-solid-info-bg: color-mix(in srgb, var(--color-primary-700) 100%, transparent);--badge-solid-primary-bg: color-mix(in srgb, var(--color-primary-700) 100%, transparent);--badge-solid-neutral-bg: color-mix(in srgb, var(--color-neutral-700) 100%, transparent);--badge-soft-success-bg: color-mix(in srgb, var(--color-success-100) 85%, transparent);--badge-soft-error-bg: color-mix(in srgb, var(--color-error-100) 85%, transparent);--badge-soft-warning-bg: color-mix(in srgb, var(--color-warning-100) 85%, transparent);--badge-soft-info-bg: color-mix(in srgb, var(--color-primary-100) 85%, transparent);--badge-soft-primary-bg: color-mix(in srgb, var(--color-primary-100) 85%, transparent);--badge-soft-neutral-bg: color-mix(in srgb, var(--color-neutral-100) 85%, transparent);--badge-text-primary: var(--color-primary-700);--badge-text-info: var(--color-primary-700);--badge-text-success: var(--color-success-700);--badge-text-warning: var(--color-warning-700);--badge-text-error: var(--color-error-700);--badge-text-neutral: var(--color-neutral-700)}}:root{--gradient-avatar: linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));--gradient-avatar-blue: linear-gradient(135deg, var(--color-blue-400), var(--color-blue-500))}@media (prefers-color-scheme: dark){body[data-theme=auto]{--color-text-primary: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-500);--color-text-heading-primary: var(--color-neutral-50);--color-text-heading-secondary: var(--color-neutral-200);--color-text-heading-accent: var(--color-primary-400);--color-background-primary: var(--color-neutral-900);--color-background-secondary: var(--color-neutral-800);--color-background-subtle: var(--color-neutral-800);--color-background-surface: var(--color-neutral-800);--color-background-surface-elevated: var(--color-neutral-700);--color-border-primary: var(--color-neutral-700);--color-border-secondary: var(--color-neutral-600);--color-border-focus: var(--color-primary-400);--color-interactive-primary: var(--color-primary-400);--color-interactive-primary-hover: var(--color-primary-300);--color-interactive-primary-active: var(--color-primary-200);--color-interactive-secondary: var(--color-neutral-400);--color-interactive-secondary-hover: var(--color-neutral-300);--color-status-error: var(--color-error-400);--color-status-warning: var(--color-warning-400);--color-status-success: var(--color-success-400);--color-status-info: var(--color-info-400);--color-form-background: var(--color-neutral-800);--color-form-border: var(--color-neutral-600);--color-form-border-focus: var(--color-primary-400);--color-form-border-error: var(--color-error-400);--color-form-text: var(--color-neutral-100);--color-form-placeholder: var(--color-neutral-400);--badge-solid-success-bg: color-mix(in srgb, var(--color-success-900) 40%, transparent);--badge-solid-error-bg: color-mix(in srgb, var(--color-error-900) 40%, transparent);--badge-solid-warning-bg: color-mix(in srgb, var(--color-warning-900) 40%, transparent);--badge-solid-info-bg: color-mix(in srgb, var(--color-primary-900) 40%, transparent);--badge-solid-primary-bg: color-mix(in srgb, var(--color-primary-800) 40%, transparent);--badge-solid-neutral-bg: color-mix(in srgb, var(--color-neutral-900) 40%, transparent);--badge-soft-success-bg: color-mix(in srgb, var(--color-success-900) 20%, transparent);--badge-soft-error-bg: color-mix(in srgb, var(--color-error-900) 20%, transparent);--badge-soft-warning-bg: color-mix(in srgb, var(--color-warning-900) 20%, transparent);--badge-soft-info-bg: color-mix(in srgb, var(--color-primary-900) 20%, transparent);--badge-soft-primary-bg: color-mix(in srgb, var(--color-primary-800) 20%, transparent);--badge-soft-neutral-bg: color-mix(in srgb, var(--color-neutral-900) 20%, transparent);--badge-text-primary: var(--color-primary-200);--badge-text-info: var(--color-primary-200);--badge-text-success: var(--color-success-200);--badge-text-warning: var(--color-warning-200);--badge-text-error: var(--color-error-200);--badge-text-neutral: var(--color-neutral-200)}}h1{font-size:var(--font-size-48);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0 0 var(--spacing-16) 0}h2{font-size:var(--font-size-36);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0 0 var(--spacing-12) 0}h3{font-size:var(--font-size-24);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-primary);margin:0 0 var(--spacing-8) 0}h4{font-size:var(--font-size-20);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-primary);margin:0 0 var(--spacing-8) 0}h5{font-size:var(--font-size-18);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-primary);margin:0 0 var(--spacing-8) 0}h6{font-size:var(--font-size-16);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-primary);margin:0 0 var(--spacing-8) 0}p{margin:0 0 var(--spacing-16) 0}*{scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-3)}*::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}:root{--token-focus-ring: var(--color-border-focus, var(--color-primary-500));--token-focus-ring-offset: 2px;--token-focus-ring-width: 2px;--color-form-border-focus: var(--color-form-borderfocus);--color-background-surface-elevated: var(--color-background-surfaceelevated)}body[data-theme=dark]{--token-focus-ring: var(--color-border-focus, var(--color-primary-400))}body[data-theme=light],body:not([data-theme]){--token-focus-ring: var(--color-border-focus, var(--color-primary-500))}:root{--color-surface-elevated: var(--color-neutral-50);--color-surface-hover: var(--color-neutral-100);--color-surface-active: var(--color-neutral-200);--color-on-primary: var(--color-neutral-white);--color-on-error: var(--color-neutral-white);--color-on-success: var(--color-neutral-white);--color-on-warning: var(--color-neutral-900);--color-text-interactive: var(--color-primary-600);--color-text-on-surface: var(--color-neutral-900);--color-border-primary-hover: var(--color-primary-400);--color-border-primary-active: var(--color-primary-600);--color-focus-ring: var(--color-primary-500);--color-focus-ring-offset: 2px}[data-theme=dark]{--color-surface-elevated: var(--color-neutral-800);--color-surface-hover: var(--color-neutral-700);--color-surface-active: var(--color-neutral-600);--color-text-interactive: var(--color-primary-300);--color-text-on-surface: var(--color-neutral-100);--color-border-primary-hover: var(--color-primary-300);--color-border-primary-active: var(--color-primary-200);--color-focus-ring: var(--color-primary-300);--color-focus-ring-offset: 2px}@media (prefers-contrast: high){:root{--color-focus-ring: var(--color-primary-400);--color-focus-ring-offset: 3px}[data-theme=dark]{--color-focus-ring: var(--color-primary-200)}}[data-theme=dark]{--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #6b7280;--color-text-muted: #9ca3af;--color-text-inverse: #111827;--color-text-onprimary: #ffffff;--color-text-heading-primary: #f9fafb;--color-text-heading-secondary: #f3f4f6;--color-text-heading-accent: #60a5fa;--color-background-primary: #111827;--color-background-secondary: #1f2937;--color-background-subtle: #1f2937;--color-background-surface: #1f2937;--color-background-surfaceelevated: #374151;--color-background-overlay: rgba(0, 0, 0, .7);--color-border-primary: #374151;--color-border-secondary: #4b5563;--color-border-strong: #6b7280;--color-border-subtle: #1f2937;--color-border-focus: #60a5fa;--color-interactive-primary: #60a5fa;--color-interactive-primaryhover: #93c5fd;--color-interactive-primaryactive: #bfdbfe;--color-interactive-secondary: #9ca3af;--color-interactive-secondaryhover: #d1d5db;--color-status-error: #f87171;--color-status-errorbackground: rgba(239, 68, 68, .1);--color-status-errorborder: rgba(239, 68, 68, .3);--color-status-errortext: #fecaca;--color-status-warning: #fbbf24;--color-status-warningbackground: rgba(245, 158, 11, .1);--color-status-warningborder: rgba(245, 158, 11, .3);--color-status-warningtext: #fef3c7;--color-status-success: #4ade80;--color-status-successbackground: rgba(34, 197, 94, .1);--color-status-successborder: rgba(34, 197, 94, .3);--color-status-successtext: #bbf7d0;--color-status-info: #60a5fa;--color-status-infobackground: rgba(59, 130, 246, .1);--color-status-infoborder: rgba(59, 130, 246, .3);--color-status-infotext: #bfdbfe;--color-form-background: #1f2937;--color-form-border: #4b5563;--color-form-borderfocus: #60a5fa;--color-form-bordererror: #f87171;--color-form-text: #f3f4f6;--color-form-placeholder: #9ca3af;--color-focusring: #60a5fa;--color-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--color-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .12);--color-shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .12);--color-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--color-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 10px 10px -5px rgba(0, 0, 0, .08);--color-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){[data-theme=auto]{--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #6b7280;--color-text-muted: #9ca3af;--color-text-inverse: #111827;--color-text-onprimary: #ffffff;--color-text-heading-primary: #f9fafb;--color-text-heading-secondary: #f3f4f6;--color-text-heading-accent: #60a5fa;--color-background-primary: #111827;--color-background-secondary: #1f2937;--color-background-subtle: #1f2937;--color-background-surface: #1f2937;--color-background-surfaceelevated: #374151;--color-background-overlay: rgba(0, 0, 0, .7);--color-border-primary: #374151;--color-border-secondary: #4b5563;--color-border-strong: #6b7280;--color-border-subtle: #1f2937;--color-border-focus: #60a5fa;--color-interactive-primary: #60a5fa;--color-interactive-primaryhover: #93c5fd;--color-interactive-primaryactive: #bfdbfe;--color-interactive-secondary: #9ca3af;--color-interactive-secondaryhover: #d1d5db;--color-status-error: #f87171;--color-status-errorbackground: rgba(239, 68, 68, .1);--color-status-errorborder: rgba(239, 68, 68, .3);--color-status-errortext: #fecaca;--color-status-warning: #fbbf24;--color-status-warningbackground: rgba(245, 158, 11, .1);--color-status-warningborder: rgba(245, 158, 11, .3);--color-status-warningtext: #fef3c7;--color-status-success: #4ade80;--color-status-successbackground: rgba(34, 197, 94, .1);--color-status-successborder: rgba(34, 197, 94, .3);--color-status-successtext: #bbf7d0;--color-status-info: #60a5fa;--color-status-infobackground: rgba(59, 130, 246, .1);--color-status-infoborder: rgba(59, 130, 246, .3);--color-status-infotext: #bfdbfe;--color-form-background: #1f2937;--color-form-border: #4b5563;--color-form-borderfocus: #60a5fa;--color-form-bordererror: #f87171;--color-form-text: #f3f4f6;--color-form-placeholder: #9ca3af;--color-focusring: #60a5fa;--color-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--color-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .12);--color-shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .12);--color-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--color-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 10px 10px -5px rgba(0, 0, 0, .08);--color-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .5)}}.u-focus-ring-target:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:var(--color-focus-ring-offset);border-radius:var(--radius-2)}.u-focus-ring-target{transition:outline-color .15s ease,outline-offset .15s ease}.u-stack>*+*{margin-top:var(--stack-gap, var(--spacing-4, 1rem))}.u-inline{display:flex;flex-wrap:wrap;gap:var(--inline-gap, var(--spacing-3, .75rem))}.u-visually-hidden{position:absolute!important;width:var(--spacing-px)!important;height:var(--spacing-px)!important;padding:0!important;margin:calc(-1 * var(--spacing-px))!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.u-stack{display:flex;flex-direction:column}.u-stack-xs{gap:var(--spacing-4)}.u-stack-sm{gap:var(--spacing-8)}.u-stack-md{gap:var(--spacing-16)}.u-stack-lg{gap:var(--spacing-24)}.u-stack-xl{gap:var(--spacing-32)}.u-inline{display:flex;flex-direction:row;align-items:center}.u-inline-xs{gap:var(--spacing-4)}.u-inline-sm{gap:var(--spacing-8)}.u-inline-md{gap:var(--spacing-16)}.u-inline-lg{gap:var(--spacing-24)}.u-inline-xl{gap:var(--spacing-32)}.u-gap-xs{gap:var(--spacing-4)}.u-gap-sm{gap:var(--spacing-8)}.u-gap-md{gap:var(--spacing-16)}.u-gap-lg{gap:var(--spacing-24)}.u-gap-xl{gap:var(--spacing-32)}@media (prefers-reduced-motion: reduce){.u-focus-ring-target{transition:none!important}}*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;font-size:var(--font-size-16)}html,body{padding:0;margin:0;font-family:var(--font-family-primary);background:linear-gradient(145deg,var(--color-slate-100) 0%,var(--color-slate-200) 50%,var(--color-slate-300) 100%);color:var(--color-text-primary);font-size:var(--font-size-16);line-height:var(--line-height-normal);min-height:100vh}body{overflow-x:hidden}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:.01s!important}}body[data-theme=dark]{background:linear-gradient(145deg,var(--color-slate-800) 0%,var(--color-slate-900) 50%,var(--color-gray-900) 100%)}@media (prefers-color-scheme: dark){body[data-theme=auto]{background:linear-gradient(145deg,var(--color-slate-800) 0%,var(--color-slate-900) 50%,var(--color-gray-900) 100%)}}@media (prefers-color-scheme: light){body[data-theme=auto]{background:linear-gradient(145deg,var(--color-slate-100) 0%,var(--color-slate-200) 50%,var(--color-slate-300) 100%)}}h1,h2,h3,h4,h5,h6{margin:0!important;font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-heading-primary);text-wrap:balance}h1{font-size:var(--font-size-30);font-weight:var(--font-weight-bold);color:var(--color-text-heading-primary)}h2{font-size:var(--font-size-24);font-weight:var(--font-weight-semibold);color:var(--color-text-heading-primary)}h3{font-size:var(--font-size-20);font-weight:var(--font-weight-semibold);color:var(--color-text-heading-secondary)}h4{font-size:var(--font-size-18);font-weight:var(--font-weight-medium);color:var(--color-text-heading-secondary)}h5{font-size:var(--font-size-16);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}h6{font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}p{margin:0;line-height:var(--line-height-normal)}:root{--link-color: var(--color-primary-600);--link-hover-color: var(--color-primary-700)}body[data-theme=dark]{--link-color: var(--color-primary-400);--link-hover-color: var(--color-primary-300)}@media (prefers-color-scheme: dark){body[data-theme=auto]{--link-color: var(--color-primary-400);--link-hover-color: var(--color-primary-300)}}a{color:var(--color-primary-600);text-decoration:underline;transition:color .2s ease;cursor:pointer}a:hover{color:var(--color-primary-700)}a:focus{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-4)}a:active{color:var(--color-primary-800)}a:visited{color:var(--color-primary-700)}body[data-theme=dark] a{color:var(--color-primary-200)}body[data-theme=dark] a:hover{color:var(--color-primary-100)}body[data-theme=dark] a:active,body[data-theme=dark] a:visited{color:var(--color-primary-300)}@media (prefers-color-scheme: dark){body[data-theme=auto] a{color:var(--color-primary-200)}body[data-theme=auto] a:hover{color:var(--color-primary-100)}body[data-theme=auto] a:active,body[data-theme=auto] a:visited{color:var(--color-primary-300)}}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-16)}.button{color:var(--color-text-inverse);border:1px solid var(--color-border-primary);border-radius:var(--radius-6);padding:var(--spacing-12) var(--spacing-24);cursor:pointer;background-color:var(--color-interactive-primary);font-size:var(--font-size-16);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.button:hover{background-color:var(--color-interactive-primary-hover)}.button:active{background-color:var(--color-interactive-primary-active)}.button.primary{background-color:var(--color-interactive-primary);border-color:var(--color-interactive-primary);color:var(--color-text-inverse)}.button:hover{opacity:.8;transform:translateY(-1px);box-shadow:var(--shadow-base)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.input-field{color:var(--color-form-text);border:1px solid var(--color-form-border);border-radius:var(--radius-6);padding:var(--spacing-12);background-color:var(--color-form-background);font-size:var(--font-size-16);font-family:var(--font-family-primary);width:100%;transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{border-color:var(--color-form-border-focus);outline:none;box-shadow:0 0 0 3px var(--color-border-focus)}.input-field::placeholder{color:var(--color-form-placeholder)}.avatar{border-radius:var(--radius-full);overflow:hidden;max-width:100%;border:2px solid var(--color-neutral-700)}.avatar.image{object-fit:cover}.form-widget{background-color:var(--color-neutral-800);border:1px solid var(--color-neutral-700);border-radius:var(--radius-8);padding:var(--spacing-8);box-shadow:var(--shadow-lg)}.form-widget>div:not(:last-child){margin-bottom:var(--spacing-6)}.header{font-size:var(--font-size-24);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);text-align:center;color:var(--color-neutral-50)}.description{text-align:center;margin-bottom:var(--spacing-6);color:var(--color-neutral-300);font-size:var(--font-size-16)}@keyframes pbPulse{0%,to{opacity:1}50%{opacity:.4}}.pb-slide-in-right{animation:pbSlideInFromRight .4s cubic-bezier(.25,.46,.45,.94)}.pb-slide-in-left{animation:pbSlideInFromLeft .4s cubic-bezier(.25,.46,.45,.94)}.pb-slide-in-top{animation:pbSlideInFromTop .4s cubic-bezier(.25,.46,.45,.94)}.pb-slide-in-bottom{animation:pbSlideInFromBottom .4s cubic-bezier(.25,.46,.45,.94)}.pb-fade-in{animation:pbFadeIn .3s ease-out}.pb-fade-in-delayed{animation:pbFadeIn .4s ease-out .1s both}.pb-scale-in{animation:pbScaleIn .3s cubic-bezier(.25,.46,.45,.94)}.pb-spin{animation:pbSpin 1s linear infinite}.pb-pulse{animation:pbPulse 2s ease-in-out infinite}.pb-shake{animation:pbShake .4s ease-in-out}@keyframes pbSlideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pbSlideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pbSlideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pbSlideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pbScaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pbPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pbShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}