:root{--ink:#211d18;--paper:#f4f0e6;--nav-bg:#f4f0e6f2;--card:#fffdf7;--subink:#6b6256;--faint:#9a9182;--tint1:#f4efe3;--tint2:#f3ede0;--tint3:#f3ecdc;--tint4:#f2ead9;--tint5:#f2e9d5;--b05:#00000005;--b06:#00000006;--b0a:#0000000a;--b0f:#0000000f;--b10:#00000010;--b12:#00000012;--b14:#00000014;--b16:#00000016;--b18:#00000018;--b1a:#0000001a;--b1f:#0000001f;--b22:#00000022;--b30:#00000030;--b33:#00000033}html[data-theme=dark]{--ink:#ece6da;--paper:#14120e;--nav-bg:#14120eee;--card:#1f1b15;--subink:#a39b8c;--faint:#6f685b;--tint1:#161310;--tint2:#181410;--tint3:#1a1510;--tint4:#1c160f;--tint5:#1e170e;--b05:#ffffff06;--b06:#ffffff08;--b0a:#ffffff12;--b0f:#ffffff14;--b10:#ffffff16;--b12:#ffffff18;--b14:#ffffff1c;--b16:#ffffff1f;--b18:#ffffff22;--b1a:#ffffff26;--b1f:#ffffff2c;--b22:#ffffff30;--b30:#ffffff3a;--b33:#ffffff40}*{box-sizing:border-box}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body,html{margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}@media (min-width:640px){.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}}input[type=range]{height:22px}.tile{transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,border-color .25s}.tile:hover{transform:translateY(-3px);box-shadow:8px 10px 0 var(--b0f)}.navlink{transition:color .2s,background .2s,border-color .2s}.navlink:hover{background:var(--ink);color:var(--paper)}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fadein{animation:fadein .4s ease both}.smooth{transition:all .35s cubic-bezier(.2,.7,.3,1)}@media (prefers-reduced-motion:reduce){.fadein{animation:none}.navlink,.smooth,.tile{transition:none}}.nav-quick{display:flex;gap:5px}@media (max-width:600px){.nav-quick{display:none}}