:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #ffffff;--bg-2: #fafafa;--bg-purple: #f5f0ff;--border: #e0e0e0;--border-lt: #f0f0f0;--text: #222222;--text-2: #555555;--text-3: #888888;--accent: #7B2D8E}@media(prefers-color-scheme:dark){:root{--bg: #1a1a2e;--bg-2: #252540;--bg-purple: #2d1b4e;--border: #334466;--border-lt: #2a2a45;--text: #e8e8f0;--text-2: #a0a0c0;--text-3: #708090;--accent: #b06dd0}}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{opacity:.8}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}input,select,textarea{color:var(--text);background-color:var(--bg)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-2);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}