:root{--bg-main: #0a0a0f;--bg-card: #111118;--bg-code: #16161e;--border-main: #1e1e2e;--border-strong: #2e2e3e;--text-main: #e2e8f0;--text-heading: #f8fafc;--text-muted: #64748b;--text-subtle: #475569;--text-muted-alt: #94a3b8;--bg-hover-light: #ffffff06;--bg-hover-light-alt: #ffffff04;--bg-gradient-top: #0f0f1a;--bg-gradient-bot: #0a0a0f;--shadow-color: rgba(0, 0, 0, .7)}.light-mode{--bg-main: #f3f4f6;--bg-card: #ffffff;--bg-code: #e5e7eb;--border-main: #cbd5e1;--border-strong: #94a3b8;--text-main: #0f172a;--text-heading: #020617;--text-muted: #475569;--text-subtle: #64748b;--text-muted-alt: #334155;--bg-hover-light: #0000000e;--bg-hover-light-alt: #0000000a;--bg-gradient-top: #ffffff;--bg-gradient-bot: #f1f5f9;--shadow-color: rgba(255, 255, 255, .7)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-main);color:var(--text-main)}.App{font-family:sans-serif;text-align:center}button{transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.96)}.animate-enter{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}