@font-face { font-family: "Instrument Serif"; src: url("/assets/fonts/instrument-serif-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("/assets/fonts/instrument-serif-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Geist"; src: url("/assets/fonts/geist-var.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("/assets/fonts/geist-mono-var.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root {
  --paper: #f5f5f4; --card: #ffffff; --tile-grey: #e9e9e8; --ink: #0b0b0b; --ink-2: #1c1c1c;
  --line: rgb(0 0 0 / .10); --line-inv: rgb(255 255 255 / .12);
  --muted: rgb(0 0 0 / .55); --muted-inv: rgb(255 255 255 / .62);
  --serif: "Instrument Serif", "Times New Roman", serif;
  --sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --mono: "Geist Mono", ui-monospace, "SFMono-Regular", monospace;
  --ease-out: cubic-bezier(.23, 1, .32, 1); --ease-expo: cubic-bezier(.16, 1, .3, 1); --ease-in-out: cubic-bezier(.77, 0, .175, 1);
  --r-panel: 28px; --r-tile: 20px; --gutter: clamp(16px, 2vw, 28px);
  color-scheme: light;
}
@media (max-width: 640px) { :root { --r-panel: 18px; --r-tile: 14px; } }