:root{--bg-primary: #0F0F12;--bg-secondary: #1A1A1E;--text-primary: #EAEAEA;--text-secondary: #B0A8A8;--accent-primary: #C97C7C;--accent-secondary: #E4A1A1;--divider: #2A2A2A;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 64px;--font-family: "Inter", sans-serif;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 32px;--font-size-xxl: 48px}[data-theme=light]{--bg-primary: #F9F5F5;--bg-secondary: #FFFFFF;--text-primary: #2A2A2A;--text-secondary: #5A5A5A;--divider: #E0E0E0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--divider);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-slide-up{animation:slideUp .8s ease-out forwards}