:root{--gap:24px;--content-gap:20px;--nav-width:1024px;--main-width:720px;--header-height:60px;--footer-height:60px;--radius:8px;--theme:#1a1b26;--entry:#292e42;--primary:rgb(218, 218, 219);--secondary:rgb(155, 156, 157);--tertiary:#292e42;--content:#c8cedc;--code-block-bg:#16161e;--code-bg:#292e42;--border:#292e42}*,::after,::before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overflow-y:scroll;-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,body,h1,h2,h3,h4,h5,h6{color:var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;font-size:18px;line-height:1.6;word-break:break-word;background:var(--theme)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,table{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul{padding:0}a{text-decoration:none}body,figure,ul{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}img{display:block;max-width:100%}.nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:calc(var(--main-width) + var(--gap) * 2);margin-inline-start:auto;margin-inline-end:auto;min-height:var(--header-height)}.nav a{display:block}.logo,#menu{display:flex;align-items:center;margin:40px var(--gap)0}.logo{flex-wrap:inherit}.logo a{font-size:24px;font-weight:700}.logo a img{display:inline;vertical-align:middle;pointer-events:none;transform:translate(0,-10%);border-radius:6px;margin-inline-end:8px}#menu{list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap}#menu li+li{margin-inline-start:var(--gap)}#menu a{font-size:16px;padding:4px 0}#menu .active{font-weight:500;color:#9d7cd8;border-bottom:2px solid #9d7cd8}.main{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height));max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:var(--gap)}.footer,.top-link{font-size:12px;color:var(--secondary)}.footer{max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:calc((var(--footer-height) - var(--gap))/2)var(--gap);text-align:center;line-height:24px}.footer span{margin-inline-start:1px;margin-inline-end:1px}.footer a{color:inherit;border-bottom:1px solid var(--secondary)}.footer a:hover{border-bottom:1px solid var(--primary)}.top-link{visibility:hidden;position:fixed;bottom:60px;right:30px;z-index:99;background:var(--tertiary);width:42px;height:42px;padding:12px;border-radius:64px;transition:visibility .5s,opacity .8s linear}.top-link,.top-link svg{filter:drop-shadow(0 0 0 var(--theme))}.footer a:hover,.top-link:hover{color:var(--primary)}.top-link:focus{outline:0}.site-title{font-size:40px;margin-bottom:16px}.about-page{margin:0 auto}.about-content{color:var(--content);margin:20px 0;line-height:1.8}.about-content a{box-shadow:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.social-icons{margin-top:24px}.social-icons a{display:inline-flex;padding:10px}.social-icons a svg{height:26px;width:26px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.video-card{margin-bottom:4px}.video-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:var(--code-block-bg)}.video-wrapper iframe,.video-facade{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.video-facade img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease,opacity .2s ease}.video-facade:hover img{opacity:.82;transform:scale(1.02)}.video-facade:focus-visible{outline:2px solid #9d7cd8;outline-offset:3px}.video-play-button{position:absolute;top:50%;left:50%;width:60px;height:42px;border-radius:12px;background:rgba(22,22,30,.82);transform:translate(-50%,-50%);transition:background .2s ease,transform .2s ease}.video-play-button::after{content:'';position:absolute;top:50%;left:52%;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff;transform:translate(-50%,-50%)}.video-facade:hover .video-play-button{background:#9d7cd8;transform:translate(-50%,-50%)scale(1.05)}.video-info{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;gap:8px}.video-title{color:var(--content);font-size:14px}.video-date{color:var(--secondary);font-size:13px;white-space:nowrap;flex-shrink:0}.archive-year+.archive-year{margin-top:28px}.archive-year-title{margin-bottom:8px;color:var(--secondary);font-size:18px;font-weight:500}.post-list{list-style:none;margin:0;padding:0}.post-item a{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;color:var(--primary);gap:16px}.post-item a:hover .item-title{color:#9d7cd8}.post-date{color:var(--secondary);font-size:14px;white-space:nowrap;flex-shrink:0}.page-header,.post-header{margin:24px auto var(--content-gap)}.post-title{margin-bottom:2px;font-size:36px}.post-meta{color:var(--secondary);font-size:14px;display:flex;flex-wrap:wrap}.post-cover{margin:0 0 var(--content-gap)}.post-cover img{border-radius:var(--radius);max-width:100%;height:auto}.post-cover figcaption{color:var(--secondary);font-size:14px;text-align:center;margin-top:8px}.post-content{color:var(--content)}.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:24px 0 16px}.post-content h1{margin:40px auto 32px;font-size:40px}.post-content h2{margin:32px auto 24px;font-size:32px}.post-content h3{font-size:24px}.post-content h4{font-size:16px}.post-content h5{font-size:14px}.post-content h6{font-size:12px}.post-content a,.toc a:hover{box-shadow:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.post-content a code{margin:auto 0;border-radius:0;box-shadow:0 -1px 0 var(--primary)inset}.post-content del{text-decoration:line-through}.post-content dl,.post-content ol,.post-content p,.post-content figure,.post-content ul{margin-bottom:var(--content-gap)}.post-content ol,.post-content ul{padding-inline-start:32px}.post-content li{margin-top:5px}.post-content li p{margin-bottom:0}.post-content dl{display:flex;flex-wrap:wrap;margin:0}.post-content dt{width:25%;font-weight:700}.post-content dd{width:75%;margin-inline-start:0;padding-inline-start:10px}.post-content dd~dd,.post-content dt~dt{margin-top:10px}.post-content table{margin-bottom:var(--content-gap)}.post-content table th,.post-content table:not(.highlighttable,.highlight table,.gist .highlight) td{min-width:80px;padding:8px 5px;line-height:1.5;border-bottom:1px solid var(--border)}.post-content table th{text-align:start}.post-content table:not(.highlighttable) td code:only-child{margin:auto 0}.post-content .highlight table{border-radius:var(--radius)}.post-content .highlight:not(table){margin:10px auto;background:var(--code-block-bg)!important;border-radius:var(--radius);direction:ltr}.post-content li>.highlight{margin-inline-end:0}.post-content ul pre{margin-inline-start:calc(var(--gap) * -2)}.post-content .highlight pre{margin:0}.post-content .highlighttable{table-layout:fixed}.post-content .highlighttable td:first-child{width:40px}.post-content .highlighttable td .linenodiv{padding-inline-end:0!important}.post-content .highlighttable td .highlight,.post-content .highlighttable td .linenodiv pre{margin-bottom:0}.post-content code{margin:auto 4px;padding:4px 6px;font-size:.78em;line-height:1.5;background:var(--code-bg);border-radius:2px}.post-content pre code{display:grid;margin:auto 0;padding:10px;color:#c0caf5;background:var(--code-block-bg)!important;border-radius:var(--radius);overflow-x:auto;word-break:break-all}.post-content blockquote{margin:20px 0;padding:0 14px;border-inline-start:3px solid var(--primary)}.post-content hr{margin:30px 0;height:2px;background:var(--tertiary);border:0}.post-content iframe{max-width:100%}.post-content .zenn-embedded-card{display:block;margin:1.5rem 0}.post-content .zenn-embedded-card iframe{display:block;width:100%;min-height:125px}.post-content .hatena-blog-card{display:block;width:100%;height:190px;margin:1.5rem 0;border:0}.post-content img{border-radius:4px;margin:1rem 0;height:auto}.post-content img[src*="#center"]{margin:1rem auto}.post-content figure.align-center{text-align:center}.post-content figure>figcaption{color:var(--primary);font-size:16px;font-weight:700;margin:8px 0 16px}.post-content figure>figcaption>p{color:var(--secondary);font-size:14px;font-weight:400}.toc{margin:0 2px 40px;border:1px solid var(--border);background:var(--entry);border-radius:var(--radius);padding:.4em}.toc details summary{cursor:zoom-in;margin-inline-start:10px;user-select:none}.toc details[open] summary{cursor:zoom-out}.toc .details{display:inline;font-weight:500}.toc .inner{margin:5px 20px 0;padding:0 10px;opacity:.9}.toc li ul{margin-inline-start:var(--gap)}.toc summary:focus{outline:0}.post-footer{margin-top:56px}.post-footer>*{margin-bottom:10px}.share-buttons{border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--border);padding:10px;display:flex;justify-content:center;overflow-x:auto;gap:10px}.share-buttons li,.share-buttons a{display:inline-flex}.share-buttons a:not(:last-of-type){margin-inline-end:12px}h1:hover .anchor,h2:hover .anchor,h3:hover .anchor,h4:hover .anchor,h5:hover .anchor,h6:hover .anchor{display:inline-flex;color:var(--secondary);margin-inline-start:8px;font-weight:500;user-select:none}h1>a>svg{display:inline}img.in-text{display:inline;margin:auto}code{direction:ltr}div.highlight,pre{position:relative}.copy-code{display:none;position:absolute;top:4px;right:4px;color:rgba(255,255,255,.8);background:rgba(78,78,78,.8);border-radius:var(--radius);padding:0 5px;font-size:14px;user-select:none}div.highlight:hover .copy-code,pre:hover .copy-code{display:block}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--tertiary);border:5px solid var(--theme);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}::-webkit-scrollbar:not(.highlighttable,.highlight table,.gist .highlight){background:var(--theme)}.post-content .highlighttable td .highlight pre code::-webkit-scrollbar{display:none}.post-content :not(table) ::-webkit-scrollbar-thumb{border:2px solid var(--code-block-bg);background:#717175}.post-content :not(table) ::-webkit-scrollbar-thumb:hover{background:#a3a3a5}.post-content table::-webkit-scrollbar-thumb{border-width:2px}.bg{color:#c0caf5;background-color:#1a1b26}.chroma{color:#c0caf5;background-color:#1a1b26}.chroma .err{color:#f7768e}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#283457}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#565f89}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#565f89}.chroma .line{display:flex}.chroma .k{color:#9d7cd8}.chroma .kc{color:#ff9e64}.chroma .kd{color:#bb9af7}.chroma .kn{color:#7dcfff}.chroma .kp{color:#9d7cd8}.chroma .kr{color:#9d7cd8}.chroma .kt{color:#2ac3de}.chroma .na{color:#7aa2f7}.chroma .nb{color:#7dcfff}.chroma .bp{color:#7dcfff}.chroma .nc{color:#e0af68}.chroma .no{color:#e0af68}.chroma .nd{color:#7aa2f7;font-weight:700}.chroma .ni{color:#7dcfff}.chroma .ne{color:#ff9e64}.chroma .nf{color:#7aa2f7}.chroma .fm{color:#7aa2f7}.chroma .nl{color:#7dcfff}.chroma .nn{color:#ff9e64}.chroma .py{color:#ff9e64}.chroma .nt{color:#f7768e}.chroma .nv{color:#c0caf5}.chroma .vc{color:#c0caf5}.chroma .vg{color:#c0caf5}.chroma .vi{color:#c0caf5}.chroma .vm{color:#c0caf5}.chroma .s{color:#9ece6a}.chroma .sa{color:#f7768e}.chroma .sb{color:#9ece6a}.chroma .sc{color:#9ece6a}.chroma .dl{color:#7aa2f7}.chroma .sd{color:#565f89}.chroma .s2{color:#9ece6a}.chroma .se{color:#7aa2f7}.chroma .sh{color:#565f89}.chroma .si{color:#9ece6a}.chroma .sx{color:#9ece6a}.chroma .sr{color:#7dcfff}.chroma .s1{color:#9ece6a}.chroma .ss{color:#9ece6a}.chroma .m{color:#ff9e64}.chroma .mb{color:#ff9e64}.chroma .mf{color:#ff9e64}.chroma .mh{color:#ff9e64}.chroma .mi{color:#ff9e64}.chroma .il{color:#ff9e64}.chroma .mo{color:#ff9e64}.chroma .o{color:#7dcfff;font-weight:700}.chroma .ow{color:#7dcfff;font-weight:700}.chroma .c{color:#565f89;font-style:italic}.chroma .ch{color:#565f89;font-style:italic}.chroma .cm{color:#565f89;font-style:italic}.chroma .c1{color:#565f89;font-style:italic}.chroma .cs{color:#565f89;font-style:italic}.chroma .cp{color:#565f89;font-style:italic}.chroma .cpf{color:#565f89;font-weight:700;font-style:italic}.chroma .gd{color:#f7768e;background-color:#292e42}.chroma .ge{font-style:italic}.chroma .gr{color:#f7768e}.chroma .gh{color:#ff9e64;font-weight:700}.chroma .gi{color:#9ece6a;background-color:#292e42}.chroma .gs{font-weight:700}.chroma .gu{color:#ff9e64;font-weight:700}.chroma .gt{color:#f7768e}.chroma .gl{text-decoration:underline}.chroma{background-color:unset!important}.chroma .hl{display:flex}.chroma .lnt{padding:0 0 0 12px}.highlight pre.chroma code{padding:8px 0}.highlight pre.chroma .line .cl,.chroma .ln{padding:0 10px}.chroma .lntd:last-of-type{width:100%}.post-comments{margin-top:calc(var(--gap) * 2);padding-top:var(--gap);border-top:1px solid var(--border);--waline-theme-color:#7aa2f7;--waline-active-color:#bb9af7;--waline-bg-color:var(--theme);--waline-bg-color-light:var(--entry);--waline-bg-color-hover:var(--tertiary);--waline-color:var(--content);--waline-info-color:var(--secondary);--waline-border-color:var(--border);--waline-border:1px solid var(--border);--waline-font-size:16px}.post-comments h2{margin-bottom:var(--content-gap);font-size:24px}@media screen and (max-width:768px){:root{--gap:14px}.footer{padding:calc((var(--footer-height) - var(--gap) - 10px)/2)var(--gap)}.post-title{font-size:28px}.post-item a{flex-direction:column;gap:2px}.video-grid{grid-template-columns:1fr}}@media screen and (min-width:768px){::-webkit-scrollbar{width:19px;height:11px}}@media screen and (max-width:340px){.share-buttons{justify-content:unset}}