@import"https://fonts.googleapis.com/css2?family=Fragment+Mono:ital@0;1&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=Instrument+Serif:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Rock+Salt&display=swap";@layer typography{:root{--ff-sans: "Host Grotesk", sans-serif;--ff-serif: "Instrument Serif", serif;--ff-mono: "Fragment Mono", monospace;--ff-handwriting: "Rock Salt", cursive}}@layer global{:root{--bx: 1rem;--by: 1rem;--gp: 1rem;--gt: 1rem;--pd: 1rem;--sp: 1rem;--mw: 120rem;--br: .5rem;--bw: 1px;--fs: .875rem;--ls: -0em;--fw: 400;--lh: 1.4;--fx: .2;--ff: var(--ff-mono)}}@layer dense{:root{--gp-lg: calc(var(--gp) * 1.5);--gp-sm: calc(var(--gp) * .5);--gt-lg: calc(var(--gt) * 1.5);--gt-sm: calc(var(--gt) * .5);--pd-lg: calc(var(--pd) * 1.5);--pd-sm: calc(var(--pd) * .5);--br-lg: calc(var(--br) * 1.5);--br-sm: calc(var(--br) * .5);--sp-lg: calc(var(--sp) * 1.5);--sp-sm: calc(var(--sp) * .5)}}@layer motion{:root{--td-f: .1s;--td: .2s;--td-s: .4s;--td-ss: .8s;--tf-io: cubic-bezier(.8, 0, .2, 1);--tf-i: cubic-bezier(.5, 0, .8, 0);--tf-o: cubic-bezier(.2, 1, .5, 1)}}:root,[data-theme],[data-tone]{color-scheme:light dark;--l: #ffe;--d: #012;--l: #fff;--d: #000;--l: hsl(60, 20%, 90%);--d: hsl(220, 20%, 10%);--s: light-dark(var(--l), var(--d));--t: light-dark(var(--d), var(--l));--a: light-dark(#08f, #06d);--f: var(--n05);--b: var(--n20);--g: var(--n40)}@layer tones{:root,[data-theme],[data-tone]{--n05: color-mix(in srgb, var(--t) 05%, var(--s));--n10: color-mix(in srgb, var(--t) 10%, var(--s));--n20: color-mix(in srgb, var(--t) 20%, var(--s));--n30: color-mix(in srgb, var(--t) 30%, var(--s));--n40: color-mix(in srgb, var(--t) 40%, var(--s));--n50: color-mix(in srgb, var(--t) 50%, var(--s));--n60: color-mix(in srgb, var(--t) 60%, var(--s));--n70: color-mix(in srgb, var(--t) 70%, var(--s));--n80: color-mix(in srgb, var(--t) 80%, var(--s));--n90: color-mix(in srgb, var(--t) 90%, var(--s));--n95: color-mix(in srgb, var(--t) 95%, var(--s));--a05: color-mix(in srgb, var(--a) 10%, var(--s));--a10: color-mix(in srgb, var(--a) 20%, var(--s));--a20: color-mix(in srgb, var(--a) 40%, var(--s));--a30: color-mix(in srgb, var(--a) 60%, var(--s));--a40: color-mix(in srgb, var(--a) 80%, var(--s));--a50: color-mix(in srgb, var(--a) 100%, var(--t));--a60: color-mix(in srgb, var(--a) 80%, var(--t));--a70: color-mix(in srgb, var(--a) 60%, var(--t));--a80: color-mix(in srgb, var(--a) 40%, var(--t));--a90: color-mix(in srgb, var(--a) 20%, var(--t));--a95: color-mix(in srgb, var(--a) 10%, var(--t));--s05: color-mix(in srgb, var(--s) 05%, transparent);--s10: color-mix(in srgb, var(--s) 10%, transparent);--s20: color-mix(in srgb, var(--s) 20%, transparent);--s30: color-mix(in srgb, var(--s) 30%, transparent);--s40: color-mix(in srgb, var(--s) 40%, transparent);--s50: color-mix(in srgb, var(--s) 50%, transparent);--s60: color-mix(in srgb, var(--s) 60%, transparent);--s70: color-mix(in srgb, var(--s) 70%, transparent);--s80: color-mix(in srgb, var(--s) 80%, transparent);--s90: color-mix(in srgb, var(--s) 90%, transparent);--s95: color-mix(in srgb, var(--s) 95%, transparent);--t05: color-mix(in srgb, var(--t) 05%, transparent);--t10: color-mix(in srgb, var(--t) 10%, transparent);--t20: color-mix(in srgb, var(--t) 20%, transparent);--t30: color-mix(in srgb, var(--t) 30%, transparent);--t40: color-mix(in srgb, var(--t) 40%, transparent);--t50: color-mix(in srgb, var(--t) 50%, transparent);--t60: color-mix(in srgb, var(--t) 60%, transparent);--t70: color-mix(in srgb, var(--t) 70%, transparent);--t80: color-mix(in srgb, var(--t) 80%, transparent);--t90: color-mix(in srgb, var(--t) 90%, transparent);--t95: color-mix(in srgb, var(--t) 95%, transparent)}}[data-theme],[data-tone]{background:var(--s);color:var(--t)}[data-theme*=tone]{background:var(--n05);color:var(--t);--f: light-dark(var(--l), var(--d));--b: var(--n20);--g: var(--n60)}[data-theme*=light]{color-scheme:light}[data-theme*=dark]{color-scheme:dark}::selection{background:var(--a20);color:var(--a90)}*{margin:0;padding:0;box-sizing:border-box;font:inherit}::-webkit-scrollbar{display:none}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scrollbar-gutter:stable}body{font-size:var(--fs);font-family:var(--ff);font-weight:var(--fw);letter-spacing:var(--ls);line-height:var(--lh);color:var(--t);background:var(--s);text-wrap:pretty;scrollbar-gutter:stable;min-height:100svh;display:flex;flex-direction:column}main{overflow:clip}header,section,footer{padding:var(--by) 0;display:flex;align-items:center;justify-content:center;width:100%}.c{padding:0 var(--bx);max-width:var(--mw);width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp)}.btns{display:flex;flex-wrap:wrap;gap:var(--gt)}.w{display:flex;flex-direction:column;gap:var(--gp)}.w.h{flex-direction:row}a{color:inherit}@media(hover:hover){a:not(:hover){text-decoration:none}}button{all:unset;cursor:pointer}.gp-lg{gap:var(--gp-lg)}.gp-sm{gap:var(--gp-sm)}.gt-lg{gap:var(--gt-lg)}.gt-sm{gap:var(--gt-sm)}.sb{display:flex;align-items:center;justify-content:space-between;width:100%}