:root{--color-warm-slate-50: oklch(97% .003 250);--color-warm-slate-100: oklch(94% .005 250);--color-warm-slate-200: oklch(88% .008 250);--color-warm-slate-300: oklch(78% .01 250);--color-warm-slate-400: oklch(65% .012 250);--color-warm-slate-500: oklch(55% .015 250);--color-warm-slate-600: oklch(45% .015 250);--color-warm-slate-700: oklch(35% .012 250);--color-warm-slate-800: oklch(25% .01 250);--color-warm-slate-900: oklch(18% .008 250);--color-warm-slate-950: oklch(12% .005 250);--color-paper: var(--color-warm-slate-50);--color-chrome: var(--color-warm-slate-100);--color-elevated: var(--color-warm-slate-200);--color-divider: var(--color-warm-slate-200);--color-border: var(--color-warm-slate-300);--color-text-primary: var(--color-warm-slate-700);--color-text-secondary: var(--color-warm-slate-500);--color-text-tertiary: var(--color-warm-slate-400);--color-text-inverse: var(--color-warm-slate-100);--color-text-on-primary: var(--color-warm-slate-50);--color-primary: var(--color-warm-slate-600);--color-primary-hover: var(--color-warm-slate-700);--color-primary-active: var(--color-warm-slate-800);--color-surface-hover: var(--color-warm-slate-100);--color-surface-active: var(--color-warm-slate-200);--color-surface-selected: oklch(92% .008 250);--color-saved: oklch(55% .06 145);--color-saved-bg: oklch(95% .015 145);--color-pending: oklch(72% .07 85);--color-pending-bg: oklch(96% .02 85);--color-conflict: oklch(52% .09 25);--color-conflict-bg: oklch(94% .02 25);--color-readonly: var(--color-warm-slate-400);--color-readonly-bg: var(--color-warm-slate-200);--font-sans: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-display: 2rem;--text-headline: 1.5rem;--text-title: 1.125rem;--text-body: 1rem;--text-label: .75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--leading-display: 1.2;--leading-headline: 1.3;--leading-title: 1.4;--leading-body: 1.6;--leading-label: 1.4;--leading-tight: 1.25;--leading-snug: 1.375;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-hover: 0 1px 3px oklch(25% .01 250 / .08);--shadow-ambient: 0 4px 24px oklch(25% .01 250 / .12);--shadow-focus: 0 0 0 2px oklch(55% .015 250 / .25);--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--duration-instant: 75ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}html[data-theme=dark]{color-scheme:dark;--color-paper: var(--color-warm-slate-950);--color-chrome: var(--color-warm-slate-900);--color-elevated: var(--color-warm-slate-800);--color-divider: var(--color-warm-slate-800);--color-border: var(--color-warm-slate-700);--color-text-primary: var(--color-warm-slate-100);--color-text-secondary: var(--color-warm-slate-400);--color-text-tertiary: var(--color-warm-slate-500);--color-text-inverse: var(--color-warm-slate-950);--color-text-on-primary: var(--color-warm-slate-50);--color-primary: var(--color-warm-slate-400);--color-primary-hover: var(--color-warm-slate-300);--color-primary-active: var(--color-warm-slate-200);--color-surface-hover: var(--color-warm-slate-800);--color-surface-active: var(--color-warm-slate-700);--color-surface-selected: oklch(22% .012 250);--color-readonly: var(--color-warm-slate-400);--color-readonly-bg: var(--color-warm-slate-800);--color-saved: oklch(72% .055 145);--color-saved-bg: oklch(22% .028 145);--color-pending: oklch(78% .06 85);--color-pending-bg: oklch(24% .03 85);--color-conflict: oklch(72% .07 25);--color-conflict-bg: oklch(22% .025 25);--shadow-hover: 0 1px 3px oklch(5% .02 250 / .45);--shadow-ambient: 0 4px 24px oklch(5% .02 250 / .35);--shadow-focus: 0 0 0 2px oklch(72% .02 250 / .35)}html{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}