*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #fafafa;--text-primary: rgba(0, 0, 0, .88);--text-secondary: rgba(0, 0, 0, .65);--border-color: #d9d9d9;--gradient-start: #667eea;--gradient-end: #764ba2;--card-bg: #ffffff;--code-bg: #f6ffed;--code-bg-steam: #e6f7ff}.dark{--bg-primary: #141414;--bg-secondary: #1f1f1f;--bg-tertiary: #262626;--text-primary: rgba(255, 255, 255, .88);--text-secondary: rgba(255, 255, 255, .65);--border-color: #424242;--gradient-start: #4a5568;--gradient-end: #2d3748;--card-bg: #1f1f1f;--code-bg: #1a2e1a;--code-bg-steam: #1a2a3a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s,color .3s}#root{min-height:100vh}*,*:before,*:after{transition:background-color .2s,border-color .2s,color .1s}.dark ::-webkit-scrollbar{width:8px;height:8px}.dark ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background:#555}