:root{--black:#0a1117;--surface:#111d25;--border:#1d3744;--border-faint:#152530;--cream:#dce8ee;--text:#a0b8c6;--muted:#4e6e7e;--faint:#263a46;--accent:#4ca5c8;--accent-dim:#4ca5c814;--accent-hover:#6fc0de;--f-sans:"Geist", "Noto Sans JP", system-ui, -apple-system, sans-serif;--f-mono:"Geist Mono", "Noto Sans JP", ui-monospace, monospace;--content:640px;--page:640px;--gutter:clamp(1.25rem, 5vw, 3rem);--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--f-sans);color:var(--text);background:var(--black);min-height:100svh;font-size:.875rem;line-height:1.75;overflow-x:hidden}img,video,svg{max-width:100%;height:auto;display:block}a{color:var(--cream);transition:color .2s var(--ease);text-decoration:none}a:hover{color:var(--muted)}::selection{background:var(--accent);color:var(--black)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--faint);border-radius:3px}.page-shell{max-width:var(--page);padding:2.5rem var(--gutter) 4rem;min-height:100svh;margin:0 auto;position:relative}.site-header{justify-content:space-between;align-items:center;margin-bottom:4rem;display:flex}.site-logo{width:2.75rem;fill:var(--cream);transition:fill .3s var(--ease)}.site-logo:hover{fill:var(--muted)}.site-header-affiliate{fill:var(--muted);transition:fill .3s var(--ease);align-items:center;gap:.375rem;display:flex}.site-header-affiliate:hover{fill:var(--faint)}.site-header-affiliate span:first-child{width:5.5rem;display:block}.site-header-affiliate .arrow{color:var(--muted);transition:color .2s var(--ease);font-size:.625rem}.site-header-affiliate:hover .arrow{color:var(--faint)}.article-content>h1:first-child,.article-content>div>h1:first-child{color:var(--cream);margin-bottom:2rem;font-size:1.75rem;font-weight:400;line-height:1.3}.article-content>h1.page-title{color:var(--cream);word-break:break-all;margin-bottom:2rem;font-size:1.5rem;font-weight:400;line-height:1.35}.article-content h2{color:var(--cream);border-top:1px solid var(--border-faint);margin-top:4rem;margin-bottom:1.25rem;padding-top:1.25rem;font-size:1.125rem;font-weight:500}.article-content h3{color:var(--cream);margin-top:2rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;line-height:1.5}.article-content h3 a{color:var(--cream)}.article-content h3 a:hover{color:var(--muted)}.article-content h4,.article-content h5,.article-content h6{color:var(--muted);margin-top:1.5rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:500}.article-content p{margin-bottom:.875rem}.article-content p:last-child{margin-bottom:0}.article-content a{color:var(--cream)}.article-content a:hover{color:var(--muted)}.article-content strong{color:var(--cream);font-weight:600}.article-content blockquote{border-left:2px solid var(--border);color:var(--muted);margin:1.5rem 0;padding:0 0 0 1rem;font-style:normal}.article-content blockquote p{margin-bottom:.5rem}.article-content blockquote p:last-child{margin-bottom:0}.article-content ul{margin-bottom:.875rem;padding:0;list-style:none}.article-content ul>li{margin-bottom:.125rem;padding-left:1rem;position:relative}.article-content ul>li:before{content:"–";color:var(--muted);position:absolute;left:0}.article-content ol{margin-bottom:.875rem;padding-left:1.25rem}.article-content ol>li{margin-bottom:.125rem}.article-content ol>li::marker{color:var(--muted)}.article-content img{border-radius:3px;height:auto;margin:.125rem 0;display:inline-block}.article-content img[src*=shields\.io]{vertical-align:middle;border-radius:2px;max-height:1.375rem;margin:.125rem .0625rem;display:inline}.article-content img[src*=microlink\.io],.article-content img[src*=youtube\.com]{border-radius:6px;width:100%;max-height:none;margin:.75rem 0 1.5rem;display:block}.article-content img[src*=readmecodegen]{vertical-align:middle;border-radius:0;max-height:1.25rem;display:inline}.article-content p>img:only-child:not([src*=shields\.io]):not([src*=readmecodegen]){max-height:14rem}.article-content table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.8125rem}.article-content th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border-faint);padding:.375rem .5rem;font-size:.75rem;font-weight:500}.article-content td{vertical-align:middle;border-bottom:1px solid var(--border-faint);padding:.375rem .5rem}.article-content tr:last-child td{border-bottom:none}.article-content code{font-family:var(--f-mono);background:var(--surface);color:var(--accent);border-radius:3px;padding:.1em .35em;font-size:.85em}.article-content pre{border:1px solid var(--border-faint);border-radius:6px;margin:1.25rem 0;padding:1rem 1.25rem;font-size:.8125rem;line-height:1.65;overflow-x:auto;background:var(--surface)!important}.article-content pre code{color:inherit;background:0 0;padding:0}.article-content hr{background:var(--border-faint);border:none;height:1px;margin:2.5rem 0}.embed-youtube{aspect-ratio:16/9;border-radius:6px;width:100%;margin:1rem 0 1.5rem;overflow:hidden}.embed-youtube iframe{border:none;width:100%;height:100%}.embed-twitter{margin:1rem 0}.article-content details{margin:0 0 2.5rem}.article-content summary{cursor:pointer;user-select:none;list-style:none}.article-content summary::-webkit-details-marker{display:none}.article-content summary::marker{content:""}.article-content summary h2{color:var(--muted);border:none;margin:0;padding:0;font-size:.75rem;font-weight:400;display:inline}.article-content details>ul{flex-wrap:wrap;gap:0 1.25rem;margin-top:.625rem;padding:0;display:flex}.article-content details>ul>li{padding-left:0}.article-content details>ul>li:before{display:none}.article-content details>ul>li a{color:var(--text);font-size:.75rem;line-height:1.875}.article-content details>ul>li a:hover{color:var(--muted)}.gallery{margin-top:3rem}.gallery-grid{grid-template-columns:1fr;gap:2px;display:grid}@media (width>=640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.gallery-item{overflow:hidden}.gallery-item img{object-fit:contain;width:100%;height:auto}@media (width<=480px){.site-header{margin-bottom:3rem}.article-content>h1:first-child,.article-content>div>h1:first-child{font-size:1.375rem}.article-content details>ul{column-gap:.875rem}}