:root{--m-cream:#fdf8f2;--m-paper:#f5ede3;--m-ink:#3e3030;--m-muted:#9e8c88;--m-peach:#ffd6b8;--m-pink:#ffc2d4;--m-lavender:#ddd0f7;--m-mint:#c2eedd;--m-sky:#c2dff8;--m-butter:#ffeeb8;--m-lilac:#ebc8f0;--m-border-color:#c4b0ad;--m-border:2px solid var(--m-border-color);--m-shadow:4px 4px 0 var(--m-border-color);--m-shadow-lg:6px 6px 0 var(--m-border-color);--m-radius:4px;--m-shadow-offset:8px;--m-background:var(--m-paper);--m-foreground:var(--m-cream);--m-font-pixel:"VT323", monospace;--m-font-body:"VT323", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--m-paper);color:var(--m-ink);font-family:var(--m-font-body);background-image:radial-gradient(var(--m-border-color) 1px, transparent 2px);background-size:28px 28px;font-size:1.25rem;line-height:1.6;animation:2s linear infinite bg-scroll}@keyframes bg-scroll{0%{background-position:0 0}to{background-position:28px 28px}}