:root{--container-width:920px;--container-padding:16px;--bg:#fff;--fg:#111;--fg-muted:#595959;--fg-subtle:#8c8c8c;--fg-faint:#757575;--surface:#fafafa;--surface-hover:#f4f4f4;--border:#e6e6e6;--border-strong:#cfcfcf;--link:#1d4ed8;--link-hover:#1e3a8a;--radius-sm:6px;--radius-md:10px;--radius-pill:999px;--shadow-popover:0 8px 24px rgba(0,0,0,.1);--image-max-height:640px;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Noto Sans JP","Meiryo",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-sans);color:var(--fg);background:var(--bg);-webkit-text-size-adjust:100%}body{font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}h1,h2,h3{color:var(--fg)}img{max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:4px}.container{max-width:var(--container-width);margin:0 auto;padding:16px var(--container-padding)}header{padding:16px 0 0;border-bottom:1px solid var(--border)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px}.site-title{margin:0;font-weight:300;font-size:22px;letter-spacing:.04em}.site-footer{padding:32px 16px;margin-top:48px;border-top:1px solid var(--border);color:var(--fg-muted);text-align:center}.author-menu{position:relative}.author-trigger{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:0;background:transparent;padding:4px;margin:-4px;border-radius:var(--radius-sm);color:inherit;font:inherit}.author-trigger:hover{background:var(--surface-hover)}.author-trigger img{border-radius:50%;flex:none;width:28px;height:28px}.author-trigger span{font-size:14px;color:var(--fg-muted)}.author-dropdown{position:absolute;right:0;top:100%;margin-top:8px;padding:6px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);display:grid;grid-gap:2px;gap:2px;min-width:200px;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;pointer-events:none;z-index:1000}.author-menu[data-open=true] .author-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}@media (prefers-reduced-motion:reduce){.author-dropdown{transition:none;transform:none}}.author-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);white-space:nowrap;font-size:14px}.author-link:hover{background:var(--surface-hover)}.author-link img{flex:none;width:18px;height:auto;object-fit:contain}.x-icon{background:var(--fg);border-radius:3px;padding:2px;width:18px;height:18px}.post-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:12px;gap:12px}.year-group+.year-group{margin-top:8px}.year-heading{display:flex;align-items:center;gap:12px;margin:28px 0 12px;font-size:13px;font-weight:600;color:var(--fg-muted);letter-spacing:.1em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.year-group:first-child .year-heading{margin-top:0}.year-heading:after{content:"";flex:1 1;height:1px;background:var(--border)}.load-more{display:flex;align-items:center;justify-content:center;gap:10px;margin:28px auto 0;padding:0 24px;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--fg);font-family:inherit;font-size:14px;letter-spacing:.02em;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.load-more:hover{background:var(--surface-hover);border-color:var(--border-strong)}.load-more-count{font-size:12px;color:var(--fg-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.post-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;transition:border-color .15s ease,background-color .15s ease}.post-card:hover{border-color:var(--border-strong);background:var(--surface)}.post-card .post-title a:after{content:"";position:absolute;inset:0;border-radius:inherit}.post-card .tag-list{position:relative;z-index:1;pointer-events:none}.post-card .tag-list .tag-badge{pointer-events:auto}.post-date{display:block;margin:0 0 6px;font-family:var(--font-mono);font-size:11px;line-height:1;letter-spacing:.1em;color:var(--fg-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.post-title{margin:0;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:.01em}.post-title a{color:inherit}.card-tags{margin-top:10px}.page-title{margin:0 0 10px;font-size:24px;font-weight:600;line-height:1.45;letter-spacing:.01em}.post-excerpt{margin:8px 0 0;color:var(--fg-muted);font-size:14px;line-height:1.75}.meta-date{font-size:12px;color:var(--fg-muted);letter-spacing:.02em}.tag-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tag-badge{display:inline-flex;align-items:center;line-height:1;font-size:12px;border:1px solid var(--border);padding:5px 9px;border-radius:var(--radius-sm);background:var(--bg);color:var(--fg-muted);letter-spacing:.02em;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.tag-badge:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--fg)}.x-share{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:12px;color:var(--fg-muted);background:var(--bg)}.x-share:hover{background:var(--surface-hover);border-color:var(--border-strong)}.x-share img{width:14px;height:14px;display:block;background:var(--fg);border-radius:3px;padding:1px;box-sizing:content-box}.home-section,.promo{margin-top:40px}.promo-label{margin:0 0 6px;font-size:11px;color:var(--fg-muted);letter-spacing:.12em}.promo-link{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border-radius:var(--radius-sm);transition:background-color .15s ease}.promo-link:hover{background:var(--surface-hover)}.promo-icon{flex:none;width:32px;height:32px;border-radius:8px}.promo-text{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.45}.promo-name{font-size:14px;font-weight:600;letter-spacing:.01em}.promo-desc{font-size:12px;color:var(--fg-muted)}.promo-arrow{margin-left:auto;flex:none;font-size:13px;color:var(--fg-muted)}.pager{display:flex;gap:8px;margin-top:32px}.pager,.pager-link,.pager-spacer{justify-content:center;align-items:center}.pager-link,.pager-spacer{display:inline-flex;width:44px;height:44px;border-radius:var(--radius-sm);color:var(--fg-muted);font-size:16px}.pager-link:hover{background:var(--surface-hover);color:var(--fg)}.pager-status{font-size:14px;color:var(--fg-muted);min-width:64px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.section-title{font-size:16px;font-weight:600;margin:0 0 12px;letter-spacing:.02em}.page-state{color:var(--fg-muted);padding:32px 0;text-align:center}.article-title{margin:0 0 10px;font-size:28px;font-weight:600;line-height:1.45;letter-spacing:.01em}.article-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.article-header .tag-list{margin-top:12px}.article-content{font-size:16px;line-height:2.05;letter-spacing:.02em}.article-content>:first-child{margin-top:0}.article-content p{margin:0 0 1.4em}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5{margin:2.5rem 0 .75rem;line-height:1.45;letter-spacing:.02em;scroll-margin-top:24px}.article-content h1{font-size:26px}.article-content h2{font-size:21px}.article-content h3{font-size:18px}.article-content h4{font-size:16px}.article-content h5{font-size:15px}.article-content h1:before,.article-content h2:before,.article-content h3:before,.article-content h4:before,.article-content h5:before{color:var(--fg-subtle);font-weight:400;-moz-user-select:none;user-select:none;-webkit-user-select:none}.article-content h1:before{content:"# "}.article-content h2:before{content:"## "}.article-content h3:before{content:"### "}.article-content h4:before{content:"#### "}.article-content h5:before{content:"##### "}.article-content :is(h1,h2,h3,h4,h5) a{color:inherit;text-decoration:none}.article-content a{color:var(--link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.article-content a:hover{color:var(--link-hover);text-decoration-thickness:2px}.article-content ol,.article-content ul{padding-left:1.5em;margin:0 0 1.4em}.article-content li{margin-bottom:.4em}.article-content li>ol,.article-content li>ul{margin:.4em 0 0}.article-content blockquote{margin:1.6em 0;padding:4px 0 4px 16px;border-left:3px solid var(--border-strong);color:var(--fg-muted)}.article-content blockquote>:last-child{margin-bottom:0}.article-content hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}.article-image-link{display:block;cursor:zoom-in}.article-content img{max-height:var(--image-max-height);width:auto;border-radius:var(--radius-md);border:1px solid var(--border)}.article-content iframe,.article-content img{max-width:100%;height:auto;display:block;margin:20px auto}.article-content iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--radius-md);background:var(--surface)}.article-content .table-wrap{overflow-x:auto;margin:1.6em 0;border:1px solid var(--border);border-radius:var(--radius-md)}.article-content table{border-collapse:collapse;width:100%;font-size:15px}.article-content td,.article-content th{padding:8px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.article-content th{background:var(--surface);font-weight:600;white-space:nowrap}.article-content tr:last-child td{border-bottom:0}.article-content code,.article-content kbd,.article-content pre,.article-content samp{font-family:var(--font-mono)}.article-content :not(pre)>code{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;padding:.1em .35em;font-size:.88em}.article-content pre{overflow-x:auto;padding:14px 16px;margin:1.6em 0;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);line-height:1.7}.article-content pre,.article-content pre code{font-size:13px}.article-content code.hljs{display:block;overflow-x:auto;color:#24292f;background:transparent}.article-content .hljs-comment,.article-content .hljs-quote{color:#6e7781;font-style:italic}.article-content .hljs-keyword,.article-content .hljs-selector-tag,.article-content .hljs-type{color:#cf222e}.article-content .hljs-literal,.article-content .hljs-number,.article-content .hljs-symbol{color:#0550ae}.article-content .hljs-doctag,.article-content .hljs-string{color:#0a3069}.article-content .hljs-name,.article-content .hljs-section,.article-content .hljs-title{color:#953800}.article-content .hljs-attr,.article-content .hljs-attribute{color:#116329}.article-content .hljs-built_in,.article-content .hljs-builtin-name{color:#8a4600}.article-content .hljs-bullet,.article-content .hljs-meta,.article-content .hljs-subst{color:#1f2328}.article-content .hljs-addition{color:#116329;background:rgba(46,160,67,.1)}.article-content .hljs-deletion{color:#cf222e;background:rgba(255,129,130,.15)}.article-content .hljs-link{text-decoration:underline}.image-modal{position:fixed;inset:0;z-index:2000;justify-content:center;padding:40px 24px;background:hsla(0,0%,7%,.88);cursor:zoom-out;animation:image-modal-in .15s ease}.image-modal,.image-modal-figure{display:flex;flex-direction:column;align-items:center;gap:12px}.image-modal-figure{margin:0;max-width:100%;max-height:100%;cursor:default}.image-modal-img{max-width:100%;max-height:calc(100vh - 140px);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);background:var(--bg)}.image-modal-caption{margin:0;color:#f0f0f0;font-size:13px;line-height:1.6;text-align:center;max-width:720px}.image-modal-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:26px;line-height:1;color:#fff;background:hsla(0,0%,100%,.12);border:0;border-radius:50%;cursor:pointer}.image-modal-close:hover{background:hsla(0,0%,100%,.24)}.image-modal-close:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes image-modal-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.image-modal{animation:none}}.recent-posts{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;margin-top:48px}.recent-posts h2{margin:0 0 12px;font-size:16px;font-weight:600;letter-spacing:.02em}.recent-posts ul{margin:0;padding:0;list-style:none;display:grid;grid-gap:10px;gap:10px}.recent-posts a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);font-size:15px}.recent-posts a:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}@media (max-width:768px){:root{--container-padding:16px}.site-title{font-size:19px}.author-trigger span{display:none}.article-title{font-size:24px}.page-title{font-size:21px}.article-content{font-size:15.5px;line-height:1.95}.article-content h1{font-size:22px}.article-content h2{font-size:19px}.article-content h3{font-size:17px}.article-content :is(h1,h2,h3,h4,h5){margin:2rem 0 .6rem}.post-card{padding:14px 16px}.post-title{font-size:17px}.recent-posts{padding:16px;margin-top:32px}:root{--image-max-height:480px}.promo-desc{font-size:11.5px}.site-footer{margin-top:32px;padding:24px 16px}}@font-face{font-family:__Poppins_0d2dc5;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6c177e25b87fd9cd-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_0d2dc5;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6c9a125e97d835e1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_0d2dc5;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/4c285fdca692ea22-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_0d2dc5;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_0d2dc5;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_0d2dc5;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_Fallback_0d2dc5;src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.__className_0d2dc5{font-family:__Poppins_0d2dc5,__Poppins_Fallback_0d2dc5;font-style:normal}