@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/inter-latin-400-normal.C38fXH4l.woff2) format("woff2"),url(/_astro/inter-latin-400-normal.CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/inter-latin-500-normal.Cerq10X2.woff2) format("woff2"),url(/_astro/inter-latin-500-normal.BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/inter-latin-600-normal.LgqL8muc.woff2) format("woff2"),url(/_astro/inter-latin-600-normal.CiBQ2DWP.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/montserrat-latin-500-normal.DRFEGfly.woff2) format("woff2"),url(/_astro/montserrat-latin-500-normal.Dok2oTci.woff) format("woff")}:root{--fg-1: #000000;--fg-2: #1e1919;--fg-3: #716b61;--fg-on-dark: #f7f5f2;--accent: #0061fe;--accent-press: #004fd1;--border: #c6c4c3;--surface-0: #ffffff;--surface-1: #f7f5f2;--surface-2: #eee9e2;--surface-dark: #1e1919;--color-deep-graphite: #1e1919;--color-graphite-black: #000000;--color-cloud-white: #ffffff;--color-off-white-canvas: #f7f5f2;--color-royal-blue: #0061fe;--color-muted-grey: #716b61;--color-almond-dust: #eee9e2;--color-ash-border: #c6c4c3;--font-display: "Montserrat", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--gradient-dark-overlay: linear-gradient(rgb(41, 44, 49), rgb(0, 0, 0));--shadow-md: 0 12px 40px rgba(30, 25, 25, .12)}[data-theme=dark]{--fg-1: #ffffff;--fg-2: #ece8e2;--fg-3: #a39d92;--fg-on-dark: #f7f5f2;--accent: #4f8dff;--accent-press: #3f78e6;--border: #34302c;--surface-0: #131211;--surface-1: #1a1817;--surface-2: #221f1e;--surface-dark: #0d0c0b;--color-deep-graphite: #f4f1ec}:root{--hairline: #ece8e3;--nav-bg: rgba(255, 255, 255, .82);--chip-bg: #ffffff;--eyebrow-bg: rgba(0, 97, 254, .08);--eyebrow-fg: var(--accent);--placeholder-a: #efece6;--placeholder-b: #e6e1d9;--placeholder-ink: #a59f93;--card-border: #ece8e3;--shadow-phone: 0 30px 70px rgba(30,25,25,.16)}[data-theme=dark]{--hairline: #2a2724;--nav-bg: rgba(19, 18, 17, .82);--chip-bg: #2b2826;--eyebrow-bg: rgba(79, 141, 255, .14);--eyebrow-fg: #7aa9ff;--placeholder-a: #211e1d;--placeholder-b: #2a2624;--placeholder-ink: #6f6a62;--card-border: #2a2724;--shadow-phone: 0 30px 70px rgba(0,0,0,.5);--shadow-md: 0 12px 40px rgba(0, 0, 0, .45)}:root{--text-body-lg: 1rem;--leading-body-lg: 1.7;--shadow-blue: 0 10px 28px color-mix(in srgb, var(--accent) 28%, transparent)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface-0);color:var(--fg-2);font-family:var(--font-body);font-size:var(--text-body-lg);line-height:var(--leading-body-lg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .25s ease,color .25s ease}img{max-width:100%}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-press)}button{font-family:inherit;cursor:pointer;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::selection{background:color-mix(in srgb,var(--accent) 16%,transparent)}[lang=ja],[lang^=zh]{line-height:1.75;letter-spacing:0}.wrap{max-width:1150px;margin:0 auto;padding:0 24px}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--surface-0);color:var(--accent);padding:10px 16px;border:1px solid var(--hairline);border-radius:0 0 12px;font-size:14px;font-weight:500}.skip-link:focus{left:0}.nav{position:sticky;top:0;z-index:60;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}.nav-inner{display:flex;align-items:center;gap:2px;height:68px}.nav-mark{display:flex;align-items:center;gap:9px;text-decoration:none;margin-right:8px}.nav-mark img{width:28px;height:28px}.nav-mark span{font-family:var(--font-display);font-weight:500;font-size:23px;letter-spacing:-.025em;color:var(--color-deep-graphite)}.nav-sep{color:var(--border);font-size:17px;user-select:none}.nav-crumb{font-size:15px;font-weight:500;color:var(--color-deep-graphite);padding:9px 13px;border-radius:8px;text-decoration:none;transition:background .15s ease}.nav-crumb:hover{background:var(--surface-1);color:var(--color-deep-graphite)}.nav-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:none;border:1px solid var(--hairline);color:var(--fg-2);transition:background .15s ease}.icon-btn:hover{background:var(--surface-1)}.icon-btn svg{width:19px;height:19px}.theme-toggle .ic-sun{display:none}[data-theme=dark] .theme-toggle .ic-sun{display:block}[data-theme=dark] .theme-toggle .ic-moon{display:none}details.lang{position:relative}.lang summary{list-style:none;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--hairline);color:var(--fg-2);font-size:14px;font-weight:500;cursor:pointer;user-select:none;transition:background .15s ease}.lang summary::-webkit-details-marker{display:none}.lang summary:hover{background:var(--surface-1)}.lang summary svg{width:15px;height:15px;color:var(--fg-3)}.lang summary .chev{transition:transform .18s ease}.lang[open] summary .chev{transform:rotate(180deg)}.lang-menu{position:absolute;top:48px;right:0;min-width:196px;margin:0;padding:6px;list-style:none;background:var(--surface-0);border:1px solid var(--hairline);border-radius:14px;box-shadow:var(--shadow-md);z-index:70}.lang-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:9px;font-size:14px;color:var(--fg-2);transition:background .12s ease}.lang-menu a:hover{background:var(--surface-1);color:var(--fg-2)}.lang-menu a .code{font-size:12px;color:var(--fg-3);font-variant-numeric:tabular-nums}.lang-menu a[aria-current=true]{color:var(--accent);font-weight:600}.lang-solo{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;font-size:14px;font-weight:500;color:var(--fg-3)}.lang-solo svg{width:15px;height:15px}.blog-main{max-width:920px;margin:0 auto;padding:72px 24px 96px}.post-main{max-width:calc(70ch + 48px);margin:0 auto;padding:72px 24px 96px}.page-kicker{font-size:14px;color:var(--fg-3);margin:0 0 12px}.page-head h1{font-family:var(--font-display);font-weight:500;font-size:40px;line-height:1.15;letter-spacing:-.02em;color:var(--fg-1);margin:0 0 12px;text-wrap:pretty}.page-lede{font-size:18px;line-height:1.55;color:var(--fg-3);margin:0;max-width:52ch;text-wrap:pretty}.page-head{margin-bottom:48px}.post-list{margin:0}.post-item{display:grid;grid-template-columns:190px 1fr;gap:8px 28px;padding:28px 0;border-top:1px solid var(--hairline)}.post-date{font-size:14px;line-height:1.4;color:var(--fg-3);font-variant-numeric:tabular-nums;padding-top:5px}.post-title{font-family:var(--font-body);font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.01em;margin:0;text-wrap:pretty}.post-title a{color:var(--fg-1);text-decoration:none;transition:color .15s ease}.post-title a:hover{color:var(--accent)}.post-desc{font-size:16px;line-height:1.55;color:var(--fg-3);margin:8px 0 0;max-width:62ch}.post-meta{font-size:14px;color:var(--fg-3);margin:12px 0 0}.tag-link{color:var(--fg-3);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--fg-3) 35%,transparent);transition:color .15s ease}.tag-link:hover{color:var(--accent);text-decoration-color:currentColor}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid var(--hairline);font-size:14px}.page-link{display:inline-flex;align-items:center;gap:7px;font-weight:500;color:var(--fg-2);padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .15s ease,color .15s ease}.page-link svg{width:15px;height:15px;color:var(--fg-3)}.page-link:hover{background:var(--surface-1);color:var(--fg-2)}.page-link.is-disabled{color:var(--fg-3);opacity:.55;pointer-events:none}.page-numbers{display:flex;gap:4px;list-style:none;margin:0;padding:0}.page-numbers a{display:grid;place-items:center;min-width:36px;height:36px;padding:0 6px;border-radius:10px;color:var(--fg-3);font-variant-numeric:tabular-nums;text-decoration:none;transition:background .12s ease,color .12s ease}.page-numbers a:hover{background:var(--surface-1);color:var(--fg-2)}.page-numbers a[aria-current=page]{background:var(--surface-2);color:var(--fg-1);font-weight:600}.post-header{margin:0 0 40px}.post-kicker{margin:0 0 14px;font-size:14px}.post-header h1{font-family:var(--font-display);font-weight:500;font-size:40px;line-height:1.15;letter-spacing:-.02em;color:var(--fg-1);margin:0 0 16px;text-wrap:pretty}.post-lede{font-size:18px;line-height:1.55;color:var(--fg-3);margin:0 0 20px;text-wrap:pretty}.post-byline{font-size:14px;color:var(--fg-3);margin:0}.post-byline .author{color:var(--fg-2);font-weight:500}.post-updated{font-size:14px;color:var(--fg-3);margin:6px 0 0}.prose{font-size:16px;line-height:1.7;color:var(--fg-2)}.prose p{margin:0 0 20px}.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);transition:color .15s ease}.prose a:hover{color:var(--accent-press);text-decoration-color:currentColor}.prose a:visited{color:var(--accent-press)}.prose h2{font-family:var(--font-display);font-weight:500;font-size:26px;line-height:1.3;letter-spacing:-.01em;color:var(--fg-1);margin:48px 0 16px;text-wrap:pretty}.prose h3{font-size:20px;font-weight:600;line-height:1.35;color:var(--fg-1);margin:36px 0 12px}.prose h4{font-size:16px;font-weight:600;line-height:1.5;color:var(--fg-1);margin:28px 0 8px}.prose ul,.prose ol{margin:0 0 20px;padding-left:24px}.prose li{margin:0 0 8px}.prose li::marker{color:var(--fg-3)}.prose blockquote{margin:28px 0;padding:2px 0 2px 22px;border-left:2px solid var(--border);color:var(--fg-3)}.prose blockquote p{margin:0 0 10px}.prose blockquote p:last-child{margin-bottom:0}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;background:var(--surface-1);border:1px solid var(--hairline);border-radius:6px;padding:2px 6px;color:var(--fg-2)}.prose pre{margin:28px 0;padding:20px 22px;background:var(--surface-1);border:1px solid var(--card-border);border-radius:12px;overflow-x:auto;line-height:1.6}.prose pre code{background:none;border:none;padding:0;font-size:14px}.prose table{width:100%;margin:28px 0;border-collapse:collapse;font-size:14px;line-height:1.5}.prose th{text-align:left;font-weight:600;color:var(--fg-2);padding:10px 16px 10px 0;border-bottom:1px solid var(--border)}.prose td{padding:10px 16px 10px 0;border-bottom:1px solid var(--hairline);color:var(--fg-2)}.prose figure{margin:32px 0}.prose img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--card-border)}.prose figcaption{margin-top:10px;font-size:14px;color:var(--fg-3)}.prose hr{width:72px;height:1px;margin:48px auto;border:none;background:var(--border)}.cta-block{margin:56px 0 0;padding:40px 32px;background:var(--surface-2);border-radius:20px;text-align:center}.cta-block p{margin:0 0 20px;font-size:18px;line-height:1.5;font-weight:500;color:var(--fg-1);text-wrap:pretty}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--fg-on-dark);font-size:15px;font-weight:500;padding:13px 24px;border-radius:16px;border:none;text-decoration:none;transition:background .16s ease,box-shadow .16s ease}.btn-primary:hover{background:var(--accent-press);box-shadow:var(--shadow-blue);color:var(--fg-on-dark)}.btn-primary svg{width:16px;height:16px}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;padding-top:28px;border-top:1px solid var(--hairline)}.post-nav a{display:flex;flex-direction:column;gap:8px;text-decoration:none}.post-nav .dir{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--fg-3)}.post-nav .dir svg{width:14px;height:14px}.post-nav .t{font-size:16px;font-weight:500;line-height:1.4;color:var(--fg-2);transition:color .15s ease;text-wrap:pretty}.post-nav a:hover .t{color:var(--accent)}.post-nav a.next{align-items:flex-end;text-align:right}.footer{border-top:1px solid var(--hairline)}.footer-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:1150px;margin:0 auto;padding:32px 24px}.footer-mark{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.footer-mark img{width:22px;height:22px}.footer-mark span{font-family:var(--font-display);font-weight:500;font-size:18px;letter-spacing:-.025em;color:var(--color-deep-graphite)}.footer-links{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}.footer-links a{font-size:14px;color:var(--fg-3);padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .15s ease,color .15s ease}.footer-links a:hover{color:var(--accent);background:var(--surface-1)}.footer-copy{font-size:14px;color:var(--fg-3);margin:0 0 0 8px}@media(max-width:760px){.nav-inner{height:60px}.icon-btn{width:44px;height:44px}.lang summary,.lang-solo{height:44px}.blog-main,.post-main{padding-top:48px;padding-bottom:72px}.page-head{margin-bottom:36px}.page-head h1,.post-header h1{font-size:32px}.post-item{grid-template-columns:1fr;gap:6px;padding:24px 0}.post-date{padding-top:0}.prose h2{font-size:24px;margin-top:40px}.cta-block{padding:32px 24px;margin-top:48px}.post-nav{grid-template-columns:1fr;gap:20px;margin-top:48px}.post-nav a.next{align-items:flex-start;text-align:left}.footer-inner{flex-direction:column;align-items:flex-start;gap:8px}.footer-links{margin-left:-10px}.footer-copy{margin-left:0}.pagination{flex-wrap:wrap;row-gap:12px}}