*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg:#e8dcc8;--c-surface:#dfd3bb;--c-surface2:#d3c7ae;--c-border:#50371938;--c-border2:#50371966;--c-text:#1a0e02;--c-muted:#7a6245;--c-accent:#b83820;--c-accent2:#7a4200;--c-red:#b83820;--c-green:#3d7a1e;--c-yellow:#b88000;--c-blue:#2a5a96;--c-orange:#c84a00;--r-sm:4px;--r-md:6px;--r-lg:8px;--shadow-sm:2px 2px 0 #0000002e;--shadow-md:3px 3px 0 #0000002e;--shadow-window:3px 3px 0 #00000038, 1px 1px 0 #0000001a;--bevel-up:inset 1px 1px 0 #ffffff8c, inset -1px -1px 0 #0000002e;--bevel-down:inset -1px -1px 0 #ffffff59, inset 1px 1px 0 #0000002e}html,body{background:var(--c-bg);height:100%;color:var(--c-text);background-image:radial-gradient(#0000000a 1px,#0000 1px);background-size:18px 18px;font-family:Nunito,sans-serif;font-size:16px}#root{z-index:1;min-height:100vh;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea{box-shadow:var(--bevel-down);font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-border2);border-radius:2px}