@font-face{font-family:Inter Variable;src:url(/fonts/proportional/Inter-VariableFont_opsz,wght.woff2) format("woff2");font-weight:100 900;font-feature-settings:"liga" 1,"calt" 1,"cv05";font-style:normal}@font-face{font-family:Inter Variable;src:url(/fonts/proportional/Inter-Italic-VariableFont_opsz,wght.woff2) format("woff2");font-weight:100 900;font-feature-settings:"liga" 1,"calt" 1,"cv05";font-style:italic}@font-face{font-family:Google Sans Code Variable;src:url(/fonts/mono/GoogleSansCode-VariableFont_wght.woff2) format("woff2");font-weight:300 800}@font-face{font-family:Google Sans Code Variable;src:url(/fonts/mono/GoogleSansCode-Italic-VariableFont_wght.woff2) format("woff2");font-weight:300 800;font-style:italic}:root{color-scheme:light dark;font-family:var(--main-font);font-size:18px;--main-font: "Inter Variable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--mono-font: "Google Sans Code Variable", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--big-text-color: light-dark(#161616, #f0f0f0);--text-color: light-dark(#535353, #b9b9b9);--secondary-text-color: light-dark(#6c6c6c, #868686)}header{display:flex;padding-top:3rem;padding-bottom:1rem;padding-left:.7rem;margin-bottom:1rem;gap:1rem;border-bottom:1px solid light-dark(#c4c4c4,#4e4e4e)}header a{font-size:32px;font-weight:300}header a[aria-current=page]{font-weight:700;color:var(--big-text-color);text-decoration:none}.friend-buttons{display:flex;flex-wrap:wrap;flex-direction:row;gap:.5rem;padding:0}.friend-buttons li{list-style:none;min-width:fit-content}@media (prefers-reduced-motion: reduce){.friend .animated{display:none!important}.friend .static{display:block!important}}.friend .animated{display:block}.friend .static{display:none}.friend{image-rendering:pixelated}.pfp{margin-bottom:1rem}.links{display:flex;flex-direction:column;gap:.5rem;padding-left:.65rem}footer{display:flex;align-items:center;color:var(--secondary-text-color);margin-top:1.5rem;gap:1rem;height:5.5rem}main{display:grid;min-height:100svh;grid-template-rows:auto 1fr auto;width:45%;max-width:50rem;margin:auto;gap:.7rem}@media screen and (max-width: 600px){main{width:95%}.fp-image img{height:325px}header{padding-top:1.45rem}footer{font-size:16px}}@media screen and (max-width: 1300px){main{width:90%}}.article-header{padding-bottom:1rem;color:var(--big-text-color)}.article-header time{color:var(--secondary-text-color);font-size:24px}.article-header h1{line-height:1.2}.article-list{display:flex;flex-direction:column;gap:.75rem;list-style-type:none;padding-left:0}.article-list li article time{color:var(--secondary-text-color)}.article-list-wrapper{display:flex;flex-direction:column;gap:.35rem}.article-list-wrapper section{border-bottom:1px solid light-dark(#c4c4c4,#4e4e4e)}.article-list-wrapper section .article-list{padding-bottom:1rem}.article-list-wrapper section:last-of-type{border-bottom:0}.article-content{display:flex;flex-direction:column;gap:.8rem;line-height:1.7;overflow:hidden;color:var(--text-color)}.article-content pre{overflow:auto;padding:.5rem .75rem;border:1px solid light-dark(#00000023,#ffffff18)}.article-content blockquote{border-left:2px solid light-dark(#bdbdbd,#666);padding:.35rem}.article-content blockquote *{margin-left:.5rem}.article-content p:has(img){display:flex;justify-content:center}.article-content p code{background-color:light-dark(#00000017,#ffffff0a);padding:.25rem .4rem;font-size:14px;border-radius:4px;margin:2px}h1,h2,h3,h4,h5{color:var(--big-text-color)}p{color:var(--text-color)}code{font-family:var(--mono-font);font-size:16px}@media (prefers-color-scheme: dark){.shiki,.shiki span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}h1{font-weight:200}h2,h3{font-weight:300}figcaption{font-size:14px;color:var(--secondary-text-color)}.error-page-wrapper{display:flex;flex-direction:column;justify-content:center}.error-page-wrapper h1{font-size:92px;font-weight:100;line-height:1.15}.error-page-wrapper p{color:var(--secondary-text-color)}