@font-face{font-family:"Geist Variable";src:url("GeistVF.woff2") format("woff2-variations");font-display:swap}@font-face{font-family:"Geist Mono Variable";src:url("GeistMonoVF.woff2") format("woff2-variations");font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{--scrollbar-track-color: #343434}::selection{background:rgba(255,255,255,.12)}body{background:#1a1a1a;color:#d4d4d4;font-family:"Geist Variable",sans-serif;font-variation-settings:"wght" 400}main{min-height:calc(100svh - 3rem - 1px);max-width:640px;margin:0 auto;padding:64px 1.5rem}@media (min-width: 768px){main{padding-bottom:128px}}main h1,main h2,main p,main pre,main blockquote,main ul,main ol{margin-bottom:1.5rem}main p{line-height:1.5;text-wrap:pretty}main pre{background:#232323 !important;border-radius:.5rem;overflow-x:auto}main code{font-family:"Geist Mono Variable",monospace;font-size:14px;background:#232323;padding:4px;border-radius:4px}main pre code{display:block;padding:1rem;min-width:fit-content}main h1,main h2{font-size:16px;font-variation-settings:"wght" 500;color:#f5f5f5}main section{margin-bottom:4rem}main section:last-child{margin-bottom:0}main a{color:#d4d4d4;text-decoration:underline;text-decoration-color:#505050;text-underline-offset:2.5px;transition:150ms}main a:hover,main a:focus{text-decoration-color:#a0a0a0}main strong{font-variation-settings:"wght" 600}main li{margin-bottom:.5rem}main img{max-width:100%;display:block}main nav{height:64px}main blockquote{border-left:4px;border-left-color:#2e2e2e;border-left-style:solid;padding-left:.75rem}main blockquote p{margin:0}main aside{display:none}.title{margin-bottom:0}.subtitle,time{color:#a0a0a0;margin-bottom:3rem;display:inline-block}.project a{margin-bottom:6px;display:inline-block}.project p{color:#a0a0a0}.writing-list{display:flex;flex-direction:column;gap:1rem}.writing-list article{display:flex;flex-direction:row;justify-content:space-between;gap:1rem}.writing-list article span{color:#a0a0a0;min-width:max-content}@media (min-width: 768px){.index-title{margin-top:64px}}@media (min-width: 1080px){main:has(>article){max-width:1100px}main:has(>article) nav{max-width:592px;margin:0 auto}main:has(>article) article{display:grid;grid-template-columns:1fr [content-start] 592px [content-end] 1fr;column-gap:2rem}main:has(>article) article>*{grid-column:content}main:has(>article) aside{display:block;list-style-position:inside;color:#858585;font-style:italic}main:has(>article) aside h1,main:has(>article) aside h2,main:has(>article) aside p,main:has(>article) aside pre,main:has(>article) aside blockquote,main:has(>article) aside ul,main:has(>article) aside ol{margin-bottom:.5rem}main:has(>article) aside a{color:#858585}main:has(>article) aside[data-side=left]{grid-column:1}main:has(>article) aside[data-side=right]{grid-column:3}}footer{border-top:1px;border-top-style:solid;border-top-color:#2e2e2e;color:#707070;font-size:14px}footer .content{height:3rem;max-width:640px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}footer .links{display:flex;flex-direction:row;gap:1rem}footer a img{transition:filter 150ms}footer a:hover img,footer a:focus img{filter:brightness(150%)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:var(--scrollbar-track-color);border-radius:16px;border:5px solid rgba(0,0,0,0);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{--scrollbar-track-color: #3e3e3e}::-webkit-scrollbar-thumb:active{--scrollbar-track-color: #8f8f8f}::-webkit-scrollbar-button,::-webkit-scrollbar-corner{display:none}