:root{--color-fg-rgb:18, 18, 18;--color-fg:rgb(var(--color-fg-rgb));--color-bg:#ffffff;--color-accent-rgb:39, 73, 201;--color-accent:rgb(var(--color-accent-rgb));--color-code-inline-bg:rgba(var(--color-accent-rgb), 0.12);--color-code-inline-fg:#111111;--color-code-block-bg:#f5f7fb;--color-code-block-border:#e2e6ef;--color-link:var(--color-accent);--color-rss:#f79f1a;--color-mark-bg:#fcf8e3;--space-xs:clamp(0.25rem, 0.5vw, 0.5rem);--space-sm:clamp(0.5rem, 1vw, 0.75rem);--space-md:clamp(0.75rem, 1.5vw, 1rem);--space-lg:clamp(1rem, 2vw, 1.5rem);--space-xl:clamp(1.5rem, 3vw, 2rem);scroll-behavior:smooth}@media(prefers-color-scheme:dark){:root{--color-fg-rgb:224, 224, 224;--color-fg:rgb(var(--color-fg-rgb));--color-bg:#141414;--color-accent-rgb:255, 196, 0;--color-accent:rgb(var(--color-accent-rgb));--color-code-inline-bg:rgba(var(--color-accent-rgb), 0.20);--color-code-inline-fg:#ffffff;--color-code-block-bg:#1f1f1f;--color-code-block-border:#2a2a2a;--color-link:var(--color-accent);--color-rss:#ff9f1a}}*{margin:0;padding:0;box-sizing:border-box;min-width:0}*:not(pre):not(code){overflow-wrap:break-word}@view-transition{navigation: auto;
}html{background:var(--color-bg);overflow-x:hidden;box-sizing:border-box}body{font-family:system-ui,sans-serif;font-size:clamp(15px,1rem + .22vw,18px);line-height:1.4;color:var(--color-fg);max-width:900px;margin:0 auto;padding:0 var(--space-md)}h1{font-size:clamp(1.5rem,1.3rem + .8vw,2.2rem);font-weight:700;line-height:1.4;margin-bottom:var(--space-sm)}h2,h3,h4{font-weight:600;line-height:1.4;margin:var(--space-lg)0 var(--space-sm)}h2{font-size:clamp(1.1rem,1rem + .4vw,1.3rem)}h3{font-size:1.05rem}h4{font-size:1rem}p{margin-bottom:.6em}ul,ol{padding-left:1.5em}li{margin-bottom:var(--space-xs)}ul{list-style-type:disc}b,strong{font-weight:600}small{font-size:.875em}hr{height:1px;border:0;background:currentColor;opacity:.15;margin:var(--space-xl)0}mark{background-color:var(--color-mark-bg);padding:.125em .25em}blockquote{padding:.5em 1.5em .5em 2.5ch;margin:1em 0;width:100%;box-sizing:border-box;opacity:.9;position:relative;background-color:rgba(var(--color-accent-rgb),.05);border-radius:8px}blockquote:before{content:"";position:absolute;left:.5ch;top:.5em;bottom:.5em;width:3px;background:var(--color-accent);border-radius:8px}blockquote p:last-child{margin-bottom:0}dt:first-child{margin-top:0}dt::after{content:": "}dd{font-family:Georgia,serif;margin:0 0 var(--space-sm);line-height:1.4}details{max-width:100%;margin-bottom:var(--space-sm);border:1px solid rgba(var(--color-accent-rgb),.1);border-radius:6px;overflow:hidden}summary{font-weight:600;color:var(--color-accent);background-color:rgba(var(--color-accent-rgb),.05);padding:var(--space-sm);cursor:pointer;user-select:none}details[open] summary{border-bottom:1px solid rgba(var(--color-accent-rgb),.1)}details>*:not(summary){padding:var(--space-sm)}a{color:var(--color-link);text-decoration:none;text-underline-offset:2px;transition:color .15s ease}a:hover,a:focus-visible{text-decoration:underline}code{text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}code,pre,kbd,samp{font-family:ui-monospace,sf mono,Menlo,Monaco,monospace;font-size:.9em}code:not(pre code){background:var(--color-code-inline-bg);color:var(--color-code-inline-fg);padding:.2em .4em;border-radius:4px}a code{color:currentColor}pre{background:var(--color-code-block-bg);border:1px solid var(--color-code-block-border);border-radius:6px;padding:var(--space-md);overflow-x:auto;margin:var(--space-lg)0;max-width:100%}pre code{background:0 0;color:var(--color-fg);padding:0}a[href*="github.com"]::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.35em;vertical-align:-.15em;background:currentColor;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82a7.62 7.62 0 0 1 2-.27c.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg>')center/contain no-repeat}a[href^="mailto:"]::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.35em;vertical-align:-.15em;background:currentColor;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>')center/contain no-repeat}header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md)0;margin-bottom:var(--space-lg)}header h1{font-size:clamp(1.4rem,1.3rem + .5vw,1.7rem);font-weight:600;margin:0;letter-spacing:-.02em}header h1 a{color:var(--color-accent);text-decoration:none;position:relative;transition:color .2s}header h1 a:hover,header h1 a:focus{color:var(--color-accent);text-decoration:none}@media(prefers-color-scheme:dark){header h1 a{color:var(--color-accent)}header h1 a:hover,header h1 a:focus{color:var(--color-accent);text-decoration:none}}header h1 a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width .25s ease}header h1 a:hover::after{width:100%}.rss-icon-link{display:inline-flex;align-items:center;color:var(--color-rss);position:relative}.rss-icon-link:visited,.rss-icon-link:active,.rss-icon-link:focus,.rss-icon-link:hover{color:var(--color-rss)!important}.rss-icon{width:clamp(18px,1.1em,22px);height:clamp(18px,1.1em,22px);transform-origin:center;transition:transform 150ms ease}.rss-icon-link:hover .rss-icon,.rss-icon-link:focus-visible .rss-icon{animation:rss-wiggle 450ms ease both}.rss-icon-link:active .rss-icon{transform:scale(.9)}.rss-icon-link::after{content:"";position:absolute;left:50%;top:50%;width:clamp(18px,1.1em,22px);height:clamp(18px,1.1em,22px);margin-left:calc(clamp(18px,1.1em,22px)/-2);margin-top:calc(clamp(18px,1.1em,22px)/-2);border:2px solid var(--color-rss);border-radius:50%;background:0 0;opacity:0;transform:scale(1);pointer-events:none}.rss-icon-link:hover::after,.rss-icon-link:focus-visible::after{animation:rss-pulse 600ms ease-out 1}@keyframes rss-wiggle{0%{transform:rotate(0)}30%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}100%{transform:rotate(0)}}@keyframes rss-pulse{0%{opacity:.5;transform:scale(1)}70%{opacity:.2;transform:scale(2)}100%{opacity:0;transform:scale(2.5)}}nav{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:center}nav a{position:relative;color:rgba(var(--color-fg-rgb),.7);font-weight:500;text-decoration:none;padding-bottom:2px;transition:color .2s ease}nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width .25s ease}nav a.selected{color:var(--color-fg);font-weight:500}nav a.selected::after{width:100%}nav a:hover{color:var(--color-fg);text-decoration:none}nav a:hover::after{width:100%}@media(hover:none){nav a,nav a::after{transition:none}nav a{-webkit-tap-highlight-color:transparent}}.rss-icon-link{display:inline-flex;align-items:center;color:var(--color-rss)}.rss-icon{width:clamp(18px,1.1em,22px);height:clamp(18px,1.1em,22px);transition:transform 150ms ease}.rss-icon-link:hover .rss-icon{transform:scale(1.1)}main{min-height:60vh;padding-bottom:var(--space-xl)}article{font-family:Georgia,serif;margin-bottom:.6em;overflow-wrap:break-word}article header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--space-sm)}article header time{display:block;font-size:.9rem;font-weight:600;color:var(--color-accent);opacity:.85;margin-bottom:var(--space-xs);font-family:system-ui,-apple-system,sans-serif}article header h1{margin-top:0;margin-bottom:.25rem;font-size:clamp(1.75rem,2vw + 1rem,2.2rem);line-height:1.2;font-weight:700;letter-spacing:-.02em;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}article header .post-tags{margin:0}article .tag{font-family:system-ui,-apple-system,sans-serif}.blog-list{display:grid;gap:var(--space-xl)}ul.blog-list{list-style-type:none;padding-left:0}.blog-item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);align-items:baseline}.blog-meta{order:1;min-width:6rem}.blog-date{display:block;font-size:.875rem;font-weight:600;color:var(--color-accent);opacity:.85;font-family:system-ui,-apple-system,sans-serif}.blog-content{order:2;min-width:0}.blog-title{font-size:clamp(1.15rem,1rem + .5vw,1.4rem);font-weight:600;line-height:1.2;margin:0 0 var(--space-xs)}.blog-title a{color:var(--color-fg);text-decoration:none}.blog-title a:hover{color:var(--color-accent)}.blog-description{font-family:system-ui,-apple-system,sans-serif;line-height:1.4;color:rgba(var(--color-fg-rgb),.85)}.blog-description p:last-child{margin-bottom:0}.blog-content .post-tags{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}ul.blog-list article{font-family:system-ui,-apple-system,sans-serif}ul.blog-list article header{margin-bottom:var(--space-sm)}ul.blog-list article header h2{font-size:1rem;font-weight:600;margin:0 0 var(--space-xs)}ul.blog-list article header time{font-size:.875rem;margin-bottom:var(--space-xs)}ul.blog-list article p{font-size:.95rem;color:rgba(var(--color-fg-rgb),.85)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.tag{display:inline-block;background-color:rgba(var(--color-accent-rgb),.1);color:var(--color-accent);padding:.2em .8em;border-radius:30px;font-size:clamp(.8em,.75em + .1vw,.85em);font-weight:500;opacity:.8;text-decoration:none;transition:all .2s ease}.tag:hover{background-color:var(--color-accent);color:var(--color-bg);text-decoration:none}.tag::before{content:"#";margin-right:.05em;opacity:.8;font-size:.85em}.tags-cloud{padding:0;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-md)0}.tags-cloud li{margin:0;list-style:none}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin:var(--space-xl)0;position:relative}.pagination-prev{position:absolute;left:0}.pagination-next{position:absolute;right:0}.pagination-info{font-size:.875rem;opacity:.7}.pagination a{color:var(--color-accent);text-decoration:none;font-weight:500;transition:opacity .2s ease}.pagination a:hover{opacity:.7;text-decoration:none}img{display:block;max-width:100%;height:auto}figure{margin:var(--space-lg)0;width:100%;max-width:100%}figcaption{margin-top:var(--space-sm);font-size:.875rem;opacity:.7}table{max-width:100%;overflow-x:auto;display:block;border-collapse:collapse}.footnote-trigger{cursor:pointer;vertical-align:super;line-height:1;font-size:.7em;color:var(--color-accent)}.footnote-trigger:before{content:"["}.footnote-trigger:after{content:"]"}.footnote-checkbox{display:none}.footnote-aside{display:none;background-color:rgba(var(--color-accent-rgb),.05);margin:.6em 0;padding:.5em .8em .5em 1.2em;font-size:.9em;line-height:1.6;border-radius:8px;max-width:100%}.footnote-checkbox:checked+.footnote-aside,.footnote-trigger:hover+.footnote-checkbox+.footnote-aside{display:block}@media(max-width:480px){header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}nav{gap:var(--space-md)}.blog-list{gap:var(--space-xxl,2.5rem)}.blog-item{grid-template-columns:1fr;gap:var(--space-xs)}body{padding-left:var(--space-lg);padding-right:var(--space-lg)}.blog-meta{min-width:0}article header h1{font-size:clamp(1.2rem,1.5rem + 1vw,1.7rem)}}@media(prefers-color-scheme:dark){h2,h3,h4{color:var(--color-accent)}hr{background:rgba(var(--color-fg-rgb),.15)}blockquote{background-color:rgba(var(--color-fg-rgb),.05)}}