:root{--bg:#f3ece4;--s1:#faf6f1;--s2:#fff;--s3:#f3ece4;--b1:#ece5dd;--b2:#ddd4c8;--t1:#2a2622;--t2:#8c857c;--t3:#b3aaa0;--orange:#e8772e;--odim:#e8772e1f;--oborder:#e8772e47;--green:#639922;--gdim:#6399221f;--gborder:#63992247;--red:#d4537e;--rdim:#d4537e1f;--rborder:#d4537e47;--blue:#2f9bdd;--bdim:#2f9bdd1f;--bborder:#2f9bdd47;--purple:#7c5cd4;--pdim:#7c5cd41f;--pborder:#7c5cd447;--amber:#e8772e;--oncolor:#fff;--r:10px;--r2:16px;--r3:20px;--font:"DM Sans",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--t1);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background .25s,color .25s}#root{max-width:760px;margin:0 auto}input,select,textarea,button{font-family:var(--font);outline:none;font-size:14px}input,select,textarea{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);width:100%;color:var(--t1);padding:10px 12px;font-size:16px;transition:border .15s}input:focus,select:focus,textarea:focus{border-color:var(--orange)}input::placeholder,textarea::placeholder{color:var(--t3)}textarea{resize:vertical;min-height:100px;line-height:1.6}button{cursor:pointer;transition:all .15s}