:root{--bg:#ffffff;--bg2:#f5f5f3;--bg3:#eeede8;--text:#1a1a1a;--text2:#555555;--text3:#999999;--border:#e0dfd8;--border2:#cccccc;--purple:#534ab7;--purple-light:#eeedfe;--purple-dark:#3c3489;--purple-mid:#7f77dd;--green:#0f6e56;--green-light:#e1f5ee;--teal:#1d9e75;--teal-light:#e1f5ee;--card-bg:#ffffff;--code-bg:#f0efe8;--code-text:#1a1a1a;--output-bg:#f8f8f5}.dark{--bg:#1a1a1a;--bg2:#242424;--bg3:#2c2c2a;--text:#f0f0f0;--text2:#aaaaaa;--text3:#666666;--border:#333333;--border2:#444444;--purple:#7f77dd;--purple-light:#26215c;--purple-dark:#afa9ec;--green:#5dcaa5;--green-light:#04342c;--teal:#5dcaa5;--teal-light:#04342c;--card-bg:#242424;--code-bg:#2c2c2a;--code-text:#e0e0e0;--output-bg:#1e1e1e}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);transition:background .2s,color .2s;line-height:1.6}.divider{height:.5px;background:var(--border);margin:0 1.5rem}