:root{--bg:#f7f3eb;--surface:#ffffff;--surface-muted:#f1ebdd;--text:#151820;--muted:#5f6c7b;--accent:#ff7a1a;--accent-2:#246eb9;--border:#e4ded0;--code-bg:#0f172a;--shadow:0 14px 40px rgba(0, 0, 0, 0.08);--layout-max:1180px;--content-max:840px;--sidebar-max:280px}:root[data-theme=dark],body[data-theme=dark],body.theme-dark{--bg:#0b0e14;--surface:#141a26;--surface-muted:#1d2635;--text:#f2f5ff;--muted:#c1c8db;--accent:#ffb347;--accent-2:#7cb7ff;--border:#2f3a4f;--code-bg:#0b1220;--shadow:0 18px 44px rgba(0,0,0,0.35)}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:pt sans,verdana,geneva,noto sans jp,hiragino sans,yu gothic,meiryo,sans-serif;background:var(--bg);color:var(--text);letter-spacing:.01em}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.page-shell{min-height:100vh;display:flex;flex-direction:column}.layout{width:100%;max-width:var(--layout-max);margin:0 auto;padding:32px 16px 80px}.site-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--layout-max);margin:0 auto;padding:16px 16px 10px;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid rgba(0,0,0,3%);font-size:13px;transition:transform .25s ease}.site-header.is-hidden{transform:translateY(-110%)}.header-actions{display:flex;align-items:center;gap:6px}.header-divider{width:1px;height:22px;background:var(--border);opacity:.9}.menu-toggle{display:none;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);align-items:center;justify-content:center;padding:0;cursor:pointer;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.menu-toggle:hover{border-color:var(--accent);box-shadow:0 10px 20px rgba(0,0,0,.12);transform:translateY(-1px)}.menu-toggle__icon{display:inline-block;width:16px;height:12px;position:relative}.menu-toggle__icon::before,.menu-toggle__icon::after,.menu-toggle__icon span{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.menu-toggle__icon span{top:5px}.menu-toggle__icon::before{top:0}.menu-toggle__icon::after{bottom:0}.menu-toggle__icon span{top:5px}.menu-toggle.is-open .menu-toggle__icon::before{transform:translateY(5px)rotate(45deg)}.menu-toggle.is-open .menu-toggle__icon::after{transform:translateY(-5px)rotate(-45deg)}.menu-toggle.is-open .menu-toggle__icon span{opacity:0}.lang-menu{position:relative}.lang-menu::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px}.lang-trigger{display:inline-flex;align-items:center;gap:6px;border:none;background:0 0;color:var(--text);border-radius:6px;padding:3px 5px;cursor:pointer;font-size:13px;transition:color .2s ease}.lang-trigger:hover{color:var(--accent)}.lang-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-trigger__icon{width:18px;height:18px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 0 0 20"/></svg>')50%/contain no-repeat;display:inline-block}.lang-popover{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.12);display:grid;gap:4px;padding:6px 8px;min-width:110px;z-index:20}.lang-popover[hidden]{display:none!important}.lang-menu:hover .lang-popover,.lang-menu:focus-within .lang-popover{display:grid!important}.lang-choice{text-align:left;border:none;background:0 0;color:var(--text);border-radius:8px;padding:6px 8px;cursor:pointer;font-size:13px}.lang-choice[aria-checked=true]{background:color-mix(in srgb,var(--accent-2) 16%,var(--surface));color:var(--accent-2);font-weight:700}.theme-menu{position:relative}.theme-menu::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px}.theme-trigger{display:inline-flex;align-items:center;gap:6px;border:none;background:0 0;color:var(--text);border-radius:6px;padding:4px;cursor:pointer;font-size:13px}.theme-trigger:hover{background:0 0;color:var(--accent)}.theme-trigger__icon{display:inline-flex;width:18px;height:18px;border-radius:4px;align-items:center;justify-content:center;font-size:12px;background:0 0;color:var(--muted);background-size:contain;background-repeat:no-repeat;background-position:50%}[data-theme-icon][data-state=light]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/></svg>')}[data-theme-icon][data-state=dark]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23151820" stroke="%23fefefe" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>')}[data-theme-icon][data-state=system]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v4M12 17v4M3 12h4M17 12h4"/><path d="M8 8h8v8H8z"/></svg>')}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.theme-popover{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.12);display:grid;gap:6px;padding:8px 10px;min-width:150px;z-index:20}.theme-popover[hidden]{display:none!important}.theme-menu:hover .theme-popover,.theme-menu:focus-within .theme-popover{display:grid!important}.theme-choice{text-align:left;border:none;background:0 0;color:var(--text);border-radius:8px;padding:6px 8px;cursor:pointer;font-size:13px}.theme-choice[aria-checked=true]{background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent);font-weight:700}.header-social{display:inline-flex;gap:6px;align-items:center;margin-left:4px}.social-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;color:var(--text);background:0 0;text-decoration:none;transition:transform .12s ease,color .12s ease;box-shadow:none}.social-btn svg{width:18px;height:18px;fill:currentColor}.social-btn:hover{color:var(--accent);transform:translateY(-1px)}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:50%;background-size:cover;background-position:50%;background-repeat:no-repeat;border:none;box-shadow:none;overflow:hidden}.brand-mark--fallback{display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 88%,#fff 12%),var(--accent-2));color:#fff;font-weight:700;border-radius:50%}.brand-text{display:flex;flex-direction:column}.brand-name{font-weight:700;letter-spacing:-.01em;font-size:17px}.brand-tagline{color:var(--muted);font-size:12px;font-family:hack,ui-monospace,SFMono-Regular,Menlo,Consolas,liberation mono,courier new,monospace}.main-nav{display:flex;gap:8px;flex-wrap:wrap}.nav-item{padding:6px 9px;border-radius:8px;color:var(--text);font-weight:600;border:1px solid transparent;transition:all .15s ease}.nav-item:hover{border-color:var(--border);background:var(--surface)}.nav-item.is-active{color:var(--accent-2);border-color:var(--accent-2);background:rgba(36,110,185,8%)}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:8px 10px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.theme-toggle:hover{background:var(--surface-muted)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;align-items:center;padding:40px 0 24px}.hero-text h1{margin:6px 0 8px;font-size:44px;letter-spacing:-.02em}.lead{color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;border:2px solid var(--accent);background:var(--accent);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 14px 30px rgba(255,122,26,.25)}.btn.ghost{background:0 0;color:var(--accent);box-shadow:none}.btn:hover{transform:translateY(-1px)}.hero-visual{width:100%;aspect-ratio:4/3;border-radius:18px;background-size:cover;background-position:50%;box-shadow:var(--shadow);border:1px solid var(--border)}.section-heading{margin:28px 0 10px}.section-heading__title{display:flex;align-items:baseline;gap:10px}.page-header{margin:14px 0 24px}.page-header h1{margin:4px 0;font-size:34px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--muted);margin:0}.muted{color:var(--muted);font-size:15px}.post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.post-list-wrap{width:100%;max-width:var(--content-max);margin:0 auto}.post-line{display:grid;grid-template-columns:1fr;gap:6px;align-items:center;padding:5px 0;border-bottom:1px solid var(--border)}.post-line__index{display:none}.post-line__one{display:flex;gap:8px;align-items:baseline;color:inherit;text-decoration:none}.post-line__title{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:700;line-height:1.25;font-size:14px}.post-line__title:hover{color:var(--accent);text-decoration:underline}.post-line__meta{color:var(--muted);font-size:12px}.post-line__one{flex-wrap:wrap}.post-line__desc{color:var(--muted);font-size:13px;margin:0}.post-line__icon{display:inline-flex;width:14px;height:14px;color:var(--muted)}.post-line__icon svg{width:100%;height:100%}.post-line__one:hover .post-line__icon{color:var(--accent)}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;height:100%}.post-card__body{display:block;padding:18px;color:inherit;text-decoration:none;height:100%}.post-card__meta{color:var(--muted);font-size:14px;margin:0 0 6px}.post-card__title{margin:0 0 10px;font-size:22px;line-height:1.3}.post-card__excerpt{margin:0 0 12px;color:#2f343f}.post-card__tags{display:flex;gap:8px;flex-wrap:wrap}.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.12)}.slides-shell{max-width:var(--layout-max);margin:0 auto;display:grid;gap:18px}.slides-embed{background:0 0;border:none;border-radius:14px;padding:0;box-shadow:none}.slides-meta__eyebrow{margin:0 0 6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.slides-meta__title{margin:0 0 10px;font-size:clamp(22px,3vw,30px);line-height:1.2}.slides-meta__desc{margin:0 0 12px;color:var(--text);font-size:15px}.slides-meta__info{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px;margin-bottom:10px;flex-wrap:wrap}.slides-meta__tags{display:flex;gap:8px;flex-wrap:wrap}.slides-meta__link{color:var(--accent-2);text-decoration:none}.slides-meta__link:hover{text-decoration:underline}.slides-article{background:0 0;border:none;border-radius:0;padding:18px;box-shadow:none;max-width:var(--layout-max)}.speakerdeck-embed-wrap{position:relative;width:100%;overflow:hidden;border-radius:12px}.speakerdeck-embed-wrap iframe{width:100%!important;height:auto;aspect-ratio:16/9;border:none;border-radius:8px}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:0 0;color:var(--text);font-weight:600;text-decoration:none;transition:all .2s ease}.btn-ghost:hover{border-color:var(--accent-2);color:var(--accent-2);text-decoration:none}.tag,.chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--surface-muted);color:var(--text);font-size:13px;border:1px solid var(--border)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(220px,var(--sidebar-max));gap:28px;align-items:start;max-width:var(--layout-max);margin:0 auto 18px}.article-layout{width:100%}.article-layout>*{min-width:0}.article{background:var(--surface);border-radius:16px;padding:22px 18px;border:1px solid var(--border);box-shadow:var(--shadow);width:100%;max-width:var(--content-max);justify-self:start}.article.slides-article{background:0 0;border:none;box-shadow:none;padding:0;max-width:var(--layout-max)}.article.slides-article .article-hero{margin-bottom:8px}.article-hero{display:flex;flex-direction:column;gap:2px;margin-bottom:0}.article-hero--stack{gap:2px}.article-title{margin:0;font-size:30px;letter-spacing:-.01em}.article-meta{display:flex;gap:10px;align-items:center;color:var(--muted);flex-wrap:wrap;font-size:13px}.article-meta--stack{display:grid;gap:4px;padding:4px 0;font-family:hack,ui-monospace,SFMono-Regular,Menlo,Consolas,liberation mono,courier new,monospace;font-size:13px;color:var(--text)}.meta-row{color:var(--text);letter-spacing:.01em}.meta-link{color:var(--text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.meta-link:hover{color:var(--accent)}.meta-lang-current{color:var(--accent-2);font-weight:700}.meta-separator{font-family:hack,ui-monospace,SFMono-Regular,Menlo,Consolas,liberation mono,courier new,monospace;color:var(--muted);letter-spacing:.12em;margin:0;text-align:left}.hero-cover{margin:6px 0}.hero-cover img{width:100%;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--border)}.article-translations{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 10px}.article-body{margin-top:6px;color:var(--text)}.article-body h2,.article-body h3,.article-body h4{margin-top:18px;margin-bottom:8px}.article-body h1{font-size:30px;margin-top:18px;margin-bottom:8px}.article-body h2{font-size:24px;margin-top:18px;margin-bottom:8px}.article-body h3{font-size:20px;margin-top:16px;margin-bottom:8px}.article-body h4{font-size:17px;margin-top:14px;margin-bottom:6px}.article-body h5{font-size:15px;margin-top:12px;margin-bottom:6px}.article-body h1,.article-body h2{padding-bottom:1px;border-bottom:1px solid color-mix(in srgb,var(--text) 24%,transparent)}.article-body h1::before,.article-body h2::before,.article-body h3::before,.article-body h4::before,.article-body h5::before{color:var(--muted);font-weight:600;margin-right:4px;font-family:hack,ui-monospace,SFMono-Regular,Menlo,Consolas,liberation mono,courier new,monospace}.article-body h1::before{content:"#"}.article-body h2::before{content:"##"}.article-body h3::before{content:"###"}.article-body h4::before{content:"####"}.article-body h5::before{content:"#####"}.article-body p{margin:10px 0}.article-body ul,.article-body ol{padding-left:24px}.article-body blockquote{margin:18px 0;padding:12px 18px;border-left:4px solid var(--accent);background:var(--surface-muted);border-radius:12px;color:var(--text)}.article-body code{background:color-mix(in srgb,var(--surface-muted) 70%,transparent);padding:2px 6px;border-radius:6px}.article-body pre{background:var(--code-bg);color:#e2e8f0;padding:16px;border-radius:12px;overflow:auto}.article-body pre code{background:0 0;padding:0;color:inherit}.article-body pre .chroma{background:0 0}.chroma{color:#e2e8f0}.chroma .c{color:#94a3b8;font-style:italic}.chroma .k,.chroma .kd,.chroma .kn,.chroma .kt,.chroma .kc{color:#f59e0b;font-weight:600}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .s1,.chroma .s2{color:#22c55e}.chroma .m,.chroma .mi,.chroma .mf,.chroma .il{color:#60a5fa}.chroma .na,.chroma .nc,.chroma .nf{color:#a78bfa}.chroma .nt{color:#60a5fa}.chroma .l,.chroma .ld{color:#22c55e}.chroma .p,.chroma .w{color:#e2e8f0}.chroma .o,.chroma .ow{color:#f472b6}.chroma .err{color:#f87171}.article-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px;flex-wrap:wrap}.article-nav{display:flex;gap:12px;flex-wrap:wrap}.nav-arrow{color:var(--accent-2)}.text-center{text-align:center}.text-underline{text-decoration:underline}.text-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,\"Liberation Mono\",\"Courier New\",monospace}.h1{font-size:28px;font-weight:700}.my-12{margin-top:12px;margin-bottom:12px}.btn-legacy{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-muted);color:var(--text);text-decoration:none;font-weight:600;line-height:1.3}.btn-legacy:hover{background:var(--surface);border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 85%,#000 15%);border-color:color-mix(in srgb,var(--accent) 85%,#000 15%)}.github-button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-muted);color:var(--text);text-decoration:none;font-weight:600;font-size:12px}.github-button:hover{border-color:var(--accent);color:var(--accent)}blockquote.twitter-tweet{margin:16px 0;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12px}blockquote.twitter-tweet a{color:var(--accent-2)}.TimelineItem{position:relative;display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;padding:10px 0 10px 4px}.TimelineItem::before{content:"";position:absolute;left:18px;top:0;bottom:0;width:2px;background:var(--border)}.TimelineItem-badge{position:relative;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--text);box-shadow:0 4px 10px rgba(0,0,0,.12)}.TimelineItem-badge::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);width:2px;height:120%;background:var(--border)}.TimelineItem:last-of-type .TimelineItem-badge::after{height:18px}.TimelineItem-body{line-height:1.45}.w-6.h-6{width:18px;height:18px}.color-bg-danger-emphasis{background:#d73a49}.color-bg-success-emphasis{background:#2da44e}.color-bg-accent-emphasis{background:var(--accent)}.color-fg-on-emphasis{color:#fff}.sidebar-profile{display:flex;align-items:center;gap:8px;padding:10px 0;margin:10px 0}.sidebar-profile__name{font-weight:700;font-size:15px;color:var(--text);text-decoration:none}.sidebar-profile__name:hover{color:var(--accent)}.sidebar-profile__links{display:flex;gap:4px}.sidebar-profile__links .social-btn{width:28px;height:28px}.sidebar-profile__links .social-btn svg{width:16px;height:16px}.toc-desktop{position:sticky;top:96px;align-self:start}.toc{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow)}.toc__title{margin:0 0 8px;font-weight:700;font-size:14px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.toc__body{font-size:15px;color:var(--text)}.toc__body ul{list-style:none;padding-left:0;margin:0}.toc__body li{margin:6px 0}.toc__body li ul{padding-left:16px;border-left:2px solid var(--border);margin-top:6px}.toc__body a{color:var(--text);text-decoration:none}.toc__body a:hover{color:var(--accent)}.toc__body a.is-active{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}.toc-share{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.slides-article .toc-share{margin-top:6px}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.share-btn--native{display:none}.share-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,8%)}.share-btn svg{width:18px;height:18px;fill:currentColor}.toc-inline{display:none;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--surface);margin:12px 0 6px}.share-block{width:100%}.share-block--mobile{display:none}.share-block--desktop{display:none}.toc-inline summary{cursor:pointer;font-weight:700;color:var(--text);list-style:none;display:inline-flex;align-items:center;gap:6px}.toc-inline summary::-webkit-details-marker{display:none}.toc-inline[open] summary{color:var(--accent)}.toc-inline .toc{margin-top:8px;box-shadow:none;border:none;padding:0;background:0 0}.toc-inline .toc__title{display:none}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:28px 0 10px}.page-link{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none}.page-link.is-disabled{opacity:.4;pointer-events:none}.page-current{color:var(--muted)}.site-footer{width:100%;max-width:var(--layout-max);margin:auto;padding:18px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent)}.footer-links{display:flex;gap:12px}.footer-links a{color:var(--muted)}.terms{list-style:none;padding:0;margin:0;display:grid;gap:10px}.terms__item{display:flex;justify-content:space-between;padding:12px 14px;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.mobile-toc-fab{display:none}@media(max-width:1024px){.site-header{position:fixed;top:0;left:0;right:0;padding:10px 14px;max-width:none;width:100%}.brand-mark{width:36px;height:36px}.brand-text{gap:0;line-height:1.25}.brand-name{font-size:15px}.brand-tagline{font-size:11px}.layout{padding:24px 16px 60px;padding-top:68px}.article-layout{grid-template-columns:1fr}.toc-desktop{display:none}.toc-inline{display:none}body[data-is-mobile=true] .share-block--mobile{display:flex}body[data-is-mobile=true] .share-btn--native{display:inline-flex}.header-social{display:inline-flex}.main-nav{display:none}.header-divider{display:none}.theme-menu,.lang-menu{display:none}.menu-toggle{display:inline-flex}.share-block--desktop{display:none}body.has-mobile-share{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.share-block--mobile.is-floating{position:fixed;display:inline-flex;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%,12px);width:auto;justify-content:center;gap:10px;padding:0;border:none;background:0 0;box-shadow:none;z-index:40;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.share-block--mobile.is-floating .share-btn{width:34px;height:34px;box-shadow:0 8px 18px rgba(0,0,0,.12)}.share-block--mobile.is-floating.is-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}.mobile-toc-fab{position:fixed;right:14px;bottom:20px;z-index:40;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;letter-spacing:.02em;gap:6px;display:inline-flex;align-items:center;box-shadow:0 10px 24px rgba(0,0,0,.14);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.mobile-toc-fab.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-toc-fab.is-active{border-color:var(--accent-2);color:var(--accent-2)}.mobile-toc-fab__icon{width:18px;height:18px;transition:transform .18s ease}.mobile-toc-fab.is-active .mobile-toc-fab__icon{transform:rotate(180deg)}}.mobile-menu{position:fixed;top:0;right:0;width:clamp(200px,60vw,260px);height:100vh;height:100dvh;background:var(--surface);box-shadow:-12px 0 28px rgba(0,0,0,.2);padding:18px 16px calc(22px + env(safe-area-inset-bottom));z-index:32;clip-path:inset(0 0 0 100%);opacity:0;pointer-events:none;transition:clip-path .26s ease,opacity .26s ease;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.mobile-menu.is-open{clip-path:inset(0 0 0 0);opacity:1;pointer-events:auto}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border)}.mobile-menu__title{font-weight:700;font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.menu-close{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .15s ease}.menu-close:hover{border-color:var(--accent);color:var(--accent)}.menu-close svg{width:18px;height:18px}.mobile-menu__links{display:grid;gap:4px}.mobile-menu__item{padding:8px 0;color:var(--text);text-decoration:none;font-size:17px}.mobile-menu__item:hover{color:var(--accent)}.mobile-menu__item.is-active{color:var(--accent)}.mobile-menu__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.mobile-menu__langs{display:inline-flex;gap:8px}.lang-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:13px;transition:border-color .15s ease,color .15s ease}.lang-chip:hover{border-color:var(--accent);color:var(--accent)}.lang-chip.is-active{border-color:var(--accent);color:var(--accent);font-weight:700}.mobile-menu__icons{display:inline-flex;gap:8px;align-items:center}.mobile-menu__overlay{position:fixed;inset:0;background:rgba(0,0,0,.32);z-index:31;opacity:0;pointer-events:none;transition:opacity .22s ease}.mobile-menu__overlay.is-open{opacity:1;pointer-events:auto}body.menu-open{overflow:hidden}body.menu-open .mobile-toc-fab,body.menu-open .share-block--mobile{display:none!important}body.toc-open .share-block--mobile{display:none!important}@media(max-width:1180px){}@media(max-width:720px){.brand-text{display:flex}.brand-name{font-size:15px}.brand-tagline{font-size:11px}.article{padding:0;background:0 0;border:none;box-shadow:none}.article .article-body{padding:0}.article-title{font-size:30px}.hero-text h1{font-size:32px}.post-line{grid-template-columns:1fr}}@media(min-width:1025px){.share-block--mobile{display:none}.share-block--desktop{display:flex}.share-btn--native{display:none}.toc-modal{display:none!important}}.toc-modal{position:fixed;left:0;right:0;bottom:0;max-height:70vh;background:var(--surface);border-top:1px solid var(--border);border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.15);padding:0 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));overflow:auto;z-index:45;font-size:14px;transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .25s ease}.toc-modal__overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:44;opacity:0;pointer-events:none;transition:opacity .25s ease}.toc-modal.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.toc-modal.is-open+.toc-modal__overlay{opacity:1;pointer-events:auto}.toc-modal__header{display:flex;justify-content:space-between;align-items:center;font-weight:700;padding:14px 0 10px;margin-bottom:4px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.toc-modal__handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:10px auto 0}.toc-modal__close{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:20px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .15s ease}.toc-modal__close:hover{border-color:var(--accent);color:var(--accent)}.toc-modal .toc{box-shadow:none;border:none;padding:0;margin:0}.toc-modal .toc__title{display:none}.toc-modal .toc__body li{margin:6px 0}.toc-modal .toc__body a{padding:4px 0;display:block}html{font-size:16px}@media(max-width:400px){html{font-size:15px}}body{font-size:16px;line-height:1.8}.article-body{font-size:16px;line-height:1.9}.article-body h1{font-size:1.7em}.article-body h2{font-size:1.5em}.article-body h3{font-size:1.3em}.article-body h4{font-size:1.1em}.article-body h5{font-size:1em}.article-body h6{font-size:.9em}.article-body figure,.article-body blockquote figure{max-width:100%;margin-left:auto;margin-right:auto;position:relative}.article-body figure img,.article-body blockquote figure img{display:block;width:100%;height:auto}.article-body figure::after,.article-body blockquote figure::after{content:"🔍";position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;line-height:1;padding:4px 6px;border-radius:999px;opacity:.45;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.article-body figure:hover::after,.article-body figure:focus-within::after,.article-body blockquote figure:hover::after,.article-body blockquote figure:focus-within::after{opacity:.9;transform:scale(1.05)}.article-body img{max-width:100%;height:auto}.article-body img{cursor:zoom-in}.lightbox-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:200}.lightbox-backdrop.is-open{opacity:1;pointer-events:auto}.lightbox-backdrop img{max-width:min(95vw,1200px);max-height:90vh;border-radius:12px;box-shadow:0 24px 64px rgba(0,0,0,.35);background:var(--surface)}.article-body a{overflow-wrap:anywhere;word-break:break-word}.article-body pre,.article-body code{max-width:100%}.article-body pre{overflow-x:auto;white-space:pre}@media(max-width:576px){.article-body h1{font-size:1.6em}.article-body h2{font-size:1.4em}.article-body h3{font-size:1.2em}.article-body h4{font-size:1.1em}.article-body h5{font-size:1em}.article-body h6{font-size:.85em}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.error-page h1{font-size:6rem;margin:0;color:var(--accent);line-height:1}.error-page p{font-size:1.25rem;color:var(--muted);margin:1rem 0 2rem}.error-page a{padding:.75rem 1.5rem;background:var(--accent);color:var(--bg);border-radius:4px;font-weight:600}.error-page a:hover{text-decoration:none;opacity:.9}.gh-card{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:12px 0;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.gh-card:hover{border-color:var(--accent-2);box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px);text-decoration:none}.gh-card__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0}.gh-card__icon svg{width:18px;height:18px}.gh-card__icon--pr{color:#2da44e}.gh-card__icon--issue{color:#2da44e}.gh-card__state--open{color:#2da44e}.gh-card__state--closed{color:#cf222e}.gh-card__state--merged{color:#8250df}.gh-card__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.gh-card__title{font-weight:600;font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gh-card__meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.gh-card__repo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gh-card__number{color:var(--muted)}.gh-card__author{color:var(--muted)}.gh-card__state{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.gh-card__state--open{background:rgba(45,164,78,.15)}.gh-card__state--closed{background:rgba(207,34,46,.15)}.gh-card__state--merged{background:rgba(130,80,223,.15)}.gh-card__arrow{display:flex;align-items:center;color:var(--muted);flex-shrink:0}.gh-card__arrow svg{width:16px;height:16px}.gh-card:hover .gh-card__arrow{color:var(--accent-2)}.code-block{margin:16px 0}.code-block--titled{border:1px solid var(--border);border-radius:12px;overflow:hidden}.code-block__title{background:var(--surface-muted);padding:8px 14px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--border);font-family:hack,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code-block--titled pre{margin:0;border-radius:0}.code-block pre{background:var(--code-bg);color:#e2e8f0;padding:16px;border-radius:12px;overflow:auto;margin:0}.code-block code{background:0 0;padding:0}.alert{padding:12px 16px;margin:16px 0;border-left:4px solid;border-radius:8px;background:var(--surface)}.alert__title{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:6px}.alert__title svg{width:16px;height:16px}.alert__body p{margin:0}.alert--note{border-color:#2f81f7}.alert--note .alert__title{color:#2f81f7}.alert--tip{border-color:#2da44e}.alert--tip .alert__title{color:#2da44e}.alert--important{border-color:#8250df}.alert--important .alert__title{color:#8250df}.alert--warning{border-color:#d29922}.alert--warning .alert__title{color:#d29922}.alert--caution{border-color:#cf222e}.alert--caution .alert__title{color:#cf222e}