:root{--bg-primary:#fff;--bg-secondary:#f4f4f4;--bg-tertiary:#fff;--text-primary:#2c3e50;--text-secondary:#666;--accent:#3498db;--accent-hover:#2980b9;--success:#2ecc71;--border:#ddd;--shadow:rgba(0,0,0,.1);--code-bg:#f8f8f8}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#333;--text-primary:#fff;--text-secondary:#ccc;--accent:#5dade2;--accent-hover:#3498db;--success:#58d68d;--border:#555;--shadow:rgba(0,0,0,.3);--code-bg:#404040}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body{color:var(--text-primary);background-color:var(--bg-secondary)}a{color:inherit;text-decoration:none}pre{color:var(--text-primary);border-radius:4px;padding:10px;overflow:auto;font-size:14px}code,pre{background-color:var(--code-bg);font-family:Courier New,monospace}code{padding:2px 4px;border-radius:2px}button{transition:background-color .3s ease,color .3s ease}input{transition:border-color .3s ease,background-color .3s ease,color .3s ease}