:root{--ds-color-primary-50: #eef0f9;--ds-color-primary-100: #d5d9f0;--ds-color-primary-200: #b9c0e5;--ds-color-primary-300: #9ca7d9;--ds-color-primary-400: #8793d0;--ds-color-primary-500: #727fc7;--ds-color-primary-600: #5a63b0;--ds-color-primary-700: #454e9a;--ds-color-primary-800: #2d398e;--ds-color-primary-900: #1e2761;--ds-color-primary: #2d398e;--ds-color-secondary-50: #e8f7fd;--ds-color-secondary-100: #c7ebf9;--ds-color-secondary-200: #a1def5;--ds-color-secondary-300: #7bd1f1;--ds-color-secondary-400: #5ec8ee;--ds-color-secondary-500: #44c0eb;--ds-color-secondary-600: #3aade4;--ds-color-secondary-700: #2e95d9;--ds-color-secondary-800: #237dce;--ds-color-secondary-900: #0f57b8;--ds-color-secondary: #44c0eb;--ds-color-neutral-0: #ffffff;--ds-color-neutral-50: #f8fafc;--ds-color-neutral-100: #f1f5f9;--ds-color-neutral-200: #e2e8f0;--ds-color-neutral-300: #cbd5e1;--ds-color-neutral-400: #94a3b8;--ds-color-neutral-500: #64748b;--ds-color-neutral-600: #475569;--ds-color-neutral-700: #334155;--ds-color-neutral-800: #1e293b;--ds-color-neutral-900: #0f172a;--ds-color-success-50: #ecfdf5;--ds-color-success-100: #d1fae5;--ds-color-success-500: #10b981;--ds-color-success-600: #059669;--ds-color-success-700: #047857;--ds-color-warning-50: #fffbeb;--ds-color-warning-100: #fef3c7;--ds-color-warning-500: #f59e0b;--ds-color-warning-600: #d97706;--ds-color-warning-700: #b45309;--ds-color-error-50: #fef2f2;--ds-color-error-100: #fee2e2;--ds-color-error-500: #ef4444;--ds-color-error-600: #dc2626;--ds-color-error-700: #b91c1c;--ds-color-info-50: #e8f7fd;--ds-color-info-100: #c7ebf9;--ds-color-info-500: #44c0eb;--ds-color-info-600: #3aade4;--ds-color-info-700: #2e95d9}:root{--ds-space-0: 0;--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.25rem;--ds-space-6: 1.5rem;--ds-space-8: 2rem;--ds-space-10: 2.5rem;--ds-space-12: 3rem;--ds-space-16: 4rem;--ds-space-20: 5rem;--ds-space-24: 6rem}:root{--ds-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ds-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--ds-text-xs: .75rem;--ds-text-sm: .875rem;--ds-text-base: 1rem;--ds-text-lg: 1.125rem;--ds-text-xl: 1.25rem;--ds-text-2xl: 1.5rem;--ds-text-3xl: 1.875rem;--ds-text-4xl: 2.25rem;--ds-leading-none: 1;--ds-leading-tight: 1.25;--ds-leading-snug: 1.375;--ds-leading-normal: 1.5;--ds-leading-relaxed: 1.625;--ds-font-normal: 400;--ds-font-medium: 500;--ds-font-semibold: 600;--ds-font-bold: 700;--ds-tracking-tight: -.025em;--ds-tracking-normal: 0;--ds-tracking-wide: .025em}:root{--ds-radius-none: 0;--ds-radius-sm: .125rem;--ds-radius-base: .25rem;--ds-radius-md: .375rem;--ds-radius-lg: .5rem;--ds-radius-xl: .75rem;--ds-radius-2xl: 1rem;--ds-radius-full: 9999px;--ds-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--ds-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--ds-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--ds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--ds-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--ds-transition-fast: .15s ease;--ds-transition-base: .2s ease;--ds-transition-slow: .3s ease;--ds-z-base: 0;--ds-z-dropdown: 1000;--ds-z-sticky: 1020;--ds-z-fixed: 1030;--ds-z-modal-backdrop: 1040;--ds-z-modal: 1050;--ds-z-popover: 1060;--ds-z-tooltip: 1070}:root,[data-theme=light]{--ds-bg-base: var(--ds-color-neutral-0);--ds-bg-surface: var(--ds-color-neutral-50);--ds-bg-elevated: var(--ds-color-neutral-0);--ds-bg-overlay: rgba(0, 0, 0, .5);--ds-text-primary: var(--ds-color-neutral-900);--ds-text-secondary: var(--ds-color-neutral-600);--ds-text-muted: var(--ds-color-neutral-500);--ds-text-disabled: var(--ds-color-neutral-400);--ds-text-inverse: var(--ds-color-neutral-0);--ds-border-base: var(--ds-color-neutral-200);--ds-border-strong: var(--ds-color-neutral-300);--ds-border-focus: var(--ds-color-primary);--ds-interactive-primary: var(--ds-color-primary);--ds-interactive-primary-hover: var(--ds-color-primary-700);--ds-interactive-primary-active: var(--ds-color-primary-900);--ds-interactive-secondary: var(--ds-color-secondary);--ds-interactive-secondary-hover: var(--ds-color-secondary-600);--ds-status-success-bg: var(--ds-color-success-50);--ds-status-success-text: var(--ds-color-success-700);--ds-status-warning-bg: var(--ds-color-warning-50);--ds-status-warning-text: var(--ds-color-warning-700);--ds-status-error-bg: var(--ds-color-error-50);--ds-status-error-text: var(--ds-color-error-700);--ds-status-info-bg: var(--ds-color-info-50);--ds-status-info-text: var(--ds-color-info-700)}[data-theme=dark]{--ds-bg-base: var(--ds-color-neutral-900);--ds-bg-surface: var(--ds-color-neutral-800);--ds-bg-elevated: var(--ds-color-neutral-700);--ds-bg-overlay: rgba(0, 0, 0, .7);--ds-text-primary: var(--ds-color-neutral-50);--ds-text-secondary: var(--ds-color-neutral-300);--ds-text-muted: var(--ds-color-neutral-400);--ds-text-disabled: var(--ds-color-neutral-600);--ds-text-inverse: var(--ds-color-neutral-900);--ds-border-base: var(--ds-color-neutral-700);--ds-border-strong: var(--ds-color-neutral-600);--ds-border-focus: var(--ds-color-primary-400);--ds-interactive-primary: var(--ds-color-primary-400);--ds-interactive-primary-hover: var(--ds-color-primary-300);--ds-interactive-primary-active: var(--ds-color-primary-200)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{line-height:var(--ds-leading-normal);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{background:none;border:none;padding:0;cursor:pointer}ul,ol{list-style:none;padding:0}table{border-collapse:collapse;border-spacing:0}body{font-family:var(--ds-font-sans);font-size:var(--ds-text-base);color:var(--ds-text-primary);background-color:var(--ds-bg-base)}#app{min-height:100vh;width:100%}h1{font-size:var(--ds-text-4xl);font-weight:var(--ds-font-bold);line-height:var(--ds-leading-tight)}h2{font-size:var(--ds-text-3xl);font-weight:var(--ds-font-bold);line-height:var(--ds-leading-tight)}h3{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-semibold);line-height:var(--ds-leading-snug)}h4{font-size:var(--ds-text-xl);font-weight:var(--ds-font-semibold);line-height:var(--ds-leading-snug)}h5{font-size:var(--ds-text-lg);font-weight:var(--ds-font-medium);line-height:var(--ds-leading-normal)}h6{font-size:var(--ds-text-base);font-weight:var(--ds-font-medium);line-height:var(--ds-leading-normal)}p{margin-bottom:var(--ds-space-4)}a:hover{color:var(--ds-interactive-primary)}code{font-family:var(--ds-font-mono);font-size:.875em;background:var(--ds-bg-surface);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-base)}::selection{background:var(--ds-color-primary-200);color:var(--ds-color-primary-900)}:focus-visible{outline:2px solid var(--ds-border-focus);outline-offset:2px}