.link-card{border:1px solid rgb(from var(--text) r g b /.5);width:100%;height:76.67px;margin:12px 0;text-decoration:none;transition:all .3s ease-in-out;display:flex;overflow:hidden}.link-card:hover{border-color:var(--text)}.link-card__thumbnail{aspect-ratio:1;height:100%}.link-card__image{object-fit:cover;width:100%;height:100%;margin-top:0!important;margin-bottom:0!important}.link-card__body{flex-direction:column;flex:1;min-width:0;padding:10px;line-height:1.5;display:flex}.link-card__text{flex-direction:column;display:flex}.link-card__title{color:var(--text);font-size:.9rem;font-weight:700}.link-card__description{width:100%;color:var(--text);opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.link-card__meta{align-items:center;gap:.5rem;display:flex}.link-card__favicon{width:.7rem;height:.7rem;margin-right:.2rem;margin-top:0!important;margin-bottom:0!important}.link-card__url{color:var(--link);font-size:.7rem}.prose a{color:var(--text);text-decoration-color:var(--text)}.prose img{width:90%;margin:5px auto;display:block}.prose details{border:1px solid rgb(from var(--text) r g b / .5);user-select:none;cursor:pointer;border-radius:8px;padding:10px 20px}.prose details{&::details-content{transition:height .2s linear, opacity .2s linear, content-visibility .2s linear allow-discrete;opacity:0;height:0;overflow:clip}&[open]::details-content{opacity:1}}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}.prose details[open]::details-content{height:auto}}@supports not (interpolate-size:allow-keywords){.prose details{transition:none}}.prose details ul{margin:0;padding-top:10px;padding-bottom:10px}.prose details a{color:var(--link);text-decoration:none}.prose h3,.prose h4{width:fit-content;margin:.7rem 0;position:relative}.prose h3{border-bottom:2px solid var(--accent);padding:0 .5rem 0 1.2rem;font-size:1.1rem;font-weight:700}.prose h3:before{content:"#";width:100%;height:100%;color:var(--accent);position:absolute;top:0;left:0}.prose h4{padding:0 .5rem 0 1rem;font-size:1rem;font-weight:600}.prose h4:before{content:"・";width:100%;height:100%;color:var(--accent);position:absolute;top:0;left:0}.prose .link-card img{display:initial;width:initial;margin:initial}.prose sup{position:relative}.prose sup a{color:#6088c6;text-decoration:none}.prose sup a:visited{color:#6088c6}.prose sup a:hover,.prose sup a:focus,.prose a.data-footnote-backref{color:#6088c6;text-decoration:none}.prose a.data-footnote-backref:visited{color:#6088c6}.prose a.data-footnote-backref:hover,.prose a.data-footnote-backref:focus{color:#6088c6;text-decoration:none}.prose blockquote{box-sizing:border-box;border-left:4px solid var(--accent);margin:10px 0;padding:10px 15px;box-shadow:0 2px 4px #00000024}.prose blockquote p{margin:0;padding:0}.prose p{margin-bottom:1rem;padding:0}.prose .footnotes h2{display:none}.prose .footnotes p{margin-bottom:0}.prose .footnote-hover-tooltip{background-color:var(--bg-mild);width:max-content;max-width:min(20rem,80vw);color:var(--text);opacity:0;visibility:hidden;z-index:2;border-radius:.4rem;padding:.5rem;font-size:.8rem;transition:opacity .3s,visibility .3s;position:absolute;top:calc(100% + .5rem)}.prose sup:hover .footnote-hover-tooltip{opacity:1;visibility:visible}@font-face{font-family:JetBrainsMono;src:url(/JetBrainsMono-Light.woff2)format("woff2");font-display:swap}.prose code:not(pre code){background-color:#ccc;border-radius:3px;padding:.15rem .4rem;font-family:JetBrainsMono,sans-serif;font-size:.8em}:root[data-theme=dark] .prose code:not(pre code){background-color:#484848}.prose .expressive-code{margin:1.2rem 0;font-size:.8em}.prose .expressive-code .frame .header .title:after{border-top:1.5px solid var(--accent)!important}[data-theme=dark] .prose .expressive-code .frame .header{background:#1e2124!important}[data-theme=dark] .prose .expressive-code{--ec-frm-edBg:#24292e!important;--ec-frm-edActTabBg:#24292e!important}.prose hr{background:var(--text);border:0;height:1px;margin:1rem 0}.prose ul,.prose ol{margin-bottom:1rem;padding-left:1.5rem}.blog-header{padding:8rem 0 0}@media (width<=768px){.blog-header{padding-top:6rem}}.blog-post{background-color:rgb(from var(--bg) r g b / .5);backdrop-filter:blur(1px);width:70%;margin:0 auto}@media (width<=768px){.blog-post{width:90%}}.blog-post>h2{color:var(--text);text-align:center;margin:.5rem 0 0}.meta{text-align:center;color:rgb(from var(--text) r g b / .5);font-size:.9rem}.meta p{margin:.5rem 0 0}.meta p span a{color:rgb(from var(--text) r g b / .5);text-decoration:none;transition:all .3s;position:relative}.meta p span a:before{content:"";background-color:rgb(from var(--text) r g b / .5);transform-origin:bottom;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0;transform:scaleY(.5)}.meta p span a:hover:before{width:100%}.content{margin-bottom:2rem;line-height:1.5}@media (width<=480px){.content{font-size:.9rem}.expressive-code *{font-size:.85rem!important}}.footnotes{border-top:1px dashed #888;margin-top:32px}.footnotes h2,#footnote-label{display:none}.footnotes ol{flex-direction:column;gap:.5rem;margin:2rem 0;padding-left:1rem;display:flex}.top-button-container{width:fit-content;color:var(--accent);cursor:pointer;user-select:none;background:0 0;border:none;align-items:center;margin-left:15%;font-family:mamelon3\.5,sans-serif;text-decoration:none;display:flex;position:relative}.top-button-container:before{content:"";background-color:var(--accent);width:0;height:1px;transition:width .3s ease-in-out;position:absolute;bottom:-.2rem;left:0}.top-button-container:hover:before{width:100%}.circle-button{background-color:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-right:10px;display:flex;position:relative}.circle-button img{object-fit:contain;width:60%;height:60%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.top-button-container:hover .circle-button img{animation:.9s ease-in-out infinite arrowAnimation}@keyframes arrowAnimation{0%{opacity:1;transform:translate(-50%,-50%)translate(0)}20%{opacity:0;transform:translate(-50%,-50%)translate(-150%)}40%{opacity:0;transform:translate(-50%,-50%)translate(150%)}66%{opacity:1;transform:translate(-50%,-50%)translate(0)}to{opacity:1;transform:translate(-50%,-50%)translate(0)}}.top-text{font-size:1.1rem;font-weight:700}@media (width<=768px){.top-button-container{margin-left:5%}}