:root{color-scheme:light;--paper: light-dark(oklch(.95 .003 25), oklch(.2 .003 25));--accent: light-dark(oklch(.55 .2 25), oklch(.65 .2 25));--ink: light-dark(oklch(.25 0 0), oklch(.95 0 0));--ink-faded: oklch(from var(--ink) l c h / .85);--sans: 450 1.2em/1.5 Cabin, sans-serif;--mono: 400 .9em/1.5 "Fira Code", monospace;--content-width: 50ch;--content-padding: 2ch;--animation-duration: .15s;--border-radius: .3rem;--paragraph-margin: .5lh;@media(prefers-color-scheme:dark){color-scheme:dark}}*,*:before,*:after{margin:0}body{font:var(--sans);background:var(--paper)}::selection{background:var(--accent);color:#fff}img,picture,video,canvas,svg{display:block;max-width:100%;height:fit-content}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}p{text-wrap:wrap;text-wrap:pretty}a,footnote-modal button{color:var(--accent);text-decoration:none;transition-duration:var(--animation-duration);font-weight:600;&:hover,&:focus{background:var(--accent);color:#fff}&:focus{outline:.1em solid var(--accent)}&[href*="http://"],&[href*="https://"]{padding-right:1ch;&:after{font:var(--mono);font-size:.9em;display:inline-block;content:"\2197";margin-left:.3ch;margin-right:-1ch}}}body{color:var(--ink)}body>header{max-width:var(--content-width);padding-inline:var(--content-padding);padding-top:1lh;margin-inline:auto;display:flex;align-items:baseline;justify-content:space-between;a{font:var(--mono)}>nav{display:flex;align-items:baseline;justify-content:space-between;gap:2ch}}main{max-width:var(--content-width);padding-inline:var(--content-padding);margin-block:1ch;margin-inline:auto}a[href="#main-content"]{position:absolute;top:-3rem;left:50%;transform:translate(-50%);&:focus{top:1rem}}post-list{ul{list-style:none;padding:0}li{display:flex;gap:2ch}}article{>*{margin-block-start:var(--paragraph-margin)}h1{text-align:left}small{font:var(--mono);font-size:.75em}h1,h2,h3,h4,h5,h6{>a{text-decoration:none}}a{text-decoration:underline}nav *{text-wrap:wrap}blockquote{border-inline-start:2px solid var(--ink-faded);padding-inline-start:2ch;+blockquote{margin:0;padding-block-start:var(--paragraph-margin)}}pre,code{font:var(--mono);overflow:auto}pre:has(code){padding:.5em 1ch;border-radius:.25em;border:1px oklch(from var(--ink-faded) l c h / .2) solid}:not(pre)>code{padding-inline:.5ch;border:1px solid oklch(from var(--ink) l c h / .4);border-radius:var(--border-radius);font-size:.8em;font-weight:600}figcaption{text-align:center;font-size:.9em;color:var(--ink-faded)}}footnote-modal{position:fixed;bottom:1ch;left:50%;transform:translate(-50%);background:var(--paper);border:1px solid oklch(from var(--ink) l c h / .8);border-radius:var(--border-radius);padding:var(--content-padding);max-width:calc(100vw - var(--content-padding) * 2);width:var(--content-width);box-sizing:border-box;header{display:flex;justify-content:space-between;font-size:1.25em;a{text-decoration:none}}button{font:var(--prism-font);border:none;background:none;cursor:pointer;border-radius:var(--border-radius);padding-inline:.5ch}}@media(prefers-color-scheme:dark){.shiki,.shiki span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}}error-page{display:flex;align-items:center;justify-content:center;gap:1ch;h1{color:var(--accent)}}@font-face{font-family:Cabin;font-style:normal;font-weight:100 900;src:url(assets/fonts/Cabin.woff2)}@font-face{font-family:Cabin;font-style:italic;font-weight:100 900;src:url(assets/fonts/Cabin-Italic.woff2)}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;src:url(assets/fonts/FiraCode.woff2)}
