@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@font-face{font-family:Inter Tight;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/inter-tight-latin.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2")}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-latin.woff2)format("woff2")}:root{--bg:#fbfaf7;--surface:#fff;--text:#171717;--body:#333331;--muted:#6b6b66;--subtle:#9a9a94;--line:#e6e3dc;--soft:#f1efe9;--accent:#2f6f3e;--code-bg:#141414;--code-bar:#1f1f1f;--code-text:#e6e6e6;--font-sans:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-display:"Inter Tight", "Noto Sans JP", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-pixel:"Press Start 2P", "JetBrains Mono", ui-monospace, monospace;color-scheme:light;font-family:var(--font-sans);font-synthesis:none}:root[data-theme=dark]{color-scheme:dark;--bg:#121211;--surface:#1a1a18;--text:#ededea;--body:#d4d4cf;--muted:#9c9c95;--subtle:#76766f;--line:#2a2a27;--soft:#1f1f1c;--accent:#8cc99a;--code-bg:#0d0d0c;--code-bar:#161614;--code-text:#e6e6e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.85}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;line-height:1.3}.px{font-family:var(--font-pixel);letter-spacing:.02em;text-transform:uppercase;font-size:.58rem;line-height:1.9}.arrow{font-family:var(--font-mono);letter-spacing:0;vertical-align:-.14em;text-transform:none;font-size:2.2em;font-weight:700;line-height:0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:99;background:var(--surface);padding:.5rem;top:1rem;left:1rem}.sr-only,.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-header{z-index:9;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner,.footer-inner,.shell{max-width:720px;margin:0 auto;padding:0 24px}.header-inner{align-items:center;gap:24px;height:60px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-size:1rem;font-weight:700}.site-header nav{color:var(--muted);white-space:nowrap;gap:22px;margin-left:auto;font-size:.86rem;display:flex}.site-header nav a:hover,.site-header nav a.on{color:var(--text)}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--muted);border-radius:999px;flex:none;place-items:center;font-size:.8rem;line-height:1;display:grid}.theme-toggle:hover{color:var(--text)}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:64px}.footer-inner{font-family:var(--font-pixel);letter-spacing:.02em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:32px;padding-bottom:56px;font-size:.5rem;line-height:2;display:flex}.footer-inner .footer-name{font-family:var(--font-sans);letter-spacing:0;margin-left:.4em;font-size:.72rem}.footer-inner div{gap:18px;display:flex}.footer-inner a:hover{color:var(--text)}.hero{padding:88px 0 56px}.hero h1{letter-spacing:-.03em;font-size:2.8rem;font-weight:700}.hero .role{color:var(--muted);margin:16px 0 24px;font-size:.6rem}.hero .bio{color:var(--body);max-width:600px;margin:0 0 26px;font-size:1.02rem}.hero-links{flex-wrap:wrap;gap:22px;display:flex}.hero-links a{color:var(--text)}.hero-links a:before{content:"▶ ";color:var(--accent);font-size:.5rem}.hero-links a:hover{color:var(--accent)}.about section{border-top:1px solid var(--line);padding:40px 0}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.section-head h2{font-family:var(--font-pixel);letter-spacing:.02em;color:var(--text);font-size:.62rem;font-weight:400}.section-head h2 span{color:var(--accent);margin-right:12px}.section-head a{color:var(--muted);font-size:.52rem}.section-head a:hover{color:var(--accent)}.now-list{color:var(--body);gap:4px;margin:0;padding:0;list-style:none;display:grid}.now-list li{align-items:flex-start;gap:12px;display:flex}.now-list li:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;margin-top:.85em}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{font-family:var(--font-mono);border:1px solid var(--line);background:var(--surface);color:var(--body);box-shadow:2px 2px 0 var(--line);padding:3px 9px;font-size:.74rem}.work{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:14px;padding:18px 0;display:grid}.work:last-child{border-bottom:0}.work h3{font-size:1.08rem;font-weight:600}.work h3 a:hover{color:var(--accent)}.work p{color:var(--muted);margin:4px 0 0;font-size:.9rem}.work-meta{text-align:right;color:var(--muted);font-size:.52rem;line-height:2}.post-row{border-bottom:1px solid var(--line);grid-template-columns:112px 1fr;align-items:baseline;gap:20px;min-width:0;padding:14px 0;display:grid}.post-row:last-child{border-bottom:0}.post-row time,.post-row .read-time{color:var(--muted);letter-spacing:0;white-space:nowrap;font-size:.56rem}.post-row-meta{padding-top:4px;display:grid}.post-row-meta .read-time{color:var(--subtle);font-size:.5rem}.post-row.compact time{padding-top:4px}.post-row-body{min-width:0}.post-row h3{font-family:var(--font-sans);font-size:1.02rem;font-weight:500;line-height:1.6}.post-row h3 a:hover,.post-row:hover time,.post-row:hover .read-time{color:var(--accent)}.post-excerpt{color:var(--muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.86rem;line-height:1.65;display:-webkit-box;overflow:hidden}.tag-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag{border:1px solid var(--line);color:var(--muted);background:var(--surface);overflow-wrap:anywhere;border-radius:999px;padding:1px 9px;font-size:.74rem;line-height:1.6;display:inline-block}.tag:hover{color:var(--accent);border-color:var(--accent)}.tag span{color:var(--subtle)}.post-list{gap:8px;display:grid}.post-year{padding-bottom:8px}.year{font-family:var(--font-display);letter-spacing:-.03em;color:var(--subtle);margin:28px 0 6px;font-size:1.9rem;font-weight:700}.post-year:first-child .year{margin-top:8px}.page-intro{margin-bottom:20px;padding:72px 0 12px}.page-intro h1{letter-spacing:-.03em;margin:8px 0 10px;font-size:2.1rem;font-weight:700}.page-intro p{color:var(--muted);margin:0}.page-intro .px{font-size:.56rem}.page-intro .back{color:var(--muted);font-size:.52rem;display:inline-block}.page-intro .back:hover,.page-intro .eyebrow{color:var(--accent)}.inline-links{color:var(--muted);flex-wrap:wrap;gap:24px;display:flex}.inline-links a:hover{color:var(--accent)}.pagination{color:var(--muted);justify-content:space-between;align-items:center;margin:40px 0 52px;font-size:.56rem;display:flex}.pagination>*{min-width:72px}.pagination span{text-align:center}.pagination a{color:var(--text)}.pagination a:hover{color:var(--accent)}.tag-rows{margin:0;padding:0;list-style:none}.tag-row{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr;align-items:baseline;gap:20px;padding:16px 0;display:grid}.tag-row:last-child{border-bottom:0}.tag-row-head{gap:2px;min-width:0;display:grid}.tag-row-name{overflow-wrap:anywhere;font-size:1.05rem;font-weight:500;line-height:1.6}.tag-row-name:hover,.tag-row-posts a:hover{color:var(--accent)}.tag-row-head .px{color:var(--muted);font-size:.52rem}.tag-row-posts{gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.tag-row-posts a{color:var(--muted);overflow-wrap:anywhere;font-size:.84rem;line-height:1.65;display:block}.article-shell{grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:48px;max-width:980px;display:grid}.article{min-width:0;max-width:680px}.article-header{padding:72px 0 28px}.article-header h1{letter-spacing:-.03em;margin:14px 0 16px;font-size:2.3rem;font-weight:700}.article-meta{color:var(--accent);letter-spacing:0;flex-wrap:wrap;align-items:baseline;gap:0 16px;margin:0;font-size:.56rem;display:flex}.article-meta .read-time{color:var(--muted)}.post-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px;margin-top:3.5em;padding-top:4px;display:grid}.post-nav-cell{align-content:start;gap:6px;min-width:0;padding:18px 0 4px;display:grid}.post-nav-cell.older{text-align:right;grid-column:2}.post-nav-cell .px{color:var(--muted);font-size:.52rem}.post-nav-title{color:var(--text);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.98rem;font-weight:500;line-height:1.6;display:-webkit-box;overflow:hidden}.post-nav-cell:hover .px,.post-nav-cell:hover .post-nav-title{color:var(--accent)}.article-end{color:var(--muted);padding:28px 0 40px;font-size:.56rem}.article-end a:hover{color:var(--accent)}.toc{color:var(--muted);font-size:.8rem}.toc strong{color:var(--accent);letter-spacing:0;margin-bottom:10px;font-size:.5rem;display:block}.toc ul{margin:0;padding:0;list-style:none}.toc li{line-height:1.5}.toc a{border-left:2px solid var(--line);padding:4px 0 4px 12px;display:block}.toc li.depth-3 a{padding-left:24px}.toc a:hover{color:var(--text)}.toc a.on{border-color:var(--accent);color:var(--text)}.toc-side{padding-top:160px;position:sticky;top:90px}.toc-inline{border:1px solid var(--line);background:var(--surface);margin:0 0 28px;padding:14px 16px;display:none}.toc-inline a{border:0;padding:3px 0}.heading-link{color:var(--accent);opacity:0;margin-left:.4em;font-size:.75em;text-decoration:none}.prose :is(h2,h3,h4):hover .heading-link,.heading-link:focus{opacity:1}.prose{min-width:0;color:var(--body);overflow-wrap:anywhere;font-size:1.02rem;line-height:2}.prose a{color:var(--accent);text-underline-offset:.2em;text-decoration:underline 1px}.prose a:hover{text-decoration-thickness:2px}.prose p{margin:0 0 1.5em}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text);scroll-margin-top:80px}.prose h1{margin:2.2em 0 .9em;font-size:1.6rem}.prose h2{margin:2.4em 0 .9em;font-size:1.4rem}.prose h2:before{content:"■";color:var(--accent);vertical-align:middle;margin-right:.6em;font-size:.6em}.prose h3{margin:1.8em 0 .7em;font-size:1.18rem}.prose h4{margin:1.5em 0 .65em;font-size:1.04rem}.prose>:first-child{margin-top:0}.prose li{margin:.25em 0}.prose ul,.prose ol{margin:0 0 1.5em;padding-left:1.5em}.prose blockquote{border-left:2px solid var(--text);color:var(--muted);margin:1.8em 0;padding:4px 20px}.prose blockquote p:last-child{margin:0}.prose :not(pre)>code{font-family:var(--font-mono);background:var(--soft);color:var(--text);border-radius:4px;padding:.1em .4em;font-size:.85em}.prose pre{margin:0;font-size:.82rem;line-height:1.7;overflow-x:auto;background:var(--code-bg)!important;color:var(--code-text)!important;padding:18px!important}.prose pre code{font-family:var(--font-mono)}.code-frame{background:var(--code-bg);max-width:100%;box-shadow:4px 4px 0 var(--line);margin:1.8em 0;overflow:hidden}.code-bar{color:#9a9a9a;background:var(--code-bar);min-height:36px;font-family:var(--font-pixel);letter-spacing:.02em;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;font-size:.5rem;display:flex}.code-bar span{overflow-wrap:anywhere;text-transform:none;min-width:0}.code-bar button{color:#bbb;font:inherit;background:0 0;border:1px solid #3a3a3a;flex:none;padding:3px 8px;line-height:1.6}.code-bar button:hover{color:#fff;border-color:#777}.code-frame pre[data-number-lines] code{counter-reset:line}.code-frame pre[data-number-lines] .line{counter-increment:line}.code-frame pre[data-number-lines] .line:before{content:counter(line);text-align:right;color:#6f6f6f;border-right:1px solid #333;width:2.5em;margin-right:1em;padding-right:.6em;display:inline-block}.prose img{max-width:100%;margin:1.8em auto;display:block}.prose table{border-collapse:collapse;max-width:100%;margin:2em 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:8px 12px}.prose th{background:var(--soft)}.prose hr{border:0;border-top:1px solid var(--line);margin:3em 0}.prose sup a[data-footnote-ref]{font-family:var(--font-mono);padding:0 .2em;font-size:.72rem;text-decoration:none}.prose sup a[data-footnote-ref]:before{content:"["}.prose sup a[data-footnote-ref]:after{content:"]"}.prose sup{line-height:0}.prose :is(sup a[data-footnote-ref],.footnotes li){scroll-margin-top:90px}.footnotes{border-top:1px solid var(--line);color:var(--muted);margin-top:3.5em;padding-top:1.1em;font-size:.86rem;line-height:1.8}.footnotes:before{content:"NOTES";color:var(--accent);font-family:var(--font-pixel);letter-spacing:.02em;margin-bottom:.9em;font-size:.56rem;line-height:1.9;display:block}.prose .footnotes h2{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prose .footnotes h2:before{content:none}.footnotes ol{margin:0;padding-left:1.6em}.footnotes li{margin:.5em 0;padding-left:.2em}.footnotes li::marker{font-family:var(--font-mono);color:var(--subtle);font-size:.8em}.footnotes li:target{background:var(--soft)}.footnotes p{margin:0}.prose .footnotes a.data-footnote-backref{margin-left:.3em;text-decoration:none}.margin-note{display:none}.prose .mermaid{border:1px solid var(--line);max-width:100%;margin:1.8em 0;overflow-x:auto;background:var(--surface)!important;padding:12px!important}.reading-shell{max-width:720px;margin:0 auto;padding:0 24px}.legacy-page{padding-top:48px}.legacy-page>div{max-width:100%}.legacy-page div[style*=display\:flex]{flex-wrap:wrap;gap:8px}.legacy-page img[style*="width:23%"]{width:23%;min-width:120px;margin:4px 0}.search-input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);box-shadow:3px 3px 0 var(--line);margin:14px 0 22px;padding:11px 14px}.search-input:focus{outline:2px solid var(--accent);outline-offset:2px}.search-results{display:grid}.search-result h2{font-family:var(--font-sans);font-size:1.02rem;font-weight:500;line-height:1.6}.search-result h2 a:hover{color:var(--accent)}.search-snippet{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:.86rem;line-height:1.7}mark{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--text);border-radius:2px;padding:0 .12em}#search-count{color:var(--muted);font-size:.86rem}.tool-form{gap:15px;display:grid}.tool-form input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);padding:11px}.tool-form button{border:1px solid var(--text);background:var(--text);width:max-content;color:var(--bg);box-shadow:3px 3px 0 var(--line);padding:10px 18px}.tool-status{min-height:1.5em}@media (width<=999px){.article-shell{grid-template-columns:minmax(0,1fr);max-width:720px}.toc-side{display:none}.toc-inline{display:block}}@media (width>=1000px){.article{position:relative}.has-notes .toc-side{padding-top:72px;position:static}.margin-note{width:200px;color:var(--muted);border-left:2px solid var(--line);overflow-wrap:anywhere;padding-left:12px;font-size:.78rem;line-height:1.7;display:block;position:absolute;left:calc(100% + 48px)}.margin-note-num{float:left;font-family:var(--font-mono);color:var(--accent);margin:.05em .5em 0 0;font-size:.72rem}.margin-note-num:before{content:"["}.margin-note-num:after{content:"]"}.margin-note p{margin:0}.margin-note p+p{margin-top:.5em}.margin-note a{color:var(--accent);text-underline-offset:.2em;text-decoration:underline}}@media (width<=600px){.post-nav{grid-template-columns:1fr;gap:0}.post-nav-cell.older{text-align:left;grid-column:1}.post-nav-cell.newer+.post-nav-cell.older{border-top:1px solid var(--line);margin-top:14px}.header-inner,.footer-inner,.shell,.reading-shell{padding:0 20px}.header-inner{gap:14px}.site-header nav{gap:14px;font-size:.8rem}.hero{padding:56px 0 36px}.hero h1{font-size:2.2rem}.about section{padding:32px 0}.work{grid-template-columns:1fr;gap:6px}.work-meta{text-align:left}.post-row{grid-template-columns:1fr;gap:2px}.tag-row{grid-template-columns:1fr;gap:6px}.tag-row-head{grid-auto-flow:column;justify-content:start;align-items:baseline;gap:12px}.page-intro{padding-top:48px}.page-intro h1{font-size:1.8rem}.year{font-size:1.6rem}.article-header{padding-top:48px}.article-header h1{font-size:1.7rem}.prose{font-size:.98rem;line-height:1.9}.prose h2{font-size:1.3rem}.prose h3{font-size:1.12rem}.footer-inner{padding-top:24px;padding-bottom:40px}.legacy-page img[style*="width:23%"]{width:calc(50% - 8px);min-width:0}}@media (width<=350px){.header-inner,.shell,.reading-shell{padding:0 14px}.header-inner{gap:8px}.site-header nav{gap:9px;font-size:.74rem}.theme-toggle{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}