:root{--font-display: "Noto Serif SC", "Source Han Serif SC", Georgia, serif;--font-body: "DM Sans", "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--color-bg-primary: #FAF9F7;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #F5F3EF;--color-bg-elevated: #FFFCF8;--color-text-primary: #2C2825;--color-text-secondary: #6B6560;--color-text-tertiary: #9C9590;--color-text-inverse: #FFFFFF;--color-accent-primary: #D4A574;--color-accent-primary-hover: #C49565;--color-accent-secondary: #E8D5C4;--color-success: #7BA98F;--color-warning: #E5B567;--color-error: #D48A8A;--color-info: #8AAED4;--color-border: #E8E4DF;--color-divider: #EDEBE7;--shadow-sm: 0 1px 2px rgba(44, 40, 37, .04);--shadow-md: 0 4px 12px rgba(44, 40, 37, .08);--shadow-lg: 0 8px 24px rgba(44, 40, 37, .12);--shadow-xl: 0 16px 48px rgba(44, 40, 37, .16);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh}#app{min-height:100vh}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background:var(--color-accent-secondary);color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-enter-active{animation:fadeIn .3s ease forwards}@keyframes cardHover{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.btn-press{transform:scale(.98);transition:transform .1s ease}.btn-press:active{transform:scale(.96)}