:root{--color-background: #F4F4F6;--color-surface: #FFFFFF;--color-primary: #111111;--color-neutral-100: #F8F8F8;--color-neutral-200: #E5E5E5;--color-neutral-300: #D4D4D4;--color-neutral-400: #A3A3A3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-accent-beige: #F5F1E8;--color-accent-warm: #E8DCC8;--font-serif: "Playfair Display", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-2xl: 40px;--radius-pill: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-serif{font-family:var(--font-serif)}.text-sans{font-family:var(--font-sans)}.surface{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.pill{border-radius:var(--radius-pill)}.rounded-card{border-radius:var(--radius-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}::selection{background-color:var(--color-primary);color:var(--color-surface)}