@font-face{font-family:Inter;src:url(/inter.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@layer reset,base,layout,component,utilities;@layer reset{*,*:after,*:before{box-sizing:border-box}body{margin:0}}@layer base{:root{--color-bg: oklch(.98 .005 95);--color-surface: oklch(1 0 0);--color-text: oklch(.18 0 0);--color-text-muted: oklch(.45 0 0);--color-border: oklch(.85 0 0 / .6);--color-accent: oklch(70% .09 210);--color-accent-hover: oklch(72% .12 210);--color-shadow: oklch(0 0 0 / .06);--color-shadow-hover: oklch(0 0 0 / .1);--font-caption: .875rem;--font-body: 1rem;--font-h1: clamp(2.75rem, 5vw, 3.5rem);--font-h2: clamp(1.25rem, 4vw, 1.75rem);--measure: 65ch;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--motion-fast: .15s;--motion-medium: .2s;--motion-slow: .25s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}@media(prefers-color-scheme:dark){:root{--color-bg: oklch(.14 0 0);--color-surface: oklch(.18 0 0);--color-text: oklch(.96 0 0);--color-text-muted: oklch(.7 0 0);--color-border: oklch(.35 0 0 / .6);--color-shadow: oklch(0 0 0 / .3);--color-shadow-hover: oklch(0 0 0 / .5)}}html{font-family:Inter,sans-serif;line-height:1.5;letter-spacing:.1ch}body{background-color:var(--color-bg);background-image:url(/images/bg-light.png);background-size:contain;color:var(--color-text);font-weight:300;font-size:var(--font-body)}@media(prefers-color-scheme:dark){body{background-image:url(/images/bg-dark.png);background-blend-mode:difference}}h1,h2,h3{line-height:1.2;margin:0;font-weight:300}h1{font-size:var(--font-h1)}h2{font-size:var(--font-h2)}p{margin:0}a{font-style:normal;text-decoration:none;color:var(--color-text-muted);transition:color var(--motion-slow) var(--ease-standard)}a:hover,a:focus-visible{color:var(--color-text)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}img{width:100%;max-width:100%}}@layer layout{.app{display:grid;min-height:100dvh;grid-template-columns:minmax(var(--space-md),1fr) minmax(0,1200px) minmax(var(--space-md),1fr);grid-template-rows:auto 1fr auto}header,footer{grid-column:2}main{padding-block:1rem;grid-column:1 / -1;display:grid;grid-template-columns:inherit}main>*{grid-column:2}}