:root{color-scheme:dark;--font-size: 20px;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-sm: .8125rem;--font-display: var(--font-press-start), sans-serif;--font-heading: var(--font-atkinson-hyper-next), sans-serif;--font-text: var(--font-atkinson-hyper-next), sans-serif;--font-ui: var(--font-atkinson-mono), sans-serif;--font-mono: var(--font-atkinson-mono), Mono;--flow-space: 1rem;--medium-space: calc(2 * var(--flow-space));--wide-space: calc(4 * var(--flow-space));--width-wide: 60rem;--width-content: 42rem;--text-color: light-dark(oklch(.25 0 0), oklch(.9 0 0));--accent-color: light-dark(oklch(.05 0 0), oklch(80% .15 70));--permanent-accent-color: light-dark(oklch(.05 0 0), oklch(80% .15 70));--background-color: light-dark(oklch(.95 0 0), oklch(20% 0 0));--background-color-light: light-dark(white, #222);--background-color-dark: light-dark( oklch(from var(--background-color) calc(l*.94) c h), oklch(15% 0 0) );--background-highlight: light-dark(oklch(100 .05 70), oklch(30% 0 0));--table-border-color: light-dark(#333, #ddd);--bg-gradient-origin: light-dark( oklch(from var(--background-color) l c h), black );--dd-g1: light-dark(oklch(40% .11 250), oklch(80% .11 250));--dd-g2: light-dark(oklch(40% .24 150), oklch(80% .24 150));--dd-g3: light-dark(oklch(40% .1245 19.58), oklch(70% .2 19.58))}@media(prefers-color-scheme:light){:root{color-scheme:light}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--font-size);font-family:var(--font-text)}body{color:var(--text-color);min-height:100vh;background:var(--background-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}h1{font-size:2.2rem}h2{font-size:var(--font-size-xl);font-weight:700;font-family:var(--font-display);font-family:var(--font-heading);margin-bottom:2rem}.heading{font-family:var(--font-display);text-transform:uppercase;width:100%;margin-bottom:calc(2 * var(--flow-space));padding-block:var(--flow-space);position:relative;display:flex;gap:var(--flow-space);border-block:2px solid var(--accent-color);font-weight:400}.heading:after,.heading:before{content:"";align-self:center;height:1px;flex-grow:1;border-bottom:2px solid var(--accent-color)}footer{font-family:var(--font-text)}button,nav,label,input{font-family:var(--font-ui)}a,a .title{position:relative}a,a:visited{color:var(--accent-color);text-decoration:none}a .title{display:block;font-weight:700;position:relative;width:fit-content}a .description{font-family:var(--font-text);font-style:italic;color:var(--text-color)}a:has(.title){background-color:var(--background-color-dark)}a:focus,a:active{outline:4px solid currentColor;outline-offset:-4px}a:not(:has(.title)){outline-offset:4px;text-decoration:underline}a:has(.title):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px dashed var(--accent-color)}@media(hover:hover){a:has(.title):hover:after{border-width:4px;border-style:solid}}table{border-collapse:collapse;margin:auto;margin-bottom:var(--flow-space);text-align:right}tr:not(:last-child){border-bottom:1px solid var(--table-border-color)}th{font-size:var(--font-size-lg);font-weight:700;padding-inline:var(--flow-space);padding-block:.5rem;color:var(--accent-color);background-color:var(--background-color-dark);border:none;border-bottom-width:2px;border-bottom-color:currentColor}td{padding:.25rem;background-color:var(--background-color-light)}strong,i{color:var(--accent-color)}img{width:100%;height:auto;margin:auto}.accent{color:var(--accent-color);border-color:var(--accent-color)}.projects{--accent-color: var(--dd-g1)}.essays{--accent-color: var(--dd-g2)}.rants{--accent-color: var(--dd-g3)}.common{--accent-color: var(--permanent-accent-color)}.emphasis{font-style:italic}.block{display:block}.blinker{animation:blinker 3s linear infinite alternate}@keyframes blinker{0%{opacity:100%}to{opacity:20%}}@media(prefers-reduced-motion:reduce){.pointer{animation:none}}.expressive-code{margin-bottom:var(--flow-space)}@media(prefers-reduced-motion:reduce){*,*:after,*:before{animation:none!important;transition: none!important}}.arrowed{list-style-type:"→";margin-left:.6rem}.arrowed li{padding-left:.5rem}.arrowed li::marker{font-weight:400;font-size:.6rem;font-family:var(--font-display),var(--font-heading),sans-serif}