.blog{--blog-text:max(calc(var(--base) * .8), 13px);--muted:#777;box-sizing:border-box;width:min(60vh,100%);min-height:100vh;padding:calc(var(--base) * 2.5) calc(var(--base) * 1.25) calc(var(--base) * 8);color:#000;font:var(--blog-text)/1.6 "Hiragino Kaku Gothic ProN W3", "Helvetica Neue", Helvetica, Arial, sans-serif;background:#fffc;margin:0 auto}.blog *,.blog :before,.blog :after{box-sizing:border-box}.blog a{color:inherit;text-decoration:none}.blog a:hover{text-decoration:underline}.blog-back{margin-bottom:calc(var(--base) * 2.5);display:inline-block}.blog .post-list,.blog .tag-list{margin:0;padding:0;list-style:none}.blog .post-list li{margin:0 0 calc(var(--base) * 2.25)}.blog .post-list a{display:block}.blog .post-list a:hover{text-decoration:none}.blog .post-list a:hover .post-list-title{opacity:.6}.blog .post-list .date{margin-bottom:.2em;display:block}.blog .post-list-title{font-family:arrayregular;font-size:calc(var(--base) * 2.2);overflow-wrap:anywhere;line-height:1.05;display:block}.blog .post-list .note-entry{margin-bottom:calc(var(--base) * 3.5)}.blog .note-entry .date{margin-bottom:.75em}.blog .note-entry .date:hover{text-decoration:underline}.blog .note-body>:first-child{margin-top:0}.blog .note-body>:last-child{margin-bottom:0}.blog .tag-list li{margin:0 0 1em}.blog .count,.blog .draft-mark,.blog .updated{color:var(--muted)}.blog .page-label{margin:0 0 calc(var(--base) * 2.5)}.blog .note{margin:0}.blog .post-head{margin-bottom:calc(var(--base) * 2.5)}.blog .post-head .date{margin-bottom:1.25em;display:block}.blog .post-head h1{font-family:arrayregular;font-weight:400;font-size:calc(var(--base) * 3);overflow-wrap:anywhere;margin:0;line-height:1.05}.blog .post-description{margin:1.25em 0 0}.blog .post-body h2,.blog .post-body h3{font-family:arrayregular;font-weight:400;font-size:calc(var(--base) * 1.6);margin:2.5em 0 .75em;line-height:1.1}.blog .post-body h3{font-size:calc(var(--base) * 1.25)}.blog .post-body p{margin:0 0 1.25em}.blog .post-body img,.blog .post-body video{max-width:100%;height:auto;margin:2em 0;display:block}.blog .post-body img:not([width]):not([style]),.blog .post-body video:not([width]):not([style]){width:100%}.blog .post-body video{background:#000}.blog .post-body blockquote{border-left:1px solid #000;margin:1.5em 0;padding-left:1em}.blog .post-body code{background:#f2f2f2;padding:.05em .3em;font:.9em/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.blog .post-body pre{background:#f2f2f2;padding:.75em;overflow-x:auto}.blog .post-body pre code{background:0 0;padding:0}.blog .post-body table{border-collapse:collapse;width:100%}.blog .post-body th,.blog .post-body td{text-align:left;border-bottom:1px solid #ddd;padding:.3em .5em .3em 0}.blog .post-body ul,.blog .post-body ol{padding-left:1.25em}.blog .post-body a{text-decoration:underline}.blog .post-foot{margin-top:calc(var(--base) * 3)}.blog .post-tags{flex-wrap:wrap;gap:.75em;margin:0 0 .5em;display:flex}.blog .post-tags a:before{content:"#"}.blog .pager{margin-top:calc(var(--base) * 3);justify-content:space-between;gap:1em;display:flex}.blog .post-body img{cursor:zoom-in}.blog .post-body a img{cursor:pointer}.blog .lightbox{cursor:zoom-out;background:0 0;border:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0}.blog .lightbox[open]{justify-content:center;align-items:center;display:flex}.blog .lightbox::backdrop{background:#fffffff5}.blog .lightbox img{object-fit:contain;max-width:94vw;max-height:92vh;display:block}:root{--playlist-gap:2px}#blog-playlist{--playlist-opacity:.25;--playlist-blur:8px;--playlist-corner:13px;top:calc(var(--playlist-top,calc(var(--base) * 4)) + var(--playlist-gap));z-index:9998;box-sizing:border-box;background:rgba(0, 0, 0, var(--playlist-opacity));width:min(60vh,100%);backdrop-filter:blur(var(--playlist-blur));color:#fff;font:max(calc(var(--base) * .8), 13px)/1.6 "Hiragino Kaku Gothic ProN W3", "Helvetica Neue", Helvetica, Arial, sans-serif;border-radius:0 0 var(--playlist-corner) var(--playlist-corner);transform:translateY(calc(-100% - var(--playlist-gap)));margin:0 auto;transition:transform .5s cubic-bezier(.22,1,.36,1);position:fixed;left:0;right:0}#blog-playlist.shown{transform:none}@media (prefers-reduced-motion:reduce){#blog-playlist{transition:none}}#blog-playlist .playlist-toggle{width:100%;padding:calc(var(--base) * .35) calc(var(--base) * 1.25);color:inherit;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}#blog-playlist .playlist-toggle:hover{opacity:.7}#blog-playlist .playlist-arrow{transition:transform .4s cubic-bezier(.22,1,.36,1);display:inline-block}#blog-playlist .playlist-arrow:before{content:"▾"}#blog-playlist.expanded .playlist-arrow{transform:rotate(180deg)}#blog-playlist .playlist-frame{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1);display:grid}#blog-playlist.expanded .playlist-frame{grid-template-rows:1fr}#blog-playlist .playlist-frame-clip{min-height:0;overflow:hidden}#blog-playlist .playlist-frame-content{padding:0 calc(var(--base) * .5) calc(var(--base) * .5)}@media (prefers-reduced-motion:reduce){#blog-playlist .playlist-frame,#blog-playlist .playlist-arrow{transition:none}}#blog-playlist iframe{border:0;border-radius:12px;width:100%;display:block}.blog:has(.playlist-config){padding-top:calc(var(--base) * 2.5 + var(--playlist-gap) + var(--playlist-strip-height,calc(var(--base) * 2)))}.blog:not(.swapped-in){animation:.6s both blog-fade-in}@keyframes blog-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.blog{animation:none}}