#root{width:100%;min-height:100vh;display:flex;flex-direction:column}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}:root{--color-bg: #000000;--color-surface: #0a0a0a;--color-surface-light: #1a1a1a;--color-text: #ffffff;--color-text-muted: #888888;--color-accent: #D9534F;--color-accent-glow: rgba(217, 83, 79, .4);--color-accent-vibrant: #ff0f0f;--font-display: "Playfair Display", "Italiana", "Noto Serif SC", serif;--font-body: "Inter", "Noto Sans SC", sans-serif;--font-chinese-serif: "Noto Serif SC", serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--header-height: 60px;--border-radius: 8px;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--transition-fast: .3s var(--ease-out-expo);--transition-slow: .8s var(--ease-out-expo)}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;margin:0}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 1s var(--ease-out-expo) forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}