:root{--background: 248 250 252;--surface: 255 255 255;--surface-highlight: 241 245 249;--border: 226 232 240;--primary: 15 23 42;--secondary: 71 85 105;--accent: 244 63 94;--mouse-x: 0px;--mouse-y: 0px}.dark{--background: 5 5 5;--surface: 10 10 10;--surface-highlight: 23 23 23;--border: 39 39 42;--primary: 255 255 255;--secondary: 161 161 170}html{scrollbar-gutter:stable}body{background-color:rgb(var(--background));color:rgb(var(--primary));overflow-x:hidden;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;transition:background-color .3s,color .3s}.bg-grain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.04;background-image: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.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");transform:translateZ(0);backface-visibility:hidden;will-change:transform}.bg-grid-pattern{background-size:50px 50px;background-image:linear-gradient(to right,rgba(var(--primary),.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--primary),.05) 1px,transparent 1px);mask-image:radial-gradient(circle at center,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%);transform:translateZ(0)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgb(var(--border)) rgb(var(--background))}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgb(var(--background))}::-webkit-scrollbar-thumb{background:rgb(var(--border));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--secondary))}::-moz-selection{background:rgb(var(--primary));color:rgb(var(--background))}::selection{background:rgb(var(--primary));color:rgb(var(--background))}.prose .lead{font-size:1.25rem;color:rgb(var(--secondary));line-height:1.8;margin-bottom:2rem}.prose .external-link:after{content:" ↗";font-size:.8em;vertical-align:super;opacity:.7}.prose img{max-width:100%!important;height:auto!important;margin:2rem auto;display:block}