@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400&family=Space+Mono:wght@400;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap");@layer reset, base, tokens, recipes, utilities;:root{--canvas:#F4F3EF;--ink:#121212;--action:#CCFF00;--passive:#A0A0A0;--paper-noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}body{margin:0;font-family:Space Mono,monospace;background-color:var(--canvas);color:var(--ink);position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:var(--paper-noise);z-index:9999}.font-editorial{font-family:Fraunces,Georgia,serif}.font-machine{font-family:Space Mono,monospace}.hard-shadow{box-shadow:4px 4px 0 var(--ink)}.hover-mechanical{transition:transform .1s ease}.hover-mechanical:hover{transform:translateY(1px)}