:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--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: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--sidebar-width: 220px;--sidebar-collapsed: 48px;--header-height: 48px;--activity-bar-width: 48px;--bottom-nav-height: 56px;--card-radius: 12px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700}[data-theme=klaara][data-mode=light]{--color-primary: #6366F1;--color-primary-hover: #4F46E5;--color-primary-light: #EEF2FF;--color-primary-50: #EEF2FF;--color-primary-100: #E0E7FF;--color-primary-200: #C7D2FE;--color-primary-500: #6366F1;--color-primary-600: #4F46E5;--color-primary-700: #4338CA;--color-secondary: #EC4899;--color-background: #FFFFFF;--color-background-secondary: #F9FAFB;--color-surface: #FFFFFF;--color-surface-primary: #FFFFFF;--color-surface-secondary: #F9FAFB;--color-surface-tertiary: #F3F4F6;--color-surface-hover: #F9FAFB;--color-text: #111827;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-muted: #9CA3AF;--color-accent: #6366F1;--color-accent-primary: #6366F1;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-hover: #F3F4F6;--color-active: #EEF2FF;--color-success: #10B981;--color-success-light: #D1FAE5;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-sender-own: var(--color-primary);--color-sender-peer: var(--color-secondary);--color-sender-assistant: var(--color-primary);--color-folder-orange: #F97316;--color-folder-green: #10B981;--color-folder-blue: #3B82F6;--color-folder-pink: #EC4899;--color-folder-cyan: #06B6D4;--color-folder-purple: #8B5CF6;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827}[data-theme=klaara][data-mode=dark]{--color-primary: #818CF8;--color-primary-hover: #6366F1;--color-primary-light: #312E81;--color-primary-50: #312E81;--color-primary-100: #3730A3;--color-primary-200: #4338CA;--color-primary-500: #818CF8;--color-primary-600: #6366F1;--color-primary-700: #4F46E5;--color-secondary: #F472B6;--color-background: #111827;--color-background-secondary: #1F2937;--color-surface: #1F2937;--color-surface-primary: #1F2937;--color-surface-secondary: #374151;--color-surface-tertiary: #4B5563;--color-surface-hover: #374151;--color-text: #F9FAFB;--color-text-primary: #F9FAFB;--color-text-secondary: #9CA3AF;--color-text-tertiary: #6B7280;--color-text-muted: #6B7280;--color-accent: #818CF8;--color-accent-primary: #818CF8;--color-border: #374151;--color-border-light: #4B5563;--color-hover: #374151;--color-active: #312E81;--color-success: #34D399;--color-success-light: #064E3B;--color-warning: #FBBF24;--color-warning-light: #78350F;--color-error: #F87171;--color-error-light: #7F1D1D;--color-info: #60A5FA;--color-info-light: #1E3A8A;--color-sender-own: var(--color-primary);--color-sender-peer: var(--color-secondary);--color-sender-assistant: var(--color-primary);--color-folder-orange: #FB923C;--color-folder-green: #34D399;--color-folder-blue: #60A5FA;--color-folder-pink: #F472B6;--color-folder-cyan: #22D3EE;--color-folder-purple: #A78BFA;--gray-50: #111827;--gray-100: #1F2937;--gray-200: #374151;--gray-300: #4B5563;--gray-400: #6B7280;--gray-500: #9CA3AF;--gray-600: #D1D5DB;--gray-700: #E5E7EB;--gray-800: #F3F4F6;--gray-900: #F9FAFB}@media(min-width:768px){:root{--header-height: 56px}}@media(min-width:1024px){:root{--header-height: 64px}}*{transition:background-color .05s ease-in-out,color .05s ease-in-out,border-color .05s ease-in-out}