:root{--gray-10: oklch(.1 0 0);--purple-10: oklch(.1 0.22 288);--gray-20: oklch(.2 0 0);--purple-20: oklch(.2 0.22 288);--gray-30: oklch(.3 0 0);--purple-30: oklch(.3 0.22 288);--gray-40: oklch(.4 0 0);--purple-40: oklch(.4 0.22 288);--gray-50: oklch(.5 0 0);--purple-50: oklch(.5 0.22 288);--gray-60: oklch(.6 0 0);--purple-60: oklch(.6 0.22 288);--gray-70: oklch(.7 0 0);--purple-70: oklch(.7 0.22 288);--gray-80: oklch(.8 0 0);--purple-80: oklch(.8 0.22 288);--gray-90: oklch(.9 0 0);--purple-90: oklch(.9 0.22 288);--gray-100: oklch(1 0 0);--purple-100: oklch(1 0.22 288);--monospace: "Cousine", monospace}:root{--color: light-dark(var(--gray-20), var(--gray-90));--color-light: light-dark(var(--gray-50), var(--gray-60));--link: light-dark(var(--purple-40), var(--purple-70));--background: light-dark(var(--gray-90), var(--gray-20));color-scheme:light dark}*,*::after,*::before{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Helvetica,sans-serif;color:var(--color);background:var(--background)}p,li{line-height:1.6}p{margin:1rem 0}h1,h2,h3{margin:2rem 0 1rem;font-weight:600;line-height:1.4}h1{font-size:2rem}@media (max-width: 480px){h1{font-size:1.7rem}}h2{font-size:1.3rem}@media (max-width: 480px){h2{font-size:1.2rem}}h3{font-size:1.1rem}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}pre,code{font-family:var(--monospace)}pre{padding:16px;border-radius:4px}dialog::backdrop{background:rgba(0,0,0,.6)}#nav{background:#000;color:#fff}#nav__content{display:flex;align-items:center;gap:32px;padding:13px 16px;max-width:1024px;margin:0 auto;width:100%}@media (max-width: 480px){#nav__content{gap:16px;padding:16px}}#nav__logo{font-size:24px;font-weight:800}@media (max-width: 480px){#nav__logo{flex-grow:1}}#nav__links{display:flex;gap:16px;font-size:.9rem}#nav__links a{color:#fff;font-weight:600;text-decoration:none}#nav__links a:hover{text-decoration:underline}#content{margin:0 auto;max-width:800px;width:100%;color:var(--color);padding:0 16px}@media (max-width: 480px){#content{padding:0 12px}}#toc{list-style:none;padding:0}@media (max-width: 480px){#toc li{display:flex;flex-direction:column;margin-bottom:16px}}#toc .date{color:var(--color-light);margin-right:16px;font-family:var(--monospace)}.page{max-width:600px;margin:0 auto;width:100%}@media (max-width: 480px){.page{max-width:100%}}.page .page__back{margin-top:32px}@media (max-width: 480px){.page .page__back{margin-top:16px}}.page .page__title{margin-top:16px;font-size:1.8rem}@media (max-width: 480px){.page .page__title{font-size:1.5rem}}.page .page__subtitle{color:var(--color-light);font-family:var(--monospace);font-weight:400;font-size:.8333333333rem}