:root{--font-sans:system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-code:"SF Mono", SFMono-Regular, monospace;--font-size-brand:18px;--font-size-title:16.5px;--font-size-body:15px;--font-size-sub:13px;--font-weight-base:400;--font-weight-medium:450;--font-weight-bold:500;--line-height-base:1.75rem;--duration-sub:.125s;--duration-base:.2s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:var(--lightningcss-light,oklch(28.5% 0 0))var(--lightningcss-dark,oklch(96% 0 0));--bg:var(--lightningcss-light,oklch(99% 0 0))var(--lightningcss-dark,oklch(20.5% 0 0));--theme-toggle-bg:var(--lightningcss-light,oklch(20.5% 0 0))var(--lightningcss-dark,oklch(96% 0 0))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}@media (width<=640px){:root{--font-size-brand:18px;--font-size-title:16px}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-base);font-weight:var(--font-weight-base);font-feature-settings:"liga" off, "clig" off;color:var(--fg);background-color:var(--bg);transition:background-color var(--duration-base) ease-out;text-autospace:normal;text-spacing-trim:space-first;text-rendering:optimizelegibility;font-synthesis:none;word-wrap:break-word;overflow-wrap:break-word;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.preload,.preload *{transition:none!important}.container{width:100%;padding:6rem 8rem 16rem}@media (width<=640px){.container{padding:6rem 1.25rem 16rem}}.container>main,.container>article{width:100%;max-width:27.5rem}@media (width<=640px){.container>main,.container>article{margin-inline:auto}}::selection{background-color:color-mix(in srgb, var(--fg) 12%, transparent)}:focus-visible{outline:1px dashed color-mix(in srgb, var(--fg) 24%, transparent);border-radius:.125rem}::view-transition-old(root){animation:fadeOut var(--duration-base) ease-out forwards}::view-transition-new(root){animation:fadeIn var(--duration-base) ease-out var(--duration-base) forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gradient-mask{z-index:99;pointer-events:none;background-color:var(--bg);opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;height:2rem;position:fixed;top:0;left:0;-webkit-mask-image:linear-gradient(#000 0%,#000000bc 19%,#0000008a 34%,#00000061 47%,#00000047 56.5%,#00000031 65%,#00000020 73%,#00000013 80.2%,#0000000b 86.1%,#00000005 91%,#00000002 95.2%,#00000001 98.2%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000bc 19%,#0000008a 34%,#00000061 47%,#00000047 56.5%,#00000031 65%,#00000020 73%,#00000013 80.2%,#0000000b 86.1%,#00000005 91%,#00000002 95.2%,#00000001 98.2%,#0000 100%)}.gradient-mask.transitions-enabled{transition:opacity var(--duration-base) ease-out, background-color var(--duration-base) ease-out}.gradient-mask.visible{opacity:1}@media (width>=768px){.gradient-mask{height:4rem}}.nav{margin-bottom:3.5rem;position:relative}.nav-btn{appearance:none;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:16px;height:28px;margin-bottom:1rem;padding:0;display:flex}.nav-btn-circle{background-color:var(--theme-toggle-bg);border-radius:50%;width:15px;height:15px}.nav-title{font-weight:500;font-size:var(--font-size-brand);margin:0 0 3.5rem}.nav-link{color:inherit;text-decoration:none}.nav-back-link{appearance:none;cursor:pointer;font:inherit;color:color-mix(in srgb, var(--fg) 44%, transparent);transition:color var(--duration-sub) ease-out;background:0 0;border:0;align-items:center;gap:.375rem;padding:0;display:inline-flex}.nav-back-icon{flex-shrink:0}@media (hover:hover) and (pointer:fine){.nav-back-link:hover{color:var(--fg)}}.post-list{flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.post-list-item{font-weight:var(--font-weight-bold);font-size:var(--font-size-title);height:2.5rem;transition:opacity var(--duration-sub) ease-out;display:flex}@media (width<=640px){.post-list-item{height:2.25rem}}.post-list-link{cursor:pointer;align-items:center;width:100%;height:100%;text-decoration:none;display:flex}.post-list-date{font-weight:var(--font-weight-medium);color:color-mix(in srgb, var(--fg) 36%, transparent);letter-spacing:-.02em;flex-shrink:0;margin-left:.375rem}.post-list-title{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;min-width:0;text-decoration:none;overflow:hidden}@media (hover:hover) and (pointer:fine){.post-list:hover .post-list-item{opacity:.36}.post-list:hover .post-list-item:hover,.post-list:hover .post-list-item:focus-within{opacity:1}}.image-viewer{--viewer-padding:.5rem;z-index:1000;background-color:var(--bg);padding:var(--viewer-padding);cursor:default;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;display:flex;position:fixed;inset:0}.image-viewer__frame{width:auto;max-width:100%;height:min(800px, calc(100vh - (var(--viewer-padding) * 2)))}.image-viewer img{object-fit:contain;pointer-events:none;width:auto;max-width:100%;height:100%}article h1,article h2,article h3,article h4,article h5{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);margin:3.5rem 0 1.5rem}.post-title{margin:0 0 1.5rem}header+.post-content>:first-child{margin-top:1.5rem}article p{margin:1.5rem 0}article strong{font-weight:var(--font-weight-bold)}article em{font-style:italic}article del{text-decoration:line-through}article a{color:var(--fg);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in srgb, var(--fg) 36%, transparent);text-decoration-color:color-mix(in srgb, var(--fg) 36%, transparent);text-underline-offset:.1875rem;transition:text-decoration-color var(--duration-sub) ease-out}article a:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}article blockquote{border-left:.125rem solid color-mix(in srgb, var(--fg) 16%, transparent);margin:1.5rem 0 1.5rem .25rem;padding-left:1.125rem}article ol,article ul{margin:1.5rem 0;list-style:none}article ol{counter-reset:ol-count;padding-left:1.25rem}article ul{padding-left:1.5rem}article ol li,article ul li{margin-bottom:.25rem;position:relative}article ol li{counter-increment:ol-count}article ol li:before{content:counter(ol-count) ".";text-align:right;font-variant-numeric:tabular-nums;width:1.5rem;color:color-mix(in srgb, var(--fg) 36%, transparent);margin-left:-1.75rem;margin-right:.5rem;display:inline-block}article ul li:before{--size:.3125rem;content:"";left:-1.125rem;top:calc((var(--line-height-base) - var(--size)) / 2);width:var(--size);height:var(--size);background-color:color-mix(in srgb, var(--fg) 24%, transparent);border-radius:50%;position:absolute}article li>ul,article li>ol{margin:.25rem 0 0;padding-left:1.25rem}article code{font-family:var(--font-code);font-feature-settings:"cv05" on, "cv11" on, "liga" off, "clig" off;font-size:var(--font-size-sub);color:var(--fg);background-color:color-mix(in srgb, var(--fg) 5%, transparent);border-radius:.3175rem;margin:0 .25rem;padding:.3125rem}article pre{font-family:var(--font-code);font-size:var(--font-size-sub);background-color:color-mix(in srgb, var(--fg) 3%, transparent);margin:1.5rem 0;padding:1.5rem;line-height:1.3125em;overflow-x:auto}article pre code{background-color:#0000;border-radius:0;padding:0}article .has-img{background-color:color-mix(in srgb, var(--fg) 3%, transparent);line-height:0;display:block}article .has-img.img-loaded{background-color:#0000}article img{cursor:pointer;opacity:0;max-width:100%;height:auto}article img.loaded{opacity:1}article hr{background-color:color-mix(in srgb, var(--fg) 10%, transparent);border:none;width:6rem;height:1px;margin:3.75rem 0}