:root{--bg-color:#e6e6e6;--card-bg:#ededed;--text-primary:#222;--text-secondary:#555;--border-color:#ccc;--hover-bg:#e0e0e0;--input-bg:#ededed;--input-focus-bg:#e6e6e6;--code-bg:#e2e2e2;--notification-bg:#222;--error-bg:#f8eaea;--error-color:#b03060;--error-border:#b03060;--success-color:#22863a}[data-theme=dark]{--bg-color:#1a1a1a;--card-bg:#2a2a2a;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--border-color:#404040;--hover-bg:#333;--input-bg:#2a2a2a;--input-focus-bg:#333;--code-bg:#333;--notification-bg:#404040;--error-bg:#3d1a1a;--error-color:#ff6b6b;--error-border:#d63384;--success-color:#4ade80}.theme-toggle{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.theme-toggle:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.theme-icon{color:var(--text-secondary);height:18px;transition:color .2s ease;width:18px}.theme-toggle:hover .theme-icon{color:var(--text-primary)}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}