@layer reset,tokens,base,content,components;@layer reset{*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}hr{color:inherit;border-top-width:1px;height:0}abbr:where([title]){text-decoration:underline dotted}table{border-color:inherit;border-collapse:collapse;text-indent:0}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block}img,video{max-width:100%;height:auto}picture{display:contents}button{appearance:button;font:inherit;color:inherit;background-color:#0000;border-radius:0}summary{display:list-item}[hidden]:where(:not([hidden=until-found])){display:none}}@layer tokens{:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;--fg:var(--buncss-light,#000)var(--buncss-dark,#fff);--bg:var(--buncss-light,#fff)var(--buncss-dark,#000);--bg-artwork:var(--buncss-light,#ddd)var(--buncss-dark,#222);--bg-thead:var(--buncss-light,#ddd)var(--buncss-dark,#222);--border:#aaa;--link:var(--buncss-light,#d50000)var(--buncss-dark,#88c0dd);--quote:var(--buncss-light,#666)var(--buncss-dark,#9c9c9c);--linkcard:var(--buncss-light,#aaa)var(--buncss-dark,#666);--menu:var(--buncss-light,#666)var(--buncss-dark,#9c9c9c);--code-fg:var(--buncss-light,#222)var(--buncss-dark,#ddd);--code-bg:var(--buncss-light,#eee)var(--buncss-dark,#222);--gray-50:oklch(.985 0 0);--gray-100:oklch(.967 0 0);--gray-200:oklch(.928 0 0);--gray-300:oklch(.872 0 0);--gray-400:oklch(.707 0 0);--gray-500:oklch(.551 0 0);--gray-600:oklch(.446 0 0);--gray-700:oklch(.373 0 0);--gray-800:oklch(.269 0 0);--gray-900:oklch(.205 0 0);--gray-950:oklch(.143 0 0);--content-width:700px}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}}@layer base{html{font-family:-apple-system,Helvetica Neue,BlinkMacSystemFont,Arial,Hiragino Kaku Gothic,Roboto,Noto Sans CJK JP,Segoe UI,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:16px}body{max-inline-size:var(--content-width);color:var(--fg);background:var(--bg);margin-inline-start:auto;margin-inline-end:auto;line-height:1.7}@media (min-width:700px){body{border-inline:1px solid var(--border)}}h1,h2,h3,h4,h5,h6{font-weight:700}h1{text-align:center;margin-block-start:.5rem;margin-block-end:.5rem;padding-block-start:.5rem;padding-block-end:.5rem;padding-inline-start:1rem;padding-inline-end:1rem;font-size:1.875rem;line-height:2.25rem}h2{margin-block-start:4rem;margin-block-end:2rem;padding-block-start:.5rem;padding-block-end:.5rem;font-size:1.6rem;line-height:2rem}h3{margin-block-start:2rem;margin-block-end:2rem;font-size:1.3rem;line-height:1.75rem}h4{margin-block-start:1.5rem;margin-block-end:1.5rem;font-size:1.125rem;line-height:1.75rem}h5,h6{font-size:1rem;line-height:1.5rem}article h2{position:relative;border-block-end:3px solid var(--border);padding-block-start:.75rem;padding-block-end:.75rem}article h2:before{content:"";position:absolute;border-block-end:3px solid var(--link);inline-size:25%;bottom:-3px}article h2:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}article h2:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}article h2:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}article h2:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}article h2:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}article h2:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}article h2:first-of-type{margin-block-start:0}@media (min-width:700px){article h2:first-of-type{margin-block-start:3rem}}article h3{border-block-end:1px solid var(--border);margin-block-start:2.25rem;margin-block-end:1.5rem;padding-block-start:.5rem;padding-block-end:.5rem}article :-webkit-any(h2,h3,h4,h5,h6) a{color:var(--fg)}article :-moz-any(h2,h3,h4,h5,h6) a{color:var(--fg)}article :is(h2,h3,h4,h5,h6) a{color:var(--fg)}article a{color:var(--link);word-break:break-all}@media (hover:hover){article a:hover{text-decoration-line:underline}}table{inline-size:100%;margin-block-start:1.5rem;margin-block-end:1.5rem}table,thead,th,tbody,tr,td{border:1px solid var(--border);padding-block-start:.25rem;padding-block-end:.25rem;padding-inline-start:.5rem;padding-inline-end:.5rem}thead{background-color:var(--bg-thead)}pre{overflow:auto;border-radius:.5rem;max-block-size:540px;margin-block-end:1.5rem;padding-block-start:1rem;padding-block-end:1rem;padding-inline-start:2rem;padding-inline-end:2rem}:-webkit-any(p,li) code{color:var(--code-fg);background-color:var(--code-bg);border-radius:4px;padding:2px 6px;font-size:.875rem;line-height:1.25rem}:-moz-any(p,li) code{color:var(--code-fg);background-color:var(--code-bg);border-radius:4px;padding:2px 6px;font-size:.875rem;line-height:1.25rem}:is(p,li) code{color:var(--code-fg);background-color:var(--code-bg);border-radius:4px;padding:2px 6px;font-size:.875rem;line-height:1.25rem}code span{margin-block-start:2px;margin-block-end:2px;font-size:.875rem;line-height:1.25rem}blockquote{color:var(--quote);border-inline-start:4px solid var(--quote);margin:1.5rem;padding-inline-start:1rem;padding-inline-end:1rem}iframe{inline-size:100%}}@layer content{main article{margin-block-start:2rem;margin-block-end:2rem;margin-inline-start:1rem;margin-inline-end:1rem}@media (min-width:700px){main article{margin:3rem}}main article :-webkit-any(p,figure){margin-block-start:1.5rem;margin-block-end:1.5rem}main article :-moz-any(p,figure){margin-block-start:1.5rem;margin-block-end:1.5rem}main article :is(p,figure){margin-block-start:1.5rem;margin-block-end:1.5rem}main article :-webkit-any(ul,ol){margin-block-start:1.5rem;margin-block-end:1.5rem;padding-inline-start:1.5rem}main article :-moz-any(ul,ol){margin-block-start:1.5rem;margin-block-end:1.5rem;padding-inline-start:1.5rem}main article :is(ul,ol){margin-block-start:1.5rem;margin-block-end:1.5rem;padding-inline-start:1.5rem}main article ul li{list-style-type:disc}main article ol li{list-style-type:decimal}main article li :-webkit-any(ul,ol,p){margin-block-start:0;margin-block-end:0}main article li :-moz-any(ul,ol,p){margin-block-start:0;margin-block-end:0}main article li :is(ul,ol,p){margin-block-start:0;margin-block-end:0}}@layer components{.content-image{background-color:var(--bg-artwork);object-fit:contain;block-size:auto;max-block-size:540px;inline-size:100%}article .content-image{border-block-start:1px solid var(--border);border-block-end:1px solid var(--border);margin-block-start:1rem;margin-block-end:1rem}.caption{color:var(--gray-500);text-align:center}.link-card{display:flex;overflow:hidden;border:1px solid var(--border);border-radius:.5rem;block-size:6.375rem;margin-block-start:1.5rem;margin-block-end:1.5rem;transition:background-color .15s}@media (hover:hover){.link-card:hover{background-color:color-mix(in oklch,var(--gray-400)30%,transparent);text-decoration-line:none}}.link-card-body{display:flex;flex-direction:column;flex:1;min-inline-size:0;padding:1rem}.link-card-title,.link-card-description,.link-card-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-card-title{color:var(--fg);font-weight:700}@media (min-width:480px){.link-card-title{font-size:1.125rem}}.link-card-description{color:var(--quote);font-size:.875rem}.link-card-url{color:var(--link);margin-block-start:auto;font-size:.875rem}.link-card-image{object-fit:cover;block-size:100%;inline-size:auto;max-inline-size:7.5rem;margin:0}@media (min-width:480px){.link-card-image{max-inline-size:15rem}}.tag{display:inline-block;color:var(--link);margin-inline-end:.25rem}@media (hover:hover){.tag:hover{text-decoration-line:underline}}.emoji{block-size:120px;font-size:100px;line-height:1.2}.top-article{border-block-end:1px solid var(--border);text-align:center;padding-top:24px}.top-article .emoji{margin-block-end:1rem}.top-article h1{color:var(--fg);border-inline-start:none;margin-block-start:2rem;margin-block-end:.5rem;padding-inline-start:1rem;padding-inline-end:1rem;font-size:1.5rem}@media (min-width:480px){.top-article h1{font-size:1.875rem}}.top-article p:last-child{margin-block-end:2rem}@media (min-width:480px){.top-article .tag{font-size:1.25rem}.top-article p:last-child{font-size:1.25rem}}.top-article-tags{display:inline-block;margin-block-end:1rem}.expressive-code{margin-block-start:1.5rem;margin-block-end:1.5rem}.site-header{border-block-end:1px solid var(--border)}.site-title{color:var(--fg);border-inline-start:none;margin:0;padding:1rem;font-size:1.25rem}.site-nav{display:flex;inline-size:66%;margin:0;padding:0}.site-nav li{list-style-type:none;transition:background-color .15s}@media (hover:hover){.site-nav li:hover{background-color:color-mix(in srgb,var(--gray-400)30%,transparent)}}.site-nav a{position:relative;display:block;text-align:center;color:var(--menu);text-decoration-line:none;padding-block-start:.75rem;padding-block-end:.75rem;padding-inline-start:1rem;padding-inline-end:1rem;font-size:1.125rem}.site-nav a[aria-current=page]{color:var(--fg);font-weight:700}.site-nav a[aria-current=page]:after{content:"";position:absolute;background-color:var(--link);border-radius:9999px;block-size:.25rem;bottom:0;left:0;right:0}.site-footer{border-block-start:1px solid var(--border)}.site-footer-meta{display:flex;border-block-start:1px solid var(--border);align-items: center;block-size:5rem;padding-inline-start:1rem;padding-inline-end:1rem}.sns-list{display:flex;margin-inline-start:auto}.sns-list a{display:block;fill:var(--fg);block-size:1.5rem;inline-size:1.5rem;margin-inline-start:.75rem}.sns-list svg{block-size:100%;inline-size:100%}.toc{background-color:var(--code-bg);border:1px solid var(--border);border-radius:.375rem;margin-block-start:3rem;margin-block-end:3rem;margin-inline-start:1rem;margin-inline-end:1rem;padding-block-start:.5rem;padding-block-end:.5rem;padding-inline-start:1.5rem;padding-inline-end:1.5rem}@media (min-width:700px){.toc{margin-inline-start:3rem;margin-inline-end:3rem}}.toc summary{display:flex;cursor:pointer;list-style:none;justify-content:space-between;align-items: center}.toc summary::-webkit-details-marker{display:none}.toc summary:after{content:"▼";color:var(--menu);transition:transform .2s ease-in-out;font-size:.875rem;transform:rotate(-90deg)}.toc[open] summary:after{transform:rotate(0)}.toc summary h2{color:var(--fg);border-inline-start:none;margin:0;padding:0;font-size:1.125rem}.toc ol{margin-block-start:.5rem;margin-block-end:0;padding:0}.toc a{display:block;color:var(--menu);text-decoration-line:none}@media (hover:hover){.toc a:hover{color:var(--fg);text-decoration-line:underline}}.toc-item{list-style-type:none;margin-block-start:.25rem;margin-block-end:.25rem}.toc-item[data-depth="2"]{padding-inline-start:2rem}.toc-item[data-depth="3"]{padding-inline-start:4rem}.top{text-align:center;border-block-end:1px solid var(--border);padding-block-start:2rem;padding-block-end:2rem}.top h1{color:var(--fg);border-inline-start:none;margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:1rem;padding-inline-end:1rem}.top p{padding-inline-start:1rem;padding-inline-end:1rem;font-size:1.25rem}.top-icon{display:block;border-radius:9999px;block-size:10rem;inline-size:10rem;margin-inline-start:auto;margin-inline-end:auto}.article-cards{margin:1.5rem}.article-card{display:block;border:1px solid var(--border);border-radius:5px;margin-block-start:1.5rem;margin-block-end:1.5rem;padding-block-start:1rem;padding-block-end:1rem;padding-inline-start:2rem;padding-inline-end:2rem}@media (min-width:600px){.article-card{display:flex}}.article-card h2{color:var(--fg);border-inline-start:none;border-block-end:2px solid var(--border);margin:0 0 1rem;padding:0 0 .5rem;font-size:1.125rem}@media (min-width:480px){.article-card h2{font-size:1.25rem}}@media (hover:hover){.article-card h2 a:hover{text-decoration-line:underline}}.article-card p{margin:0}.article-card-meta{width:100%;margin:auto 0}.article-card-emoji{text-align:center;margin-block-start:2.5rem;margin-block-end:2.5rem;font-size:80px}@media (min-width:600px){.article-card-emoji{margin-block-start:auto;margin-block-end:auto;padding-inline-end:2rem;font-size:100px}}.article-card-tags{display:inline-block}.page-bar{display:flex;border-block-start:1px solid var(--border);block-size:6rem}.page-bar ul{display:flex;align-items: center;margin-inline-start:auto;margin-inline-end:auto;padding:0}.page-bar li{display:flex;list-style-type:none;margin-inline-start:.5rem;margin-inline-end:.5rem}.page-bar-count{font-size:1.5rem}.page-bar-disabled{color:var(--bg-artwork)}.gallery{display:grid;grid-template-columns:repeat(3,1fr)}.gallery img{display:block;aspect-ratio:1;object-fit:cover;background-color:var(--bg-artwork);inline-size:100%}.gallery-row{overflow-x:auto;border-block-start:1px solid var(--border);padding-block-end:.5rem}.gallery-row img{display:block;aspect-ratio:1;object-fit:cover;background-color:var(--bg-artwork);border-radius:.375rem;inline-size:100%}.gallery-row a[aria-current=page] img{outline:2px solid var(--link)}@media (hover:hover){.gallery-row a:not([aria-current=page]):hover img{opacity:.4}}.gallery-row-track{display:flex}.gallery-row-track>a{flex:0 0 27%;padding-block-start:.5rem;padding-block-end:0;padding-inline-start:.25rem;padding-inline-end:.25rem}.artwork-detail{text-align:center;border-block-start:4px solid var(--link);padding-block-start:1rem;padding-block-end:2rem}.artwork-detail h1{color:var(--fg);border-inline-start:none;margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:1rem;padding-inline-end:1rem}@media (min-width:480px){.artwork-detail h1{font-size:2.25rem}}.artwork-detail p{margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:1rem;padding-inline-end:1rem;font-size:1.25rem}.artwork-detail-tags{display:flex;flex-wrap:wrap;justify-content:center;margin-block-end:1rem;font-size:1.25rem}.back{display:flex;border-block-start:1px solid var(--border);align-items: center;block-size:4rem}.back-link{display:flex;align-self:stretch;align-items: center;gap:.5rem;padding-inline-start:1rem;padding-inline-end:1rem;transition:background-color .15s}@media (hover:hover){.back-link:hover{background-color:color-mix(in srgb,var(--gray-400)30%,transparent)}}.share-button{display:block;border:1px solid var(--border);fill:#fff;background-color:#000;border-radius:.375rem;block-size:2.5rem;inline-size:2.5rem;margin-inline-start:auto;margin-inline-end:1rem;padding:.5rem;transition:background-color .15s,fill .15s}@media (hover:hover){.share-button:hover{fill:#000;background-color:#fff}}.share-button svg{block-size:100%;inline-size:100%}}