.post-header[data-astro-cid-4oopqck4]{padding-bottom:3.2rem;border-bottom:1px solid var(--border);margin-bottom:4rem}.post-thumbnail[data-astro-cid-4oopqck4]{overflow:hidden;margin-bottom:2.4rem}.post-thumbnail[data-astro-cid-4oopqck4] img[data-astro-cid-4oopqck4]{width:100%;height:auto}.post-meta[data-astro-cid-4oopqck4]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem}.post-category[data-astro-cid-4oopqck4]{display:inline-flex;align-items:center;font-family:var(--font-jp);font-size:1.2rem;font-weight:600;color:#fff;background:var(--text);padding:.5rem 1.4rem;border-radius:10rem;transition:all .25s}@media(max-width:767px){.post-category[data-astro-cid-4oopqck4]{font-size:1.1rem;padding:.3rem 1rem}}.post-category[data-astro-cid-4oopqck4]:hover{background:var(--amber);color:#111}.post-dates[data-astro-cid-4oopqck4]{display:flex;gap:1.6rem}.post-date[data-astro-cid-4oopqck4]{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:1.3rem;font-weight:500;color:var(--text-muted)}.post-date[data-astro-cid-4oopqck4] svg[data-astro-cid-4oopqck4]{color:var(--text-dim)}.post-title[data-astro-cid-4oopqck4]{font-family:var(--font-jp);font-size:2.8rem;font-weight:700;line-height:1.5;color:var(--text);margin-top:2rem}.post-tags[data-astro-cid-4oopqck4]{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.post-tag-link[data-astro-cid-4oopqck4]{display:inline-block;font-family:var(--font-jp);font-size:1.2rem;font-weight:500;color:var(--text-muted);background:var(--bg-alt);border:1px solid var(--border);padding:.5rem 1.2rem;border-radius:10rem;transition:all .25s}.post-tag-link[data-astro-cid-4oopqck4]:hover{color:var(--amber);border-color:var(--amber);background:#f59e0b14}@media(max-width:767px){.post-meta[data-astro-cid-4oopqck4]{flex-direction:column;align-items:flex-start}.post-title[data-astro-cid-4oopqck4]{font-size:2.2rem}.post-date[data-astro-cid-4oopqck4]{font-size:1.2rem}}.toc-nav{position:relative;padding:2.4rem 2.4rem 3.2rem;border:.1rem solid #eee;border-radius:.6rem;line-height:1.75;margin-top:4rem!important}@media(max-width:767px){.toc-nav{background-color:#fff;padding:1.2rem 1.2rem 1.6rem}}.toc-nav ol{list-style:none!important;padding:0!important;background:transparent!important;border:none!important;border-radius:0!important;counter-reset:none!important}.toc-nav ol li{padding-left:0!important;counter-increment:none!important}.toc-nav ol li:before{content:none!important}.toc-nav.-in-article .toc-link.node-name--H2{border-bottom:.1rem dashed #eee;border-top:.1rem dashed #eee;margin-top:-.1rem;padding-left:0}.toc-nav.-in-article .toc-link.node-name--H3:before{content:"";width:.4rem;height:.4rem;border-radius:50%;background-color:#fed363;position:absolute;left:1rem;top:1.6rem;opacity:1}.toc-title{font-size:1.6rem;font-weight:700;display:flex;align-items:center;padding-bottom:1.2rem}@media(max-width:767px){.toc-title{padding-bottom:1.2rem;font-size:1.5rem}}.toc-title span{margin-right:.4rem;display:flex;align-items:center;justify-content:center}.toc-title span svg{font-size:1.3rem}.toc-list.is-collapsible{padding:.8rem 0}.toc-link{position:relative;transition:color .3s}.toc-link:before{content:"";width:.2rem;height:100%;position:absolute;left:0;top:0;opacity:0;transition:all .3s}.toc-link.node-name--H2{display:block;font-size:1.4rem;padding-left:1rem;padding:1rem 0 1rem 1rem}@media(max-width:767px){.toc-link.node-name--H2{font-size:1.3rem;padding-left:0}}.toc-link.node-name--H3{position:relative;display:block;font-size:1.3rem;padding:.6rem 0 .6rem 2rem}@media(max-width:767px){.toc-link.node-name--H3{font-size:1.2rem}}@media(hover:hover){.toc-link:hover{color:var(--amber)}.toc-link:hover:before{opacity:1}}.figure{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:100%;max-width:var(--figure-width-pc, 100%)}@media(max-width:767px){.figure{max-width:var(--figure-width-sp, var(--figure-width-pc, 100%))}}.img{width:100%;height:auto}.img.border{border:.1rem solid #eee}.caption{font-size:1.3rem;text-align:center;padding:0 2.4rem;margin-top:.8rem;opacity:.8}.code_head[data-astro-cid-tgqttdia]{padding:1.6rem;font-family:Menlo,ui-monospace,SFMono-Regular,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.3rem;margin-top:3.2rem;line-height:1;color:#fffc;border:.1rem solid #334155;background-color:#1b242e;border-radius:.8rem .8rem 0 0;display:flex;align-items:center;width:100%}@media(max-width:767px){.code_head[data-astro-cid-tgqttdia]{padding:1.2rem;border-radius:.4rem .4rem 0 0}}.dots[data-astro-cid-tgqttdia]{display:flex;align-items:center;margin-right:1.2rem}@media(max-width:767px){.dots[data-astro-cid-tgqttdia]{display:none}}.dots[data-astro-cid-tgqttdia] span[data-astro-cid-tgqttdia],.dots[data-astro-cid-tgqttdia]:before,.dots[data-astro-cid-tgqttdia]:after{width:10px;height:10px;border-radius:50%;margin-right:.6rem;display:block}.dots[data-astro-cid-tgqttdia]:before,.dots[data-astro-cid-tgqttdia]:after{content:""}.dots[data-astro-cid-tgqttdia]:before{background-color:#ff5f57}.dots[data-astro-cid-tgqttdia] span[data-astro-cid-tgqttdia]{background-color:#febc2e}.dots[data-astro-cid-tgqttdia]:after{background-color:#28c840}.text_wrap[data-astro-cid-tgqttdia]{display:flex;justify-content:space-between;align-items:center;flex-grow:1;font-smoothing:auto;-webkit-font-smoothing:auto}@media(max-width:767px){.text_wrap[data-astro-cid-tgqttdia]{width:100%;gap:1rem}}.text_wrap[data-astro-cid-tgqttdia]>span[data-astro-cid-tgqttdia]::-webkit-scrollbar{scrollbar-width:.5rem;height:.5rem;background:#1b242e}.text_wrap[data-astro-cid-tgqttdia]>span[data-astro-cid-tgqttdia]::-webkit-scrollbar-thumb{background:#334155;border-radius:.6rem}.text_wrap[data-astro-cid-tgqttdia]>span[data-astro-cid-tgqttdia]::-webkit-scrollbar-track{background:#1b242e;border-radius:.6rem}@media(max-width:767px){.text_wrap[data-astro-cid-tgqttdia]>span[data-astro-cid-tgqttdia]{flex-grow:1;flex-shrink:1;overflow-x:auto;overflow-y:hidden;white-space:nowrap}}.lang_wrap[data-astro-cid-tgqttdia]{display:flex;align-items:center;flex-shrink:0;font-size:1.2rem}.icon[data-astro-cid-tgqttdia]{font-size:1.4rem;margin-right:.4rem}.icon[data-astro-cid-tgqttdia][data-lang=js]{color:#ffd600}.icon[data-astro-cid-tgqttdia][data-lang=ts]{color:#007acc}.icon[data-astro-cid-tgqttdia][data-lang=html]{font-size:1.6rem;color:#ff8c0b}.icon[data-astro-cid-tgqttdia][data-lang=css]{color:#2ea8ff}.icon[data-astro-cid-tgqttdia][data-lang=scss]{color:#c69}.icon[data-astro-cid-tgqttdia][data-lang=jsx]{color:#82f3ff}.icon[data-astro-cid-tgqttdia][data-lang=astro]{font-size:1.3rem;transform:translateY(.1rem)}.icon[data-astro-cid-tgqttdia][data-lang=md],.icon[data-astro-cid-tgqttdia][data-lang=mdx]{margin-right:.6rem}.icon[data-astro-cid-tgqttdia][data-lang=sh]{display:flex}.wrapper[data-astro-cid-ztqylyto]{overflow-x:auto}.pre[data-astro-cid-ztqylyto]{padding-top:1rem;padding-bottom:1.2rem;font-size:.875rem;line-height:1.5rem;overflow-x:auto;display:flex}@media(max-width:767px){.pre[data-astro-cid-ztqylyto]{padding-top:.75rem;padding-bottom:.75rem;line-height:1.5}}.pre[data-astro-cid-ztqylyto] code[data-astro-cid-ztqylyto]{padding:.3rem .6rem;width:100%}.pre[data-astro-cid-ztqylyto]::-webkit-scrollbar{scrollbar-width:.5rem;height:.5rem;background:#1b242e}.pre[data-astro-cid-ztqylyto]::-webkit-scrollbar-thumb{background:#334155;border-radius:.6rem}.pre[data-astro-cid-ztqylyto]::-webkit-scrollbar-track{background:#1b242e;border-radius:.6rem}.copy[data-astro-cid-ztqylyto]{position:absolute;right:1.6rem;top:1.6rem;border:.1rem solid rgba(255,255,255,.2);background-color:transparent;color:#fff;width:2.8rem;height:2.8rem;border-radius:.4rem;cursor:pointer;backdrop-filter:blur(.5rem);font-size:1.6rem;transition:all .3s}@media(max-width:767px){.copy[data-astro-cid-ztqylyto]{top:1.2rem;right:1.2rem}}.copy[data-astro-cid-ztqylyto]:hover{background-color:#fff3}.copy[data-astro-cid-ztqylyto].copy-done{background-color:#00cd10}.icon-done[data-astro-cid-ztqylyto],.icon-copy[data-astro-cid-ztqylyto]{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%}.pre-copy[data-astro-cid-ztqylyto] .icon-done[data-astro-cid-ztqylyto]{opacity:0}.pre-copy[data-astro-cid-ztqylyto].copy-done{background-color:#00cd10}.pre-copy[data-astro-cid-ztqylyto].copy-done .icon-copy[data-astro-cid-ztqylyto]{opacity:0}.pre-copy[data-astro-cid-ztqylyto].copy-done .icon-done[data-astro-cid-ztqylyto]{opacity:1}.spacer[data-astro-cid-sn5yljvs]{height:1.6rem}.contact-btn-wrapper[data-astro-cid-5qajiprz]{text-align:center}.contact-btn[data-astro-cid-5qajiprz]{display:inline-flex;align-items:center;gap:.8rem;width:20rem;padding:1.4rem 2rem;font-family:var(--font-jp);font-size:1.6rem;font-weight:600;letter-spacing:.04em;color:#111;background:var(--gradient);background-size:200% 200%;animation:gradient-shift 6s ease infinite;border-radius:10rem;position:relative;overflow:hidden;transition:transform .3s;box-shadow:0 .4rem 2rem #f59e0b40;justify-content:center}.contact-btn[data-astro-cid-5qajiprz]:before{content:"";position:absolute;inset:0;background:#fff0;transition:background .3s;border-radius:inherit}.contact-btn[data-astro-cid-5qajiprz] svg[data-astro-cid-5qajiprz]{transition:transform .3s ease}.contact-btn[data-astro-cid-5qajiprz]:hover{box-shadow:0 .6rem 2.8rem #f59e0b59}.contact-btn[data-astro-cid-5qajiprz]:hover:before{background:#fff3}.contact-btn[data-astro-cid-5qajiprz]:hover svg[data-astro-cid-5qajiprz]{transform:translate(.4rem)}@media(max-width:767px){.contact-btn[data-astro-cid-5qajiprz]{width:100%;justify-content:center}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}._content_13az5_1{font-size:1.6rem;font-weight:500;line-height:2}@media(max-width:767px){._content_13az5_1{font-size:1.4rem}}._content_13az5_1 h2{position:relative;font-size:2.4rem;font-weight:700;color:var(--text);padding:1rem 2rem;line-height:1.5;background:linear-gradient(to right,rgba(245,158,11,.08),transparent 70%)}@media(max-width:767px){._content_13az5_1 h2{font-size:2rem;background:#f59e0b14}}._content_13az5_1 h2:before{content:"";position:absolute;left:0;top:0;width:.5rem;height:100%;background:linear-gradient(to bottom,#fed363,#f59e0b,#f97316);border-radius:.3rem}._content_13az5_1 h3{position:relative;font-size:2.2rem;font-weight:700;color:var(--text);padding-left:1.6rem;line-height:1.6}@media(max-width:767px){._content_13az5_1 h3{font-size:1.8rem;padding-left:1.4rem}}._content_13az5_1 h3:before{content:"";position:absolute;left:0;top:.2em;width:.3rem;height:calc(100% - .4em);background:#f59e0b;border-radius:.2rem}._content_13az5_1 h4{position:relative;font-size:2rem;font-weight:700;color:var(--text);padding-bottom:.8rem}@media(max-width:767px){._content_13az5_1 h4{font-size:1.6rem}}._content_13az5_1 h4:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:repeating-linear-gradient(to right,#f59e0b 0,#f59e0b 4px,transparent 4px,transparent 8px)}._content_13az5_1 a:not([class]){color:#333;text-decoration:underline;text-underline-offset:.2em;transition:opacity .3s;color:#ea580c;text-decoration-color:#ea580c}@media(hover:hover){._content_13az5_1 a:not([class]):hover{opacity:.7}}._content_13az5_1 strong{font-weight:700;background-image:linear-gradient(to right,#fed36380,#fed36380);background-size:100% .4rem;background-position:left bottom;background-repeat:no-repeat}._content_13az5_1 ul:not([class]){list-style:none;padding:1.6rem 1.6rem 1.6rem 2rem;background:#fafafa;border:1px solid rgba(0,0,0,.08);border-radius:.8rem}@media(max-width:767px){._content_13az5_1 ul:not([class]){padding:1.4rem 1.4rem 1.4rem 1.8rem}}._content_13az5_1 ul:not([class]) li{position:relative;padding-left:1.6rem}@media(max-width:767px){._content_13az5_1 ul:not([class]) li{padding-left:1.4rem}}._content_13az5_1 ul:not([class]) li:before{content:"";position:absolute;left:0;top:.85em;width:.5rem;height:.5rem;background:linear-gradient(135deg,#fed363,#f59e0b);border-radius:50%}._content_13az5_1 ul:not([class]) ul{margin-top:.8rem;padding:0;background:transparent;border:none;border-radius:0}._content_13az5_1 ul:not([class]) ul li:before{background:transparent;border:1.5px solid #f59e0b;width:.4rem;height:.4rem}._content_13az5_1 ul:not([class]) ul ul li:before{border-radius:0;border:none;background:#f59e0b;width:.6rem;height:2px;top:1em}._content_13az5_1 ol:not([class]){list-style:none;padding:1.6rem 1.6rem 1.6rem 2rem;counter-reset:ol-counter;background:#fafafa;border:1px solid rgba(0,0,0,.08);border-radius:.8rem}@media(max-width:767px){._content_13az5_1 ol:not([class]){padding:1.4rem 1.4rem 1.4rem 1.8rem}}._content_13az5_1 ol:not([class]) li{position:relative;padding-left:2rem;counter-increment:ol-counter}@media(max-width:767px){._content_13az5_1 ol:not([class]) li{padding-left:1.8rem}}._content_13az5_1 ol:not([class]) li:before{content:counter(ol-counter) ".";position:absolute;left:0;top:0;font-weight:700;color:#f59e0b}._content_13az5_1 code{font-family:Menlo,ui-monospace,SFMono-Regular,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500;font-size:.875em;margin:0 .4rem;padding:.3rem .6rem;border-radius:.4rem;background-color:#fff;border:.1rem solid #e8edf2;display:inline;line-height:1.2;letter-spacing:0;align-self:center;color:#db2777;white-space:nowrap}._content_13az5_1>*{margin-top:2.4rem}@media(max-width:767px){._content_13az5_1>*{margin-top:1.6rem}}._content_13az5_1 h2,._content_13az5_1 h3{margin-top:8rem}@media(max-width:767px){._content_13az5_1 h2,._content_13az5_1 h3{margin-top:4.8rem}}._content_13az5_1 h4,._content_13az5_1 h5,._content_13az5_1 h6{margin-top:6.4rem}@media(max-width:767px){._content_13az5_1 h4,._content_13az5_1 h5,._content_13az5_1 h6{margin-top:3.2rem}}figure[data-rehype-pretty-code-figure]{position:relative;width:100%;display:block;display:grid;overflow:hidden;background-color:#1b242e;border-radius:0 0 .8rem .8rem;border:.1rem solid #334155;margin-top:-.1rem;margin-bottom:3.2rem}@media(max-width:767px){figure[data-rehype-pretty-code-figure]{border-radius:0 0 .4rem .4rem}}figure[data-rehype-pretty-code-figure] span[data-line]{font-size:1.4rem;padding-left:.5rem;padding-right:.75rem;border-left-style:solid;border-left-width:.4rem;border-left-color:transparent;line-height:1.75;font-smoothing:auto;-webkit-font-smoothing:auto;display:block}@media(max-width:767px){figure[data-rehype-pretty-code-figure] span[data-line]{padding-left:0;font-size:1.4rem;-webkit-text-size-adjust:100%}}figure[data-rehype-pretty-code-figure] span[data-line][data-highlighted-line]{border-left-color:#1b85ff;background-color:#75b1ff33}figure[data-rehype-pretty-code-figure] pre code{display:grid;font-family:Menlo,ui-monospace,SFMono-Regular,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:0;margin:0;border:none;background-color:transparent;box-shadow:none;line-height:1.5;white-space:pre}figure[data-rehype-pretty-code-figure] pre code[data-line-numbers]{counter-reset:line}figure[data-rehype-pretty-code-figure] pre code[data-line-numbers] span[data-line]:before{counter-increment:line;content:counter(line);display:inline-block;text-align:right;margin-right:1.25rem;width:1.75rem;color:#fff3}.toc-nav.-sidebar{background:transparent!important;margin-top:0!important;padding:0;border:none}.toc-sidebar{padding:1.6rem 2rem 2rem;.toc-list{margin-top:0;.toc-list-item:first-child{.toc-link.node-name--H2{margin-top:0}}}.toc-list-item{margin-top:0!important}.toc-link{position:relative;display:block;color:var(--text-muted);transition:all .25s;&:before{content:"";width:.3rem;height:calc(100% - .8rem);position:absolute;left:0;top:.4rem;opacity:0;transition:all .25s;background:var(--amber);border-radius:.2rem}&.node-name--H2{font-family:var(--font-jp);font-size:1.4rem;font-weight:600;padding:.8rem 1rem;line-height:1.5;border-bottom:1px dashed var(--border)}&.node-name--H3{font-family:var(--font-jp);font-size:1.3rem;font-weight:500;padding:.4rem 1rem .4rem 2rem;line-height:1.5}&:hover{color:var(--amber)}&.is-active-pos{color:var(--amber);&:before{opacity:1}}}}.widget-header[data-astro-cid-g7rbsp6c]{display:flex;align-items:center;gap:.8rem;padding:1.6rem 2rem;border-bottom:1px solid var(--border)}.widget-icon[data-astro-cid-g7rbsp6c]{color:var(--text-muted)}.widget-title[data-astro-cid-g7rbsp6c]{font-family:var(--font-jp);font-size:1.4rem;font-weight:700;color:var(--text)}.sidebar[data-astro-cid-dqutfd3a]{width:32rem;flex-shrink:0;display:flex;flex-direction:column;gap:3.2rem}@media(max-width:1100px){.sidebar[data-astro-cid-dqutfd3a]{display:grid;grid-template-columns:1fr;width:100%;gap:2.4rem}}@media(max-width:767px){.sidebar[data-astro-cid-dqutfd3a]{grid-template-columns:1fr;gap:2rem}}.sidebar-widget[data-astro-cid-dqutfd3a]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sidebar-sticky[data-astro-cid-dqutfd3a]{position:sticky;top:10rem}@media(max-width:1100px){.sidebar-sticky[data-astro-cid-dqutfd3a]{display:none}}.blog-share[data-astro-cid-eep7mc42]{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-top:6rem;padding-top:4rem;border-top:1px solid var(--border)}@media(max-width:767px){.blog-share[data-astro-cid-eep7mc42]{margin-top:4rem;padding-top:3rem}}.blog-share-label[data-astro-cid-eep7mc42]{font-family:var(--font-mono);font-size:1.2rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0}.blog-share-buttons[data-astro-cid-eep7mc42]{display:flex;gap:.8rem;width:100%}.blog-share-button[data-astro-cid-eep7mc42]{display:flex;align-items:center;justify-content:center;flex:1;height:4.8rem;border-radius:.8rem;background:var(--bg-alt);color:var(--text-muted);border:none;padding:0;cursor:pointer;transition:background .2s,color .2s}.blog-share-button--x[data-astro-cid-eep7mc42]:hover{background:#000;color:#fff}.blog-share-button--facebook[data-astro-cid-eep7mc42]:hover{background:#1877f2;color:#fff}.blog-share-button--hatena[data-astro-cid-eep7mc42]:hover{background:#00a4de;color:#fff}.blog-share-button--line[data-astro-cid-eep7mc42]:hover{background:#06c755;color:#fff}.blog-share-button--copy[data-astro-cid-eep7mc42]:hover{background:var(--amber);color:#fff}.blog-share-button--copy[data-astro-cid-eep7mc42].is-copied{background:#10b981;color:#fff}.breadcrumb[data-astro-cid-lojkkdx5]{margin-bottom:2rem;font-family:var(--font-mono);font-size:1.2rem;line-height:1.8;color:var(--text-dim)}.breadcrumb-link[data-astro-cid-lojkkdx5]{color:var(--text-muted);text-decoration:none;transition:color .25s}.breadcrumb-link[data-astro-cid-lojkkdx5]:hover{color:var(--amber)}.breadcrumb-sep[data-astro-cid-lojkkdx5]{opacity:.5;margin:0 1rem}@media(max-width:767px){.breadcrumb-sep[data-astro-cid-lojkkdx5]{margin:0}}.breadcrumb-current[data-astro-cid-lojkkdx5]{color:var(--text-dim)}.blog-single[data-astro-cid-qohuf6np]{padding:16rem 0 12rem;background:var(--bg)}@media(max-width:1100px){.blog-single[data-astro-cid-qohuf6np]{padding:12rem 0 8rem}}@media(max-width:767px){.blog-single[data-astro-cid-qohuf6np]{padding:8rem 0}}@media(max-width:1100px){.breadcrumb-wrapper[data-astro-cid-qohuf6np]{max-width:80rem;margin:0 auto}}.container[data-astro-cid-qohuf6np]{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}@media(max-width:767px){.container[data-astro-cid-qohuf6np]{padding:0 1.2rem}}.blog-layout[data-astro-cid-qohuf6np]{display:flex;gap:4rem}@media(max-width:1100px){.blog-layout[data-astro-cid-qohuf6np]{flex-direction:column;max-width:80rem;margin:0 auto}}@media(max-width:767px){.blog-layout[data-astro-cid-qohuf6np]{gap:2rem}}.blog-article[data-astro-cid-qohuf6np]{flex:1;min-width:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:4rem}@media(max-width:767px){.blog-article[data-astro-cid-qohuf6np]{padding:2rem}}