:root{color-scheme:light;--hue:250;--primary:hsl(var(--hue) 72% 67%);--primary-strong:hsl(var(--hue) 70% 58%);--primary-soft:hsl(var(--hue) 78% 94%);--page-bg:hsl(var(--hue) 34% 96%);--card-bg:rgba(255, 255, 255, 0.96);--card-solid:#fff;--float-bg:rgba(255, 255, 255, 0.92);--text:hsl(var(--hue) 15% 18%);--text-75:hsl(var(--hue) 8% 34%);--text-50:hsl(var(--hue) 7% 50%);--text-30:hsl(var(--hue) 5% 64%);--line:hsl(var(--hue) 18% 89%);--line-dashed:hsl(var(--hue) 16% 86%);--button-bg:hsl(var(--hue) 55% 95%);--button-hover:hsl(var(--hue) 60% 90%);--code-bg:hsl(var(--hue) 22% 15%);--shadow:0 10px 28px rgba(36, 27, 70, 0.055);--shadow-hover:0 18px 42px rgba(36, 27, 70, 0.1);--radius:16px;--radius-sm:11px;--page-width:1200px;--header-height:72px;--banner-home-height:65vh;--banner-inner-height:35vh;--banner-overlap:56px}html[data-theme=dark]{color-scheme:dark;--primary:hsl(var(--hue) 75% 74%);--primary-strong:hsl(var(--hue) 76% 68%);--primary-soft:hsl(var(--hue) 28% 27%);--page-bg:hsl(var(--hue) 18% 12%);--card-bg:rgba(38, 34, 48, 0.96);--card-solid:hsl(var(--hue) 17% 17%);--float-bg:rgba(31, 28, 40, 0.95);--text:hsl(var(--hue) 18% 92%);--text-75:hsl(var(--hue) 10% 75%);--text-50:hsl(var(--hue) 7% 60%);--text-30:hsl(var(--hue) 5% 47%);--line:hsl(var(--hue) 12% 25%);--line-dashed:hsl(var(--hue) 13% 29%);--button-bg:hsl(var(--hue) 22% 24%);--button-hover:hsl(var(--hue) 25% 30%);--code-bg:hsl(var(--hue) 17% 9%);--shadow:0 10px 30px rgba(0, 0, 0, 0.16);--shadow-hover:0 18px 46px rgba(0, 0, 0, 0.25)}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;background:var(--page-bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.7;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease}html[data-theme=dark] body{background:var(--page-bg)}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}img{max-width:100%}svg{display:block}::selection{background:hsl(var(--hue) 75% 83% / .65)}.skip-link{position:fixed;z-index:9999;top:10px;left:10px;padding:8px 14px;border-radius:8px;background:var(--card-solid);color:var(--primary-strong);transform:translateY(-150%)}.skip-link:focus{transform:none}.card-base,.side-card{border:1px solid hsl(var(--hue) 30% 50% / .055);border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow);backdrop-filter:blur(16px);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .25s ease}.ghost-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:0;border-radius:10px;font-weight:700;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.primary-button{background:var(--primary);color:#fff;box-shadow:0 8px 18px hsl(var(--hue) 65% 50% / .18)}.primary-button:hover{background:var(--primary-strong);transform:translateY(-1px)}.ghost-button{background:var(--button-bg);color:var(--text-75)}.ghost-button:hover{background:var(--button-hover)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:11px;background:0 0;color:var(--text-75);transition:color .2s ease,background .2s ease,transform .2s ease}.icon-button:hover{background:var(--button-bg);color:var(--primary-strong)}.icon-button:active{transform:scale(.92)}.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-header{position:relative;z-index:100;width:min(var(--page-width),calc(100% - 32px));margin:0 auto}.nav-card{position:relative;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(330px,1fr);align-items:center;min-height:var(--header-height);padding:8px 14px;border:1px solid hsl(var(--hue) 22% 50% / .06);border-top:0;border-radius:0 0 var(--radius) var(--radius);background:var(--card-bg);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.brand-button{display:inline-flex;align-items:center;justify-self:start;gap:10px;min-height:48px;padding:0 14px;border-radius:11px;color:var(--primary-strong);font-weight:800;letter-spacing:.01em;transition:background .2s ease,transform .2s ease}.brand-button:hover{background:var(--button-bg)}.brand-button:active{transform:scale(.97)}.brand-button svg{width:25px;height:25px;fill:currentColor}.site-logo-image{display:block;width:auto;height:auto;min-width:0;max-width:min(200px,100%);max-height:32px;object-fit:contain;flex:0 1 auto}.desktop-nav{justify-self:center}.nav-list{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}.nav-item{position:relative}.nav-item>a{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:10px;color:var(--text-75);font-size:15px;font-weight:700;transition:color .2s ease,background .2s ease}.nav-item>a:hover,.nav-item>a[aria-current=page]{background:var(--button-bg);color:var(--primary-strong)}.has-children>a::after{width:6px;height:6px;margin:-3px 0 0 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;content:'';transform:rotate(45deg)}.nav-submenu{position:absolute;z-index:20;top:calc(100% + 7px);left:50%;min-width:150px;margin:0;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--float-bg);box-shadow:0 16px 36px rgba(26,20,46,.14);list-style:none;opacity:0;visibility:hidden;transform:translate(-50%,-5px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;backdrop-filter:blur(18px)}.has-children:focus-within .nav-submenu,.has-children:hover .nav-submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-submenu a{display:block;padding:8px 11px;border-radius:8px;color:var(--text-75);font-size:14px;white-space:nowrap}.nav-submenu a:hover{background:var(--button-bg);color:var(--primary-strong)}.nav-actions{display:flex;align-items:center;justify-self:end;gap:2px}.nav-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;width:210px;height:44px;margin-right:5px;padding:0 13px;border:0;border-radius:11px;background:var(--button-bg);transition:background .2s ease,box-shadow .2s ease}.nav-search:focus-within{background:var(--card-solid);box-shadow:0 0 0 2px var(--primary)}.nav-search svg{width:18px;height:18px;fill:none;stroke:var(--text-50);stroke-width:1.8;stroke-linecap:round}.nav-search input{min-width:0;height:100%;padding:0 0 0 8px;border:0;outline:0;background:0 0;font-size:14px}.mobile-search-button{display:none}.theme-button .sun-icon,html[data-theme=dark] .theme-button .moon-icon{display:none}html[data-theme=dark] .theme-button .sun-icon{display:block}.menu-button{display:none}.palette-panel{position:absolute;z-index:30;top:calc(100% + 9px);right:54px;width:238px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--float-bg);box-shadow:0 16px 36px rgba(25,18,48,.14);backdrop-filter:blur(18px)}.palette-panel[hidden]{display:none}.palette-panel>span{display:block;margin-bottom:10px;color:var(--text-50);font-size:13px;font-weight:700}.palette-panel>span:not(:first-child){margin-top:14px}.theme-mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.theme-mode-options button{min-height:32px;padding:0 6px;border:0;border-radius:8px;background:var(--button-bg);color:var(--text-50);font-size:12px;font-weight:700}.theme-mode-options button.is-active,.theme-mode-options button:hover{background:var(--primary-soft);color:var(--primary-strong)}.palette-colors{display:flex;justify-content:space-between;gap:7px}.palette-colors button{width:24px;height:24px;padding:0;border:3px solid var(--card-solid);border-radius:50%;outline:1px solid var(--line);background:hsl(var(--swatch-hue) 72% 67%);transition:transform .2s ease}.palette-colors button.is-active,.palette-colors button:hover{transform:scale(1.2)}.mobile-nav{margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--float-bg);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.mobile-nav[hidden]{display:none}.site-banner{position:absolute;z-index:0;top:0;left:0;width:100%;height:var(--banner-inner-height);overflow:hidden;background:hsl(var(--hue) 22% 22%)}.is-home-page .site-banner{height:var(--banner-home-height)}.site-banner img,.site-banner-shade{position:absolute;inset:0;width:100%;height:100%}.site-banner img{object-fit:cover}.site-banner-shade{background:linear-gradient(180deg,rgba(18,17,24,.08),rgba(18,17,24,.18))}.banner-credit{position:absolute;z-index:2;top:calc(var(--banner-inner-height) - var(--banner-overlap) - 30px);right:max(18px,calc((100% - var(--page-width))/ 2));padding:4px 9px;border-radius:8px;background:rgba(18,16,25,.28);color:rgba(255,255,255,.9);font-size:11px;backdrop-filter:blur(8px)}.is-home-page .banner-credit{top:calc(var(--banner-home-height) - var(--banner-overlap) - 30px)}.mobile-nav-list{flex-direction:column;align-items:stretch}.mobile-nav-list .nav-item>a{justify-content:space-between}.mobile-nav-list .nav-submenu{position:static;display:block;min-width:0;margin:0 0 4px 16px;padding:2px 6px;border:0;background:0 0;box-shadow:none;opacity:1;visibility:visible;transform:none}.search-layer{position:fixed;z-index:1000;inset:0;display:grid;place-items:start center;padding:min(18vh,170px) 20px 20px}.search-layer[hidden]{display:none}.search-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(18,14,28,.52);backdrop-filter:blur(8px)}.search-card{position:relative;width:min(620px,100%);padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--float-bg);box-shadow:0 28px 70px rgba(12,8,24,.28);animation:search-in .22s ease both;backdrop-filter:blur(22px)}@keyframes search-in{from{opacity:0;transform:translateY(-12px) scale(.98)}}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.search-head h2{margin:0;font-size:22px}.search-head .icon-button{font-size:26px}.search-form{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:7px 7px 7px 14px;border:2px solid var(--line);border-radius:13px;background:var(--card-solid);transition:border-color .2s ease,box-shadow .2s ease}.search-form:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px hsl(var(--hue) 70% 65% / .12)}.search-form svg{width:21px;fill:none;stroke:var(--text-30);stroke-width:1.8;stroke-linecap:round}.search-form input{min-width:0;padding:9px 0;border:0;outline:0;background:0 0}.search-form button{min-height:40px;padding:0 18px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-weight:700}.search-card>p{margin:10px 2px 0;color:var(--text-30);font-size:13px}.page-shell{width:min(var(--page-width),calc(100% - 32px));margin:26px auto 60px}.has-site-banner.is-home-page .page-shell{margin-top:calc(var(--banner-home-height) - var(--header-height) - var(--banner-overlap))}.has-site-banner.is-inner-page .page-shell{margin-top:calc(var(--banner-inner-height) - var(--header-height) - var(--banner-overlap))}.no-site-banner .page-shell{margin-top:22px}.site-grid{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:16px}.content-column{min-width:0}.list-context{margin-bottom:16px;padding:22px 28px}.list-context span,.page-kicker{color:var(--primary-strong);font-size:12px;font-weight:800;letter-spacing:.14em}.list-context h1{margin:3px 0 0;font-size:28px;line-height:1.3}.post-list{border-radius:var(--radius)}.post-card{position:relative;display:flex;min-height:188px;margin-bottom:16px;overflow:hidden;animation:card-enter .45s ease both}.post-card:nth-child(2){animation-delay:50ms}.post-card:nth-child(3){animation-delay:.1s}.post-card:nth-child(4){animation-delay:.15s}@keyframes card-enter{from{opacity:0;transform:translateY(12px)}}.post-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.post-card-content{min-width:0;flex:1;padding:25px 72px 21px 30px}.post-card.has-cover .post-card-content{padding-right:24px}.post-title-row{position:relative;display:flex;align-items:flex-start;gap:10px}.title-accent{position:absolute;top:7px;left:-13px;width:4px;height:23px;border-radius:4px;background:var(--primary)}.post-title-row h2{margin:0;font-size:clamp(22px, 2.6vw, 28px);line-height:1.35;letter-spacing:-.015em}.post-title-row h2 a{transition:color .2s ease}.post-title-row h2 a:hover{color:var(--primary-strong)}.top-badge{display:inline-flex;flex:0 0 auto;align-items:center;min-height:22px;margin-top:7px;padding:0 8px;border-radius:7px;background:var(--primary-soft);color:var(--primary-strong);font-size:11px;font-weight:800}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;margin-top:11px;color:var(--text-50);font-size:13px}.post-meta>a,.post-meta>span{display:inline-flex;align-items:center;gap:5px}.post-meta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.meta-icon{display:inline-grid;flex:0 0 auto;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--button-bg);color:var(--text-50)}.meta-icon svg{width:15px;height:15px}.meta-link:hover,.meta-tag:hover{color:var(--primary-strong)}.meta-tags{gap:6px!important}.meta-tag+.meta-tag::before{margin-right:5px;color:var(--text-30);content:'/'}.post-excerpt{display:-webkit-box;margin:15px 0 9px;overflow:hidden;color:var(--text-75);font-size:15px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-card-footer{display:flex;flex-wrap:wrap;gap:8px;color:var(--text-30);font-size:12px}.meta-divider{opacity:.65}.post-cover{position:relative;flex:0 0 28%;margin:12px;overflow:hidden;border-radius:13px;background:var(--button-bg)}.post-cover::after{position:absolute;inset:0;background:rgba(18,13,30,0);content:'';transition:background .25s ease}.post-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-cover:hover img{transform:scale(1.045)}.post-cover:hover::after{background:rgba(18,13,30,.22)}.cover-arrow{position:absolute;z-index:2;top:50%;left:50%;color:#fff;font-size:50px;line-height:1;opacity:0;transform:translate(-58%,-50%) scale(.7);transition:opacity .25s ease,transform .25s ease}.post-cover:hover .cover-arrow{opacity:1;transform:translate(-50%,-50%) scale(1)}.post-enter{position:absolute;top:12px;right:12px;bottom:12px;display:grid;width:48px;place-items:center;border-radius:12px;background:var(--button-bg);color:var(--primary-strong);font-size:38px;line-height:1;transition:background .2s ease,transform .2s ease}.post-enter:hover{background:var(--button-hover)}.post-enter:active{transform:scale(.95)}.empty-state{padding:60px 30px;text-align:center}.empty-state>span{color:var(--primary);font-size:40px}.empty-state h2{margin:6px 0 0}.empty-state p{margin:4px 0 0;color:var(--text-50)}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:24px}.pagination a,.pagination em,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:0 13px;border-radius:10px;background:var(--card-bg);box-shadow:var(--shadow);color:var(--text-75);font-size:14px;font-weight:700}.pagination a:hover,.pagination span{background:var(--primary);color:#fff}.pagination em{background:0 0;box-shadow:none;color:var(--text-30);font-style:normal}.sidebar{min-width:0}.sidebar-sticky{position:sticky;top:16px;display:grid;gap:16px}.side-card{padding:14px}.profile-card{margin-bottom:16px;text-align:center}.profile-avatar{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:13px;background:var(--button-bg)}.profile-avatar::after{position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,hsl(var(--hue) 70% 40% / .16));content:'';transition:background .25s ease}.profile-avatar-hover{position:absolute;z-index:2;inset:0;display:grid;place-items:center;background:hsl(var(--hue) 28% 16% / .4);color:#fff;opacity:0;transition:opacity .25s ease}.profile-avatar-hover svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.profile-avatar:hover .profile-avatar-hover{opacity:1}.profile-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.profile-avatar:hover img{transform:scale(1.04)}.profile-card h2{margin:13px 0 4px;font-size:20px;line-height:1.35}.profile-accent{display:block;width:24px;height:4px;margin:0 auto 8px;border-radius:10px;background:var(--primary)}.profile-card p{margin:0 4px 12px;color:var(--text-50);font-size:13px;line-height:1.65}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.social-links a{display:grid;width:39px;height:39px;place-items:center;border-radius:10px;background:var(--button-bg);color:var(--text-75);transition:background .2s ease,color .2s ease,transform .2s ease}.social-links a:hover{background:var(--button-hover);color:var(--primary-strong);transform:translateY(-2px)}.social-links svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-links svg.icon-fill{fill:currentColor;stroke:none}.calendar-widget table{width:100%;border-collapse:collapse;color:var(--text-50);font-size:12px;text-align:center}.calendar-widget td{height:28px;padding:1px}.calendar-widget td a{display:grid;min-height:26px;place-items:center;border-radius:7px;color:var(--primary-strong);font-weight:700}.calendar-widget td a:hover{background:var(--button-bg)}.calendar-widget .calendartop td{color:var(--text-75);font-weight:700}.widget-loading{margin:0;color:var(--text-30);font-size:12px}.twitter-widget-list li{display:grid;gap:3px}.twitter-widget-list small{color:var(--text-30)}.compact-card{padding:18px}.compact-card h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px}.side-icon{color:var(--primary-strong);font-size:13px}.archive-card ul,.category-list,.plain-widget-list{margin:0;padding:0;list-style:none}.archive-card a,.category-list a{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-radius:8px;color:var(--text-75);font-size:13px;transition:color .2s ease,background .2s ease}.archive-card a:hover,.category-list a:hover{background:var(--button-bg);color:var(--primary-strong)}.archive-card em,.category-list em{min-width:25px;padding:1px 6px;border-radius:7px;background:var(--button-bg);color:var(--text-50);font-size:11px;font-style:normal;text-align:center}.tag-cloud{display:flex;flex-wrap:wrap;gap:7px}.tag-cloud a{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:8px;background:var(--button-bg);color:var(--text-75);font-size:12px;transition:background .2s ease,color .2s ease,transform .2s ease}.tag-cloud a:hover{background:var(--button-hover);color:var(--primary-strong);transform:translateY(-1px)}.tag-cloud small{color:var(--text-30);font-size:10px}.plain-widget-list li+li{border-top:1px dashed var(--line-dashed)}.plain-widget-list a{display:block;padding:8px 3px;color:var(--text-75);font-size:13px}.plain-widget-list a:hover{color:var(--primary-strong)}.widget-content{overflow-wrap:anywhere;color:var(--text-75);font-size:13px}.article-shell{display:grid;grid-template-areas:'article toc';grid-template-columns:minmax(0,900px) 220px;align-items:start;justify-content:center;gap:22px;width:min(1240px,calc(100% - 32px))}.article-shell:not(.has-toc){grid-template-areas:'article';grid-template-columns:minmax(0,900px)}.article-shell.has-sidebar.has-toc{grid-template-areas:'sidebar article toc';grid-template-columns:280px minmax(0,880px) 216px;width:min(1440px,calc(100% - 32px));gap:16px}.article-shell.has-sidebar:not(.has-toc){grid-template-areas:'sidebar article';grid-template-columns:280px minmax(0,904px);width:min(var(--page-width),calc(100% - 32px));gap:16px}.article-main{grid-area:article;min-width:0}.article-shell>.sidebar{grid-area:sidebar}.article-card{overflow:hidden}.article-header{padding:31px 40px 22px;text-align:left}.article-stats{display:flex;align-items:center;gap:8px;color:var(--text-30);font-size:12px}.article-header h1{margin:9px 0 14px;font-size:clamp(31px, 4.4vw, 44px);line-height:1.25;letter-spacing:-.025em}.article-header .top-badge{margin:0 9px 0 0;vertical-align:middle}.article-meta{justify-content:flex-start;margin-top:0}.article-edit{padding:1px 8px;border-radius:6px;background:var(--button-bg);color:var(--primary-strong)}.article-cover{margin:0 24px 30px;overflow:hidden;border-radius:14px;background:var(--button-bg)}.article-cover img{display:block;width:100%;max-height:480px;object-fit:cover}.article-author-line{margin:0 50px 34px;padding-top:18px;border-top:1px dashed var(--line-dashed);color:var(--text-50);font-size:13px}.article-author-line a:hover{color:var(--primary-strong)}.archive-page .page-header p{margin:-5px 0 0;color:var(--text-50);font-size:13px}.archive-intro{padding-bottom:14px}.archive-timeline{padding:8px 42px 42px}.archive-year{display:grid;grid-template-columns:86px minmax(0,1fr);gap:22px}.archive-year+.archive-year{margin-top:30px}.archive-year h2{position:sticky;top:18px;align-self:start;margin:0;color:var(--primary-strong);font-size:28px;line-height:1.4}.archive-year ol{position:relative;margin:0;padding:0 0 0 20px;border-left:2px solid var(--line);list-style:none}.archive-year li{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:baseline;gap:12px;padding:8px 0}.archive-year li::before{position:absolute;top:17px;left:-26px;width:10px;height:10px;border:3px solid var(--card-solid);border-radius:50%;background:var(--primary);box-shadow:0 0 0 1px var(--line);content:''}.archive-year time{color:var(--text-30);font-size:12px}.archive-year a{color:var(--text-75);font-weight:650}.archive-year a:hover{color:var(--primary-strong)}.archive-empty{margin:0;padding:40px 0;color:var(--text-50);text-align:center}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 48px 24px;padding-top:22px;border-top:1px dashed var(--line-dashed)}.tag-chip{padding:6px 11px;border-radius:9px;background:var(--button-bg);color:var(--text-75);font-size:12px;transition:color .2s ease,background .2s ease}.tag-chip:hover{background:var(--button-hover);color:var(--primary-strong)}.license-box{margin:0 48px 42px;padding:18px 20px;border-left:4px solid var(--primary);border-radius:0 11px 11px 0;background:var(--button-bg)}.license-box span{display:block;color:var(--text-50);font-size:11px;font-weight:700;letter-spacing:.1em}.license-box strong{display:block;margin-top:3px;color:var(--text)}.license-box p{margin:4px 0 0;color:var(--text-50);font-size:13px}.toc-panel{position:sticky;top:18px;grid-area:toc;max-height:calc(100vh - 36px);overflow:auto;padding:18px 16px;box-shadow:none}.toc-panel[hidden]{display:none}.toc-panel h2{margin:0 0 12px;font-size:15px}#article-toc>p{margin:0;color:var(--text-30);font-size:12px}.toc-list{margin:0;padding:0;list-style:none}.toc-list li{position:relative}.toc-list li.is-h3 a{padding-left:18px;font-size:12px}.toc-list a{display:block;padding:7px 8px;border-radius:7px;color:var(--text-50);font-size:13px;line-height:1.45;transition:color .2s ease,background .2s ease}.toc-list a.active,.toc-list a:hover{background:var(--button-bg);color:var(--primary-strong)}.page-header{padding-bottom:30px}.neighbor-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.neighbor-nav a{display:flex;min-height:90px;flex-direction:column;justify-content:center;padding:17px 20px;border:1px solid hsl(var(--hue) 30% 50% / .055);border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow);transition:box-shadow .2s ease,transform .2s ease}.neighbor-nav a:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.neighbor-nav small{color:var(--primary-strong);font-size:11px;font-weight:700}.neighbor-nav strong{display:-webkit-box;margin-top:4px;overflow:hidden;font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.neighbor-next{text-align:right}.comment-form-card,.comments-list{margin-top:18px;padding:28px 32px;border:1px solid hsl(var(--hue) 30% 50% / .055);border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow)}.comment-form-card h2,.comments-list>h2{margin:0 0 18px;font-size:20px}.comments-list>h2 span{color:var(--primary-strong);font-size:14px}#commentform input[type=email],#commentform input[type=text],#commentform input[type=url],#commentform textarea,.password-card input{width:100%;border:1px solid var(--line);border-radius:10px;outline:0;background:var(--card-solid);transition:border-color .2s ease,box-shadow .2s ease}#commentform textarea{min-height:140px;padding:14px 16px;resize:vertical}#commentform input[type=email],#commentform input[type=text],#commentform input[type=url]{min-height:44px;padding:0 13px}#commentform input:focus,#commentform textarea:focus,.password-card input:focus{border-color:var(--primary);box-shadow:0 0 0 4px hsl(var(--hue) 70% 65% / .1)}.comment-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.comment-captcha{display:flex;align-items:center;gap:8px;margin-top:12px}.comment-captcha input{width:130px!important;min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:9px}.comment-captcha img{max-height:42px;border-radius:7px}.comment-submit-row{display:flex;align-items:center;gap:10px;margin-top:14px}.comment-submit-row p{margin:0;color:var(--text-50)}.comment-submit-row p a{color:var(--primary-strong)}.comment-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:18px 0;border-top:1px dashed var(--line-dashed)}.comments-list>.comment-item:first-of-type{border-top:0}.comment-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--button-bg)}.comment-body{min-width:0}.comment-body header{display:flex;align-items:center;gap:9px}.comment-body header strong{font-size:14px}.comment-body header a:hover{color:var(--primary-strong)}.comment-body header time{color:var(--text-30);font-size:11px}.comment-content{margin-top:5px;color:var(--text-75);font-size:14px;overflow-wrap:anywhere}.comment-content p{margin:.4em 0}.comment-content img{max-height:220px;border-radius:8px}.comment-reply{margin-top:7px;padding:3px 8px;border:0;border-radius:6px;background:0 0;color:var(--text-50);font-size:12px}.comment-reply:hover{background:var(--button-bg);color:var(--primary-strong)}.comment-children{margin-top:10px;padding-left:12px;border-left:2px solid var(--line)}.comment-child{grid-template-columns:34px minmax(0,1fr);padding:13px 0 8px}.comment-child .comment-avatar{width:34px;height:34px}.comment-child .comment-children{margin-left:-46px}.comment-pagination{margin-top:12px;text-align:center}.comment-pagination a,.comment-pagination span{display:inline-flex;min-width:34px;min-height:34px;align-items:center;justify-content:center;margin:2px;border-radius:8px;background:var(--button-bg);font-size:12px}.site-footer{padding:10px 20px 34px;color:var(--text-50);text-align:center}.footer-inner{width:min(760px,100%);margin:0 auto;font-size:12px}.footer-inner p{margin:3px 0}.footer-inner a:hover{color:var(--primary-strong)}.footer-custom{margin:3px 0}.theme-credit{opacity:.72}.back-to-top{position:fixed;z-index:90;right:max(18px,calc((100vw - var(--page-width))/ 2 - 58px));bottom:22px;border:1px solid var(--line);background:var(--float-bg);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.back-to-top[hidden]{display:none}.image-viewer{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:50px;background:rgba(10,8,16,.88);cursor:zoom-out;backdrop-filter:blur(10px)}.image-viewer[hidden]{display:none}.image-viewer img{max-width:min(1400px,96vw);max-height:90vh;border-radius:12px;object-fit:contain;box-shadow:0 30px 90px rgba(0,0,0,.4)}.image-viewer button{position:absolute;top:18px;right:22px;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:27px}.special-page{display:grid;min-height:100vh;place-items:center;padding:22px}.special-card{width:min(520px,100%);padding:48px 38px;text-align:center}.special-code{display:block;color:var(--primary);font-size:clamp(72px, 18vw, 118px);font-weight:900;letter-spacing:-.08em;line-height:1;opacity:.22}.special-card h1{margin:10px 0 7px;font-size:28px}.special-card p{margin:0 0 24px;color:var(--text-50)}.lock-symbol{color:var(--primary);font-size:52px}.password-card{display:flex;flex-direction:column;text-align:left}.password-card .lock-symbol,.password-card h1,.password-card>p{text-align:center}.password-card label{margin-bottom:6px;color:var(--text-50);font-size:13px;font-weight:700}.password-card input{min-height:46px;padding:0 14px;margin-bottom:13px}.password-card .text-link{margin-top:14px;color:var(--text-50);font-size:13px;text-align:center}.password-card .text-link:hover{color:var(--primary-strong)}@media (max-width:1100px){.nav-card{grid-template-columns:1fr auto}.desktop-nav{display:none}.nav-search{display:none}.mobile-search-button{display:inline-flex}.menu-button{display:inline-flex}.article-shell,.article-shell.has-sidebar.has-toc,.article-shell.has-sidebar:not(.has-toc){grid-template-areas:'article';grid-template-columns:minmax(0,860px)}.article-shell>.sidebar,.toc-panel{display:none}}@media (max-width:900px){.site-grid{grid-template-columns:minmax(0,1fr)}.content-column{grid-row:1}.site-grid>.sidebar{grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.site-grid>.sidebar>.profile-card{margin-bottom:0}.sidebar-sticky{position:static;grid-template-columns:minmax(0,1fr)}.profile-card{grid-row:auto}.profile-avatar{aspect-ratio:1.45/1}}@media (max-width:680px){:root{--radius:14px;--banner-home-height:42vh;--banner-inner-height:28vh;--banner-overlap:30px}.article-shell,.page-shell,.site-header{width:min(100% - 20px,var(--page-width))}.nav-card{min-height:64px;padding:6px 8px 6px 10px}.brand-button{max-width:calc(100vw - 186px);min-height:46px;padding:0 8px}.brand-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-button svg{flex:0 0 auto}#palette-toggle{display:none}.icon-button{width:41px;height:41px}.page-shell{margin-bottom:42px}.has-site-banner.is-home-page .page-shell{margin-top:calc(var(--banner-home-height) - 64px - var(--banner-overlap))}.has-site-banner.is-inner-page .page-shell{margin-top:calc(var(--banner-inner-height) - 64px - var(--banner-overlap))}.no-site-banner .page-shell{margin-top:16px}.banner-credit{right:12px}.post-card,.post-card.has-cover{flex-direction:column-reverse;min-height:0}.post-card-content,.post-card.has-cover .post-card-content{padding:22px 21px 21px}.title-accent{display:none}.post-title-row h2{padding-right:8px;font-size:23px}.post-cover{flex:auto;width:auto;height:190px;margin:10px 10px 0}.post-enter{position:static;display:none}.post-excerpt{-webkit-line-clamp:3}.sidebar-sticky{grid-template-columns:minmax(0,1fr)}.site-grid>.sidebar{grid-template-columns:minmax(0,1fr)}.profile-card{grid-row:auto}.profile-avatar{aspect-ratio:1.6/1}.article-header{padding:31px 23px 21px}.article-header h1{font-size:31px}.article-cover{margin:0 12px 20px}.markdown-body{padding:8px 24px 32px;font-size:15.5px;line-height:1.9}.markdown-body h2::before{left:-12px;width:3px}.article-tags,.license-box{margin-right:24px;margin-left:24px}.article-author-line{margin-right:24px;margin-left:24px}.archive-timeline{padding:4px 23px 32px}.archive-year{grid-template-columns:minmax(0,1fr);gap:8px}.archive-year h2{position:static;font-size:24px}.archive-year ol{margin-left:5px}.neighbor-nav{grid-template-columns:minmax(0,1fr)}.neighbor-next{text-align:left}.comment-form-card,.comments-list{padding:23px 20px}.comment-fields{grid-template-columns:minmax(0,1fr)}.comment-item{grid-template-columns:36px minmax(0,1fr);gap:10px}.comment-avatar{width:36px;height:36px}.comment-child .comment-children{margin-left:-43px}.search-layer{padding-top:80px}.search-card{padding:17px}.search-form{grid-template-columns:23px 1fr}.search-form button{grid-column:1/-1;width:100%}.image-viewer{padding:44px 12px 12px}}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media print{.back-to-top,.comment-form-card,.comments-list,.neighbor-nav,.sidebar,.site-footer,.site-header,.toc-panel{display:none!important}.article-card,body{background:#fff!important;color:#111!important;box-shadow:none!important}.article-shell{display:block;width:100%;margin:0}}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/roboto-latin-400-normal.woff2') format('woff2')}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/roboto-latin-500-normal.woff2') format('woff2')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/roboto-latin-700-normal.woff2') format('woff2')}:root{color-scheme:light;--radius-large:1rem;--page-width:75rem;--header-height:4.5rem;--banner-height-home:65vh;--banner-height:35vh;--banner-home-height:var(--banner-height-home);--banner-inner-height:var(--banner-height);--banner-overlap:56px;--content-delay:150ms;--primary:oklch(0.7 0.14 var(--hue));--page-bg:oklch(0.95 0.01 var(--hue));--card-bg:white;--card-solid:white;--float-panel-bg:white;--float-bg:white;--btn-content:oklch(0.55 0.12 var(--hue));--btn-regular-bg:oklch(0.95 0.025 var(--hue));--btn-regular-bg-hover:oklch(0.9 0.05 var(--hue));--btn-regular-bg-active:oklch(0.85 0.08 var(--hue));--btn-plain-bg-hover:oklch(0.95 0.025 var(--hue));--btn-plain-bg-active:oklch(0.98 0.01 var(--hue));--btn-card-bg-hover:oklch(0.98 0.005 var(--hue));--btn-card-bg-active:oklch(0.9 0.03 var(--hue));--enter-btn-bg:var(--btn-regular-bg);--enter-btn-bg-hover:var(--btn-regular-bg-hover);--enter-btn-bg-active:var(--btn-regular-bg-active);--deep-text:oklch(0.25 0.02 var(--hue));--title-active:oklch(0.6 0.1 var(--hue));--line-divider:rgba(0, 0, 0, 0.08);--line-color:rgba(0, 0, 0, 0.1);--meta-divider:rgba(0, 0, 0, 0.2);--inline-code-bg:var(--btn-regular-bg);--inline-code-color:var(--btn-content);--selection-bg:oklch(0.9 0.05 var(--hue));--codeblock-selection:oklch(0.4 0.08 var(--hue));--codeblock-bg:oklch(0.2 0.015 var(--hue));--license-block-bg:rgba(0, 0, 0, 0.03);--link-underline:oklch(0.93 0.04 var(--hue));--link-hover:oklch(0.95 0.025 var(--hue));--link-active:oklch(0.9 0.05 var(--hue));--color-selection-bar:linear-gradient(
        to right,
        oklch(0.8 0.1 0),
        oklch(0.8 0.1 30),
        oklch(0.8 0.1 60),
        oklch(0.8 0.1 90),
        oklch(0.8 0.1 120),
        oklch(0.8 0.1 150),
        oklch(0.8 0.1 180),
        oklch(0.8 0.1 210),
        oklch(0.8 0.1 240),
        oklch(0.8 0.1 270),
        oklch(0.8 0.1 300),
        oklch(0.8 0.1 330),
        oklch(0.8 0.1 360)
    );--admonitions-color-tip:oklch(0.7 0.14 180);--admonitions-color-note:oklch(0.7 0.14 250);--admonitions-color-important:oklch(0.7 0.14 310);--admonitions-color-warning:oklch(0.7 0.14 60);--admonitions-color-caution:oklch(0.6 0.2 25);--text:rgba(0, 0, 0, 0.9);--text-90:rgba(0, 0, 0, 0.9);--text-75:rgba(0, 0, 0, 0.75);--text-50:rgba(0, 0, 0, 0.5);--text-30:rgba(0, 0, 0, 0.3);--line:var(--line-color);--line-dashed:var(--line-color);--button-bg:var(--btn-regular-bg);--button-hover:var(--btn-regular-bg-hover);--primary-strong:var(--primary);--primary-soft:var(--btn-regular-bg);--radius:var(--radius-large);--radius-sm:0.5rem;--shadow:none;--shadow-hover:none}html[data-theme=dark]{color-scheme:dark;--primary:oklch(0.75 0.14 var(--hue));--page-bg:oklch(0.16 0.014 var(--hue));--card-bg:oklch(0.23 0.015 var(--hue));--card-solid:var(--card-bg);--float-panel-bg:oklch(0.19 0.015 var(--hue));--float-bg:var(--float-panel-bg);--btn-content:oklch(0.75 0.1 var(--hue));--btn-regular-bg:oklch(0.33 0.035 var(--hue));--btn-regular-bg-hover:oklch(0.38 0.04 var(--hue));--btn-regular-bg-active:oklch(0.43 0.045 var(--hue));--btn-plain-bg-hover:oklch(0.3 0.035 var(--hue));--btn-plain-bg-active:oklch(0.27 0.025 var(--hue));--btn-card-bg-hover:oklch(0.3 0.03 var(--hue));--btn-card-bg-active:oklch(0.35 0.035 var(--hue));--title-active:oklch(0.6 0.1 var(--hue));--line-divider:rgba(255, 255, 255, 0.08);--line-color:rgba(255, 255, 255, 0.1);--meta-divider:rgba(255, 255, 255, 0.2);--selection-bg:oklch(0.4 0.08 var(--hue));--codeblock-bg:oklch(0.17 0.015 var(--hue));--license-block-bg:var(--codeblock-bg);--link-underline:oklch(0.4 0.08 var(--hue));--link-hover:oklch(0.4 0.08 var(--hue));--link-active:oklch(0.35 0.07 var(--hue));--color-selection-bar:linear-gradient(
        to right,
        oklch(0.7 0.1 0),
        oklch(0.7 0.1 30),
        oklch(0.7 0.1 60),
        oklch(0.7 0.1 90),
        oklch(0.7 0.1 120),
        oklch(0.7 0.1 150),
        oklch(0.7 0.1 180),
        oklch(0.7 0.1 210),
        oklch(0.7 0.1 240),
        oklch(0.7 0.1 270),
        oklch(0.7 0.1 300),
        oklch(0.7 0.1 330),
        oklch(0.7 0.1 360)
    );--admonitions-color-tip:oklch(0.75 0.14 180);--admonitions-color-note:oklch(0.75 0.14 250);--admonitions-color-important:oklch(0.75 0.14 310);--admonitions-color-warning:oklch(0.75 0.14 60);--admonitions-color-caution:oklch(0.65 0.2 25);--text:rgba(255, 255, 255, 0.9);--text-90:rgba(255, 255, 255, 0.9);--text-75:rgba(255, 255, 255, 0.75);--text-50:rgba(255, 255, 255, 0.5);--text-30:rgba(255, 255, 255, 0.3)}html{background:var(--page-bg);font-size:14px}body{min-width:320px;background:var(--page-bg);color:var(--text-90);font-family:Roboto,sans-serif,ui-sans-serif,system-ui,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:1rem;line-height:1.5}::selection{background-color:var(--selection-bg)}a,blockquote,button,code,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,span,strong,table,td,textarea,th,ul{transition-duration:150ms;transition-property:color,background-color,border-color,opacity,transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.card-base,.side-card{overflow:hidden;border:0;border-radius:var(--radius-large);background:var(--card-bg);box-shadow:none;backdrop-filter:none}.brand-button,.icon-button,.nav-item>a{border:0;background:0 0;color:var(--text-75);box-shadow:none}.brand-button:hover,.icon-button:hover,.nav-item>a:hover,.nav-item>a[aria-current=page]{background:var(--btn-plain-bg-hover);color:var(--text-75)}.brand-button:active,.icon-button:active,.nav-item>a:active{background:var(--btn-plain-bg-active)}.article-card svg,.back-to-top svg,.banner-credit svg,.brand-button svg,.icon-button svg,.nav-card svg,.post-card svg{fill:currentColor;stroke:none}.site-header{position:relative;z-index:100;width:min(100%,var(--page-width));margin:0 auto}.nav-card{position:relative;display:flex;width:100%;height:var(--header-height);min-height:var(--header-height);align-items:center;justify-content:space-between;padding:0 1rem;overflow:visible;border:0;border-radius:0 0 var(--radius-large) var(--radius-large);background:var(--card-bg);box-shadow:none;backdrop-filter:none;animation:fuwari-load .3s both}.brand-button{display:inline-flex;min-width:0;height:3.25rem;min-height:3.25rem;align-items:center;gap:0;padding:0 1.25rem;border-radius:.5rem;color:var(--primary);font-weight:700;letter-spacing:0}.brand-button .brand-icon{width:1.75rem;height:1.75rem;margin-right:.5rem;margin-bottom:.25rem}.brand-button .site-logo-image{display:block;width:auto;height:auto;min-width:0;max-width:min(12.5rem,100%);max-height:2rem;object-fit:contain;flex:0 1 auto}.desktop-nav{display:flex;align-items:center;justify-self:auto}.nav-list{gap:0}.nav-item>a{height:2.75rem;min-height:2.75rem;padding:0 1.25rem;border-radius:.5rem;color:var(--text-75);font-size:1rem;font-weight:700}.nav-item>a .nav-external{width:.875rem;height:.875rem;margin-left:.25rem;color:var(--text-30);transform:translateY(-1px)}.has-children>a::after{display:none}.nav-submenu{top:3.25rem;padding:.5rem;border:0;border-radius:var(--radius-large);background:var(--float-panel-bg);box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);backdrop-filter:none}.nav-actions{gap:0}.nav-search{display:none;grid-template-columns:2rem 1fr;width:auto;height:2.75rem;margin-right:.5rem;padding:0;border-radius:.5rem;background:rgba(0,0,0,.04);box-shadow:none}.nav-search:focus-within,.nav-search:hover{background:rgba(0,0,0,.06);box-shadow:none}html[data-theme=dark] .nav-search{background:rgba(255,255,255,.05)}html[data-theme=dark] .nav-search:focus-within,html[data-theme=dark] .nav-search:hover{background:rgba(255,255,255,.1)}.nav-search>svg{width:1.25rem;height:1.25rem;margin-left:.75rem;color:var(--text-30)}.nav-search input{width:10rem;height:100%;padding:0 .75rem 0 .5rem;color:var(--text-50);font-size:.875rem;transition:width 150ms}.nav-search input:active,.nav-search input:focus{width:15rem}.icon-button{width:2.75rem;height:2.75rem;border-radius:.5rem}.icon-button svg{width:1.25rem;height:1.25rem}.mobile-search-button{display:inline-flex}.menu-button{display:inline-flex}.theme-switch-wrap{position:relative;z-index:50;display:flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;flex:0 0 2.75rem;line-height:0}.theme-button{position:relative;flex:0 0 100%}.theme-mode-icon{position:absolute;opacity:0}html[data-theme-mode=auto] .theme-icon-auto,html[data-theme-mode=dark] .theme-icon-dark,html[data-theme-mode=light] .theme-icon-light{opacity:1}.theme-mode-panel{position:absolute;top:2.75rem;right:-.5rem;display:none;padding-top:1.25rem}.theme-mode-panel>div{width:max-content;padding:.5rem;border-radius:var(--radius-large);background:var(--float-panel-bg);box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1)}.theme-mode-panel button{display:flex;width:100%;height:2.25rem;align-items:center;justify-content:flex-start;padding:0 .75rem;border:0;border-radius:.5rem;background:0 0;color:var(--text-75);font-weight:500;white-space:nowrap}.theme-mode-panel button+button{margin-top:.125rem}.theme-mode-panel button.current-theme-btn,.theme-mode-panel button:hover{background:var(--btn-plain-bg-hover);color:var(--primary)}.theme-mode-panel button svg{width:1.25rem;height:1.25rem;margin-right:.75rem}.palette-panel{position:absolute;z-index:60;top:5.25rem;right:1rem;width:20rem;padding:1rem;border:0;border-radius:var(--radius-large);background:var(--float-panel-bg);box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);backdrop-filter:none}.palette-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.palette-panel-head strong{position:relative;margin-left:.75rem;color:var(--text-90);font-size:1.125rem}.palette-panel-head strong::before{position:absolute;top:.33rem;left:-.75rem;width:.25rem;height:1rem;border-radius:.375rem;background:var(--primary);content:''}.palette-reset{width:1.75rem;height:1.75rem;margin-right:auto;padding:0;border:0;border-radius:.375rem;background:var(--btn-regular-bg);color:var(--btn-content)}.palette-reset.is-hidden{pointer-events:none;opacity:0}.palette-reset svg{width:.875rem;height:.875rem;margin:auto}.palette-panel output{display:flex;width:2.5rem;height:1.75rem;align-items:center;justify-content:center;border-radius:.375rem;background:var(--btn-regular-bg);color:var(--btn-content);font-size:.875rem;font-weight:700}.color-slider-wrap{width:100%;height:1.5rem;padding:0 .25rem;border-radius:.25rem;background:oklch(.8 .1 0);user-select:none}#color-slider{width:100%;height:1.5rem;margin:0;background:var(--color-selection-bar);appearance:none}#color-slider::-webkit-slider-thumb{width:.5rem;height:1rem;border:0;border-radius:.125rem;background:rgba(255,255,255,.7);appearance:none}#color-slider::-moz-range-thumb{width:.5rem;height:1rem;border:0;border-radius:.125rem;background:rgba(255,255,255,.7)}.mobile-nav{position:fixed;z-index:70;top:5.25rem;right:1rem;width:max-content;max-width:calc(100vw - 2rem);margin:0;padding:.5rem;border:0;border-radius:var(--radius-large);background:var(--float-panel-bg);box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);backdrop-filter:none}.mobile-nav-list .nav-item>a{min-width:11rem;justify-content:space-between;padding:0 .75rem}.search-layer{position:fixed;z-index:95;inset:auto 1rem auto auto;top:5rem;display:block;width:min(30rem,calc(100vw - 2rem));padding:0}.search-card{width:100%;padding:.5rem;border:0;border-radius:var(--radius-large);background:var(--float-panel-bg);box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);animation:none;backdrop-filter:none}.search-form{display:grid;height:2.75rem;grid-template-columns:2rem 1fr;align-items:center;gap:0;padding:0;border:0;border-radius:.75rem;background:rgba(0,0,0,.04);box-shadow:none}.search-form:focus-within{border:0;background:rgba(0,0,0,.06);box-shadow:none}.search-form svg{width:1.25rem;height:1.25rem;margin-left:.75rem;color:var(--text-30);fill:currentColor;stroke:none}.search-form input{height:100%;padding:0 .75rem 0 .5rem;color:var(--text-50);font-size:.875rem}.site-banner{height:var(--banner-height);background:var(--page-bg)}.is-home-page .site-banner{height:var(--banner-height-home)}.site-banner-shade{background:0 0}.banner-credit{position:absolute;z-index:10;top:calc(var(--banner-height) - 6.75rem);right:max(1rem,calc((100vw - var(--page-width))/ 2 + 1rem));display:flex;height:2.25rem;align-items:center;justify-content:center;padding:0 .75rem;border-radius:9999px;background:rgba(0,0,0,.6);color:rgba(255,255,255,.75);font-size:.75rem;backdrop-filter:none}.is-home-page .banner-credit{top:calc(var(--banner-height-home) - 6.75rem)}.banner-credit>svg:first-child{width:1.25rem;height:1.25rem;margin-right:.25rem}.banner-credit.has-link:hover{padding-right:2.25rem;background:rgba(0,0,0,.7)}.banner-credit .credit-external{position:absolute;right:1rem;width:.75rem;height:.75rem;color:oklch(.75 .14 var(--hue));opacity:0}.banner-credit:hover .credit-external{opacity:1}.article-shell,.page-shell{position:relative;z-index:1;width:min(100%,var(--page-width));margin-right:auto;margin-bottom:0;margin-left:auto}.has-site-banner.is-home-page .page-shell{margin-top:calc(var(--banner-height-home) - var(--header-height) - 3.5rem)}.has-site-banner.is-inner-page .page-shell{margin-top:calc(var(--banner-height) - var(--header-height) - 3.5rem)}.no-site-banner .page-shell{margin-top:1rem}.site-grid{display:grid;grid-template-columns:17.5rem minmax(0,1fr);align-items:start;gap:1rem}.content-column{overflow:hidden}.list-context{margin-bottom:1rem;padding:1.5rem 2rem}.post-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;border-radius:var(--radius-large)}.content-column>.archive-page{margin-bottom:1rem}.post-card,.post-card.has-cover{position:relative;display:flex;width:100%;min-height:0;flex-direction:column-reverse;margin:0;border-radius:var(--radius-large);animation:fuwari-load .3s both;box-shadow:none;transform:none}.post-card:first-child{animation-delay:150ms}.post-card:nth-child(2){animation-delay:.2s}.post-card:nth-child(3){animation-delay:250ms}.post-card:nth-child(4){animation-delay:.3s}.post-card:hover{box-shadow:none;transform:none}.post-card-content,.post-card.has-cover .post-card-content{position:relative;width:100%;min-width:0;flex:none;padding:1.5rem 1.5rem 1.5rem}.post-title-row{position:relative;display:block}.title-accent{display:none}.post-title-row h2{margin:0 0 .75rem;padding:0;color:var(--text-90);font-size:1.875rem;font-weight:700;letter-spacing:0;line-height:2.25rem}.post-title-row h2 a{position:relative;display:block}.post-title-row h2 a:hover{color:var(--primary)}.title-chevron{position:absolute;display:inline;width:2rem;height:2rem;color:var(--primary);transform:translateY(.125rem)}.top-badge{position:absolute;top:.25rem;right:0;min-height:1.5rem;margin:0;background:var(--btn-regular-bg);color:var(--btn-content)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 1rem;color:var(--text-50);font-size:.875rem}.article-meta>span,.post-meta>a,.post-meta>span{display:inline-flex;align-items:center;gap:0;color:var(--text-50);font-size:.875rem;font-weight:500}.meta-icon{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;margin-right:.5rem;border-radius:.375rem;background:var(--btn-regular-bg);color:var(--btn-content)}.meta-icon svg,.post-meta .meta-icon svg{width:1.25rem;height:1.25rem;fill:currentColor;stroke:none}.meta-link,.meta-tag{margin:-.375rem;padding:.375rem;border-radius:.375rem;color:var(--text-50);font-size:.875rem;font-weight:500}.meta-link:hover,.meta-tag:hover{background:var(--btn-plain-bg-hover);color:var(--primary)}.meta-tag+.meta-tag::before{margin-right:.75rem;margin-left:.375rem;color:var(--meta-divider);content:'/'}.post-excerpt{display:block;margin:0 0 .875rem;padding-right:1rem;overflow:visible;color:var(--text-75);font-size:1rem;line-height:1.5;-webkit-line-clamp:unset}.post-card-footer{display:flex;gap:1rem;color:var(--text-30);font-size:.875rem}.post-cover{position:relative;width:auto;max-height:20vh;flex:none;margin:1rem 1rem -.5rem;overflow:hidden;border-radius:.75rem;background:var(--btn-regular-bg)}.post-cover::after{display:none}.post-cover img{display:block;width:100%;height:100%;object-fit:cover}.post-cover:hover img{transform:none}.post-cover::before{position:absolute;z-index:1;inset:0;background:0 0;content:''}.post-cover:hover::before{background:rgba(0,0,0,.3)}.cover-arrow{width:3rem;height:3rem;font-size:inherit;transform:translate(-50%,-50%) scale(.5)}.cover-arrow svg{width:3rem;height:3rem}.post-cover:hover .cover-arrow{transform:translate(-50%,-50%) scale(1)}.post-enter{display:none}.sidebar{min-width:0;animation:fuwari-load .3s .1s both}.sidebar>.profile-card{margin-bottom:1rem}.sidebar-sticky{position:sticky;top:1rem;display:grid;gap:1rem}.side-card{border-radius:var(--radius-large)}.profile-card{padding:.75rem}.profile-avatar{display:block;max-width:240px;margin:.25rem auto .75rem;overflow:hidden;border-radius:.75rem;aspect-ratio:auto}.profile-avatar::after{display:none}.profile-avatar img{display:block;width:100%;height:auto;object-fit:cover}.profile-avatar-hover{z-index:2;background:0 0}.profile-avatar:hover .profile-avatar-hover{background:rgba(0,0,0,.3)}.profile-avatar-hover svg{width:3rem;height:3rem;color:#fff;fill:currentColor;stroke:none}.profile-card h2{margin:0 0 .25rem;color:rgb(0 0 0);font-size:1.25rem;font-weight:700;line-height:1.75rem;text-align:center}.profile-accent{display:block;width:1.25rem;height:.25rem;margin:0 auto .5rem;border-radius:9999px;background:var(--primary)}.profile-card p{margin:0 0 .625rem;color:rgb(163 163 163);font-size:1rem;line-height:1.5;text-align:center}.social-links{display:flex;justify-content:center;gap:.5rem;margin:0 0 .25rem}.social-links a{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;background:var(--btn-regular-bg);color:var(--btn-content);box-shadow:none}.social-links a:hover{background:var(--btn-regular-bg-hover);color:var(--btn-content);transform:none}.social-links.has-single-link a{width:auto;gap:.5rem;padding:0 .75rem;font-weight:700}.social-links.has-single-link a span{display:inline}.social-links svg{width:1.5rem;height:1.5rem}.compact-card{padding:0 0 1rem}.compact-card h2{position:relative;margin:1rem 0 .5rem 2rem;color:rgb(23 23 23);font-size:1.125rem;font-weight:700;line-height:1.75rem}.compact-card h2::before{position:absolute;top:.34375rem;left:-1rem;width:.25rem;height:1rem;border-radius:.375rem;background:var(--primary);content:''}.side-icon{display:none}.archive-card ul,.category-list,.plain-widget-list,.tag-cloud,.widget-content{margin:0;padding-right:1rem;padding-left:1rem}.archive-card a,.category-list a{display:flex;height:2.5rem;align-items:center;justify-content:space-between;padding:0 .5rem;border-radius:.5rem;color:rgb(64 64 64);font-size:1rem}.archive-card a:hover,.category-list a:hover{padding-left:.75rem;background:var(--btn-plain-bg-hover);color:var(--primary)}.archive-card em,.category-list em{display:flex;min-width:2rem;height:1.75rem;align-items:center;justify-content:center;padding:0;border-radius:.5rem;background:var(--btn-regular-bg);color:var(--btn-content);font-size:.875rem;font-weight:700;font-style:normal}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag-cloud a{display:inline-flex;height:2rem;align-items:center;padding:0 .75rem;border-radius:.5rem;background:var(--btn-regular-bg);color:var(--btn-content);font-size:.875rem;font-weight:400}.tag-cloud a:hover{background:var(--btn-regular-bg-hover);color:var(--btn-content)}.tag-cloud small{display:none}html[data-theme=dark] .profile-card h2{color:rgb(250 250 250)}html[data-theme=dark] .compact-card h2{color:rgb(245 245 245)}html[data-theme=dark] .archive-card a,html[data-theme=dark] .category-list a{color:rgb(212 212 212)}html[data-theme=dark] .archive-card em,html[data-theme=dark] .category-list em{background:var(--primary);color:var(--deep-text)}html[data-theme=dark] .social-links a,html[data-theme=dark] .social-links a:hover,html[data-theme=dark] .tag-cloud a,html[data-theme=dark] .tag-cloud a:hover{color:rgba(255,255,255,.75)}.widget-collapse{overflow:hidden}.widget-collapse.is-collapsed{height:7.5rem}.widget-expand{padding:0 1rem;margin-bottom:-.5rem}.widget-expand[hidden]{display:none}.widget-expand button{display:flex;width:100%;height:2.25rem;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:.5rem;background:0 0;color:var(--primary)}.widget-expand button:hover{background:var(--btn-plain-bg-hover)}.widget-expand-content{display:flex;align-items:center;justify-content:center;gap:.5rem;transform:translateX(-.5rem)}.widget-expand svg{width:1.75rem;height:1.75rem;fill:currentColor;stroke:none}.article-shell,.article-shell.has-sidebar.has-toc,.article-shell.has-sidebar:not(.has-toc){display:grid;grid-template-areas:'sidebar article';grid-template-columns:17.5rem minmax(0,1fr);align-items:start;gap:1rem;width:min(100%,var(--page-width))}.article-shell:not(.has-sidebar){grid-template-areas:'article';grid-template-columns:minmax(0,1fr)}.article-main{grid-area:article;min-width:0}.article-shell>.sidebar{grid-area:sidebar}.toc-panel{display:none}.article-card{position:relative;width:100%;padding:1.5rem 1.5rem 1rem;border-radius:var(--radius-large)}.article-header{padding:0}.article-stats{display:flex;gap:1.25rem;margin-bottom:.75rem;color:var(--text-30);font-size:.875rem}.article-stats>span{display:flex;align-items:center}.article-stats i{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;margin-right:.5rem;border-radius:.375rem;background:rgba(0,0,0,.05);color:var(--text-50);font-style:normal}html[data-theme=dark] .article-stats i{background:rgba(255,255,255,.1)}.article-stats svg{width:1rem;height:1rem}.article-header h1{position:relative;width:100%;margin:0 0 .75rem;color:var(--text-90);font-size:1.875rem;font-weight:700;letter-spacing:0;line-height:2.25rem}.article-header h1::before{position:absolute;top:.75rem;left:-1.125rem;width:.25rem;height:1.25rem;border-radius:.375rem;background:var(--primary);content:''}.article-header .top-badge{position:static;margin-right:.5rem;vertical-align:.2em}.article-meta{margin:0 0 1.25rem}.article-card:not(:has(.article-cover)) .article-header{padding-bottom:1.25rem;border-bottom:1px dashed var(--line-divider)}.article-edit{background:var(--btn-regular-bg);color:var(--btn-content)}.article-cover{margin:0 0 2rem;border-radius:.75rem}.article-cover img{width:100%;max-height:none}.markdown-body{padding:0;color:var(--text-75);font-size:1rem;line-height:1.75}.markdown-body a{border-radius:.375rem;background:linear-gradient(var(--link-underline),var(--link-underline)) no-repeat bottom/100% .35em;color:var(--primary);text-decoration:none}.markdown-body a:hover{background-color:var(--link-hover)}.markdown-body code{background:var(--inline-code-bg);color:var(--inline-code-color)}.license-box{position:relative;margin:0 0 1.5rem;padding:1.25rem 1.5rem;overflow:hidden;border:0;border-radius:.75rem;background:var(--license-block-bg)}.article-card:not(.page-card) .markdown-body{margin-bottom:1.5rem}.license-box .license-title{position:relative;z-index:1;color:var(--text-75);font-weight:700}.license-box .license-url{position:relative;z-index:1;display:inline-block;max-width:100%;margin:-.25rem;padding:.25rem;overflow:hidden;border-radius:.375rem;color:var(--primary);text-overflow:ellipsis;white-space:nowrap}.license-box .license-url:hover,.license-meta a:hover{background:var(--btn-plain-bg-hover)}.license-meta{position:relative;z-index:1;display:flex;gap:1.5rem;margin-top:.5rem}.license-box .license-meta span{display:block;color:var(--text-30);font-size:.875rem;font-weight:400;letter-spacing:0}.license-box .license-meta strong{display:block;margin:0;color:var(--text-75);font-size:1rem;font-weight:400;white-space:nowrap}.license-meta a{margin:-.25rem;padding:.25rem;border-radius:.375rem;color:var(--primary)}.license-watermark{position:absolute;top:50%;right:1.5rem;width:15rem;height:15rem;color:rgba(0,0,0,.05);fill:currentColor;pointer-events:none;transform:translateY(-50%)}html[data-theme=dark] .license-watermark{color:rgba(255,255,255,.05)}.page-card{min-height:8rem;padding:1.5rem 2.25rem}.page-card .markdown-body{margin-top:.5rem}.neighbor-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.neighbor-nav>a{display:flex;width:100%;height:3.75rem;align-items:center;gap:1rem;padding:0 1rem;overflow:hidden;border:0;border-radius:1rem;background:var(--card-bg);color:var(--text-75);box-shadow:none}.neighbor-nav>a:hover{background:var(--btn-card-bg-hover);color:var(--text-75);transform:none}.neighbor-nav strong{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.neighbor-next{justify-content:flex-end;text-align:right}.neighbor-icon{flex:0 0 2rem;color:var(--primary)}.neighbor-icon svg{width:2rem;height:2rem}.neighbor-icon-left{transform:rotate(180deg)}.archive-page{padding:1.5rem 2rem}.archive-timeline{padding:0}.archive-year{display:block}.archive-year+.archive-year{margin-top:0}.archive-year-head{display:flex;width:100%;height:3.75rem;align-items:center}.archive-year-head h2{position:static;width:10%;margin:0;color:var(--text-75);font-size:1.5rem;font-weight:700;line-height:2rem;text-align:right}.archive-year-mark{width:10%}.archive-year-mark::after{display:block;width:.75rem;height:.75rem;margin:auto;border-radius:9999px;outline:3px solid var(--primary);outline-offset:-2px;content:''}.archive-year-head p{width:80%;margin:0;color:var(--text-50);text-align:left}.archive-year ol{margin:0;padding:0;border:0}.archive-year li{position:relative;display:flex;width:100%;height:2.5rem;align-items:center;gap:0;padding:0;border-radius:.5rem}.archive-year li::before{display:none}.archive-year li:hover{background:var(--btn-plain-bg-hover)}.archive-year time{width:10%;color:var(--text-50);font-size:.875rem;text-align:right}.archive-line{position:relative;display:flex;width:10%;height:100%;align-items:center}.archive-line::before{position:absolute;top:-50%;left:calc(50% - 1px);width:10%;height:100%;border-left:2px dashed var(--line-color);content:''}.archive-line i{z-index:1;width:.25rem;height:.25rem;margin:auto;border-radius:.25rem;background:oklch(.5 .05 var(--hue));outline:4px solid var(--card-bg)}.archive-year li:hover .archive-line i{height:1.25rem;background:var(--primary);outline-color:var(--btn-plain-bg-hover)}.archive-post-title{width:65%;padding-right:2rem;overflow:hidden;color:var(--text-75);font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap}.archive-year li:hover .archive-post-title{color:var(--primary);transform:translateX(.25rem)}.archive-post-tags{width:15%;overflow:hidden;color:var(--text-30);font-size:.875rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.archive-tag{color:inherit}.site-footer{grid-column:1/-1;width:100%;margin:0 auto;padding:0;color:var(--text-50);text-align:center;animation:fuwari-load .3s 250ms both}.footer-divider{height:0;margin:2.5rem 8rem;border-top:1px dashed rgba(0,0,0,.1)}html[data-theme=dark] .footer-divider{border-top-color:rgba(255,255,255,.15)}.footer-inner{display:flex;flex-direction:column;width:100%;min-height:0;align-items:center;justify-content:center;margin:0 0 3rem;padding:0 1.5rem;border:0;border-radius:1rem;background:0 0;color:var(--text-50);font-size:.875rem;line-height:1.5;text-align:center}.footer-inner p{margin:0}.footer-inner a{margin:-.25rem;padding:.25rem;border-radius:.375rem;color:var(--primary);font-weight:500}.footer-inner a:hover{background:var(--btn-plain-bg-hover);color:var(--primary)}.footer-custom{margin:0;text-align:center}.back-to-top{position:fixed;right:calc(max(0px,(100vw - var(--page-width))/ 2) - 5rem);bottom:10rem;display:none;width:3.75rem;height:3.75rem;border:0;border-radius:1rem;background:var(--card-bg);color:var(--primary);font-size:2.25rem;box-shadow:none;backdrop-filter:none}.back-to-top:hover{background:var(--btn-card-bg-hover)}.back-to-top svg{width:2.25rem;height:2.25rem}.pagination{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.75rem;margin:0}.pagination .pagination-arrow,.pagination .pagination-more,.pagination .pagination-page{display:inline-flex;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;align-items:center;justify-content:center;margin:0;padding:0;border-radius:.5rem;box-shadow:none;font-size:1rem;font-style:normal;font-weight:700}.pagination .pagination-arrow{overflow:hidden;background:var(--card-bg);color:var(--primary)}.pagination .pagination-arrow:hover,.pagination .pagination-page:hover{background:var(--btn-card-bg-hover);color:var(--primary)}.pagination .pagination-page:is(a):active{transform:scale(.85)}.pagination .pagination-arrow.is-disabled{pointer-events:none;color:rgba(0,0,0,.1)}html[data-theme=dark] .pagination .pagination-arrow.is-disabled{color:rgba(255,255,255,.1)}.pagination .pagination-pages{display:inline-flex;width:auto;min-width:0;height:auto;min-height:0;align-items:center;margin:0;padding:0;border-radius:.5rem;background:var(--card-bg);box-shadow:none;color:var(--text-75);font-weight:700}.pagination .pagination-page{background:0 0;color:var(--text-75)}.pagination .pagination-page:is(span){background:var(--primary);color:#fff}html[data-theme=dark] .pagination .pagination-page:is(span){color:rgba(0,0,0,.7)}.pagination .pagination-more{width:auto;min-width:1.5rem;color:var(--text-75)}.pagination-more svg{width:1rem;height:1rem;fill:currentColor}.pagination-chevron{width:1.75rem;height:1.75rem;fill:currentColor}.pagination-chevron.is-left{transform:rotate(180deg)}@keyframes fuwari-load{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){html{font-size:16px}.article-shell,.page-shell,.site-header{padding-right:1rem;padding-left:1rem}.desktop-nav{display:flex}.menu-button{display:none}.post-card-content,.post-card.has-cover .post-card-content{width:calc(100% - 4rem);padding:1.75rem .5rem 1.5rem 2.25rem}.post-card,.post-card.has-cover{flex-direction:column}.post-card.has-cover .post-card-content{width:calc(100% - 28% - .75rem)}.post-title-row::before{position:absolute;top:.4375rem;left:-1.125rem;width:.25rem;height:1.25rem;border-radius:.375rem;background:var(--primary);content:''}.title-chevron{opacity:0;transform:translate(-.25rem,.125rem)}.post-title-row h2 a:hover .title-chevron{opacity:1;transform:translate(0,.125rem)}.post-cover{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;width:28%;max-height:none;margin:0}.post-enter{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;display:flex;width:3.25rem;align-items:center;justify-content:center;border-radius:.75rem;background:var(--enter-btn-bg);color:var(--primary)}.post-enter:hover{background:var(--enter-btn-bg-hover)}.post-enter svg{width:2.25rem;height:2.25rem}.article-card{padding-right:2.25rem;padding-left:2.25rem}.article-header h1{font-size:2.5rem;line-height:2.75rem}.archive-year time,.archive-year-head h2{width:10%}}@media (min-width:1024px){.back-to-top{display:inline-flex}.nav-search{display:grid}.mobile-search-button{display:none}.theme-mode-panel{display:block;visibility:hidden;opacity:0;transform:translateY(-.25rem)}.theme-switch-wrap:focus-within .theme-mode-panel,.theme-switch-wrap:hover .theme-mode-panel{visibility:visible;opacity:1;transform:translateY(0)}.profile-avatar{max-width:none;margin-top:0;margin-right:0;margin-left:0}}@media (max-width:1023px){.article-shell,.article-shell.has-sidebar.has-toc,.article-shell.has-sidebar:not(.has-toc),.site-grid{grid-template-areas:'article' 'sidebar';grid-template-columns:minmax(0,1fr)}.site-grid .content-column{grid-area:article}.article-shell>.sidebar,.site-grid>.sidebar{display:block;grid-area:sidebar;margin-top:0}.site-grid>.sidebar>.profile-card{margin-bottom:1rem}.sidebar-sticky{position:static}}@media (max-width:767px){:root{--banner-height-home:35vh;--banner-home-height:var(--banner-height-home)}.article-shell,.page-shell,.site-header{width:100%;padding-right:0;padding-left:0}.nav-card{height:4.5rem;min-height:4.5rem;padding:0 1rem}.brand-button{max-width:calc(100vw - 12rem);min-height:3.25rem;padding:0 .75rem}.brand-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-nav{display:none}#palette-toggle{display:inline-flex}.has-site-banner.is-home-page .page-shell,.has-site-banner.is-inner-page .page-shell{margin-top:calc(35vh - var(--header-height) - 3.5rem)}.banner-credit,.is-home-page .banner-credit{top:calc(35vh - 6.75rem);right:1rem}.post-list{gap:0;padding:.25rem 0;overflow:hidden;background:var(--card-bg)}.post-card{overflow:visible;border-radius:0;background:0 0}.post-card:not(:first-child)::before{position:absolute;top:0;right:1.5rem;left:1.5rem;border-top:1px dashed var(--line-color);content:''}.post-title-row h2{padding-right:1.5rem;font-size:1.875rem;line-height:2.25rem}.post-meta .meta-tags{display:none}.profile-avatar{max-width:240px}.article-card{border-radius:var(--radius-large)}.article-header h1::before{display:none}.archive-page{padding-right:2rem;padding-left:2rem}.archive-year time,.archive-year-head h2{width:15%}.archive-line,.archive-year-mark{width:15%}.archive-post-title,.archive-year-head p{width:70%}.archive-post-tags{display:none}.neighbor-nav{grid-template-columns:minmax(0,1fr)}.site-footer{margin-top:0}}@media (prefers-reduced-motion:reduce){.nav-card,.post-card,.sidebar,.site-footer{animation:none}}.compact-stat{display:none}.site-grid>.content-column{grid-area:content}.article-shell>.sidebar,.site-grid>.sidebar{grid-area:sidebar}.site-grid.sidebar-left{grid-template-areas:'sidebar content';grid-template-columns:17.5rem minmax(0,1fr)}.site-grid.sidebar-right{grid-template-areas:'content sidebar';grid-template-columns:minmax(0,1fr) 17.5rem}.site-grid.sidebar-none{grid-template-areas:'content';grid-template-columns:minmax(0,1fr)}.article-shell.has-sidebar.sidebar-left{grid-template-areas:'sidebar article';grid-template-columns:17.5rem minmax(0,1fr)}.article-shell.has-sidebar.sidebar-right{grid-template-areas:'article sidebar';grid-template-columns:minmax(0,1fr) 17.5rem}.article-shell.no-sidebar{grid-template-areas:'article';grid-template-columns:minmax(0,1fr)}.layout-compact{--page-width:75rem;--header-height:3.625rem;--banner-height-home:13rem;--banner-height:13rem;--banner-home-height:var(--banner-height-home);--banner-inner-height:var(--banner-height);--radius-large:0.875rem;min-height:100vh;background-color:var(--page-bg);background-image:radial-gradient(circle at 14% 8%,oklch(.97 .035 var(--hue)),transparent 31rem),radial-gradient(circle at 88% 10%,oklch(.975 .025 var(--hue)),transparent 28rem);background-attachment:fixed}html[data-theme=dark] .layout-compact{background-image:radial-gradient(circle at 14% 8%,oklch(.21 .035 var(--hue)),transparent 31rem),radial-gradient(circle at 88% 10%,oklch(.19 .025 var(--hue)),transparent 28rem)}.layout-compact .site-header{width:min(100%,var(--page-width))}.layout-compact .nav-card{border-radius:0 0 var(--radius-large) var(--radius-large)}.layout-compact .brand-button,.layout-compact .nav-item>a{height:2.5rem;min-height:2.5rem;padding-right:.875rem;padding-left:.875rem;font-size:.8125rem}.layout-compact .brand-button .brand-icon{width:1.125rem;height:1.125rem;margin-right:.375rem;margin-bottom:0}.layout-compact .brand-button .site-logo-image{max-width:min(10rem,100%);max-height:1.75rem}.layout-compact .icon-button{width:2.25rem;height:2.25rem}.layout-compact .icon-button svg{width:1.125rem;height:1.125rem}.layout-compact .theme-switch-wrap{width:2.25rem;height:2.25rem;flex-basis:2.25rem}.layout-compact .nav-search{display:none}.layout-compact .mobile-search-button{display:inline-flex}.layout-compact.has-site-banner .site-banner{position:relative;top:auto;left:auto;width:min(calc(100% - 2rem),calc(var(--page-width) - 2rem));height:var(--banner-height-home);margin:.875rem auto 0;overflow:hidden;border-radius:var(--radius-large);background:var(--card-bg)}.layout-compact .site-banner-shade{background:linear-gradient(90deg,rgba(15,19,22,.46),rgba(15,19,22,.1) 54%,rgba(255,255,255,.34))}.layout-compact .compact-banner-copy{position:absolute;z-index:2;top:50%;left:2.125rem;max-width:45%;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.16);transform:translateY(-50%)}.layout-compact .compact-banner-copy>span{display:block;margin-bottom:.375rem;font-size:.625rem;font-weight:800;letter-spacing:.18em}.layout-compact .compact-banner-copy strong{display:block;overflow:hidden;font-size:2.25rem;font-weight:800;letter-spacing:-.04em;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.layout-compact .compact-banner-copy p{margin:.375rem 0 0;overflow:hidden;font-size:.75rem;line-height:1.5;opacity:.84;text-overflow:ellipsis;white-space:nowrap}.layout-compact .banner-credit{display:none}.layout-compact.has-site-banner.is-home-page .page-shell,.layout-compact.has-site-banner.is-inner-page .page-shell,.layout-compact.no-site-banner .page-shell{margin-top:1.25rem}.layout-compact .article-shell,.layout-compact .site-grid{gap:1rem}.layout-compact .site-grid.sidebar-left{grid-template-columns:17.5rem minmax(0,1fr)}.layout-compact .site-grid.sidebar-right{grid-template-columns:minmax(0,1fr) 17.5rem}.layout-compact .article-shell.has-sidebar.sidebar-left{grid-template-columns:17.5rem minmax(0,1fr)}.layout-compact .article-shell.has-sidebar.sidebar-right{grid-template-columns:minmax(0,1fr) 17.5rem}.layout-compact .post-list{gap:.75rem}.layout-compact .post-card,.layout-compact .post-card.has-cover{min-height:11rem;border-radius:var(--radius-large)}.layout-compact .post-card:hover{box-shadow:0 .875rem 2rem rgba(20,42,34,.055);transform:translateY(-1px)}.layout-compact .post-title-row h2{margin-bottom:.5rem;font-size:1.375rem;line-height:1.42}.layout-compact .post-meta{gap:.375rem;margin-bottom:.625rem;font-size:.75rem}.layout-compact .post-meta .meta-item:not(:first-child){display:none}.layout-compact .post-meta>a,.layout-compact .post-meta>span{font-size:.75rem}.layout-compact .meta-icon{width:1.5rem;height:1.5rem;margin-right:.25rem;border-radius:.375rem;background:0 0}.layout-compact .meta-icon svg,.layout-compact .post-meta .meta-icon svg{width:.875rem;height:.875rem}.layout-compact .post-excerpt{display:-webkit-box;margin:0 0 .625rem;padding-right:0;overflow:hidden;font-size:.875rem;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}.layout-compact .post-card-footer{gap:.5rem;font-size:.75rem}.layout-compact .post-word-count,.layout-compact .post-word-divider{display:none}.layout-compact .compact-stat{display:inline}.layout-compact .post-cover{top:.625rem;right:.625rem;bottom:.625rem;width:29%;border-radius:.75rem}.layout-compact .cover-arrow,.layout-compact .post-cover::after,.layout-compact .post-cover::before{display:none}.layout-compact .post-cover:hover img{transform:scale(1.025)}.layout-compact .post-enter{top:.625rem;right:.625rem;bottom:.625rem;width:2.75rem;border-radius:.75rem}.layout-compact .sidebar>.profile-card{margin-bottom:.75rem}.layout-compact .sidebar-sticky{gap:.75rem}.layout-compact .side-card{border-radius:var(--radius-large)}.layout-compact .profile-card{padding:.75rem}.layout-compact .profile-avatar{width:100%;margin:0 0 .75rem;border-radius:.75rem;aspect-ratio:1}.layout-compact .profile-avatar img{height:100%}.layout-compact .profile-card h2{font-size:1rem;line-height:1.5}.layout-compact .profile-accent{width:1rem;height:.1875rem;margin-bottom:.375rem}.layout-compact .profile-card p{margin-bottom:.5rem;font-size:.75rem;line-height:1.55}.layout-compact .social-links a{width:2rem;height:2rem}.layout-compact .social-links svg{width:1.125rem;height:1.125rem}.layout-compact .compact-card{padding-bottom:.75rem}.layout-compact .compact-card h2{margin:.75rem 0 .375rem 1.625rem;font-size:.875rem;line-height:1.5rem}.layout-compact .compact-card h2::before{top:.25rem;left:-.75rem;width:.1875rem;height:.875rem}.layout-compact .archive-card ul,.layout-compact .category-list,.layout-compact .plain-widget-list,.layout-compact .tag-cloud,.layout-compact .widget-content{padding-right:.75rem;padding-left:.75rem}.layout-compact .archive-card a,.layout-compact .category-list a{height:2rem;padding:0 .375rem;font-size:.75rem}.layout-compact .archive-card em,.layout-compact .category-list em{min-width:1.375rem;height:1.375rem;font-size:.6875rem}.layout-compact .tag-cloud a{font-size:.75rem}.layout-compact .archive-page,.layout-compact .article-card,.layout-compact .comment-form-card,.layout-compact .comments-list,.layout-compact .neighbor-posts{border-radius:var(--radius-large)}@media (min-width:768px){.layout-compact .post-card-content,.layout-compact .post-card.has-cover .post-card-content{width:calc(100% - 3.5rem);padding:1.25rem .75rem 1rem 1.5rem}.layout-compact .post-card.has-cover .post-card-content{width:calc(100% - 29% - .75rem)}.layout-compact .post-title-row::before{top:.375rem;left:-.75rem;width:.1875rem;height:1.125rem}}@media (max-width:1023px){.layout-compact .site-grid.has-sidebar.sidebar-left,.layout-compact .site-grid.has-sidebar.sidebar-right,.site-grid.has-sidebar.sidebar-left,.site-grid.has-sidebar.sidebar-right{grid-template-areas:'content' 'sidebar';grid-template-columns:minmax(0,1fr)}.article-shell.has-sidebar.sidebar-left,.article-shell.has-sidebar.sidebar-right,.layout-compact .article-shell.has-sidebar.sidebar-left,.layout-compact .article-shell.has-sidebar.sidebar-right{grid-template-areas:'article' 'sidebar';grid-template-columns:minmax(0,1fr)}.site-grid.sidebar-none{grid-template-areas:'content';grid-template-columns:minmax(0,1fr)}.article-shell.no-sidebar{grid-template-areas:'article';grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.layout-compact{--header-height:4rem;--banner-height-home:10rem;--banner-height:10rem}.layout-compact .article-shell,.layout-compact .page-shell,.layout-compact .site-header,.layout-compact.has-site-banner .site-banner{width:calc(100% - 1rem)}.layout-compact .nav-card{padding-right:.5rem;padding-left:.5rem}.layout-compact .brand-button{max-width:calc(100vw - 10rem);padding-right:.625rem;padding-left:.625rem}.layout-compact.has-site-banner .site-banner{height:var(--banner-height-home);margin-top:.5rem}.layout-compact .compact-banner-copy{left:1.25rem;max-width:68%}.layout-compact .compact-banner-copy strong{font-size:1.75rem}.layout-compact.has-site-banner.is-home-page .page-shell,.layout-compact.has-site-banner.is-inner-page .page-shell,.layout-compact.no-site-banner .page-shell{margin-top:.75rem}.layout-compact .post-list{gap:.75rem;padding:0;overflow:visible;background:0 0}.layout-compact .post-card,.layout-compact .post-card.has-cover{min-height:0;overflow:hidden;border-radius:var(--radius-large);background:var(--card-bg)}.layout-compact .post-card:not(:first-child)::before{display:none}.layout-compact .post-card-content,.layout-compact .post-card.has-cover .post-card-content{width:100%;padding:1rem 1rem .875rem}.layout-compact .post-title-row h2{padding-right:0;font-size:1.25rem;line-height:1.45}.layout-compact .post-cover{position:relative;top:auto;right:auto;bottom:auto;width:auto;max-height:none;margin:.625rem .625rem 0;border-radius:.75rem;aspect-ratio:16/7}.layout-compact .post-enter{display:none}.layout-compact .sidebar{margin-top:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.archive-context{margin-bottom:2rem}.archive-context h1{font-size:1.75rem;line-height:1.4;margin:0 0 .75rem}.archive-context p{color:var(--text-50)}.archive-context form{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.archive-context select{max-width:100%;border:1px solid var(--primary);border-radius:.5rem;padding:.5rem;background:var(--card-bg);color:inherit;font:inherit}.archive-context .primary-button{min-height:2.5rem;padding:.5rem 1rem}.copy-btn{width:auto;min-width:2.5rem;font-size:.75rem;white-space:nowrap}.code-copy-status{display:block;padding:.5rem;color:var(--text-90);font-size:.875rem}.image-preview-trigger{cursor:zoom-in}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.list-context{padding:1.5rem 2rem;margin-bottom:1rem}.list-context h1{margin:0;font-size:1.5rem}.empty-result,.list-context p{color:var(--text-50)}.article-card,.content-column,.markdown-body{min-width:0}.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;margin:1.5rem 0}.markdown-body.prose .table-scroll table{width:max-content;min-width:100%;margin:0}.markdown-body.prose .table-scroll td,.markdown-body.prose .table-scroll th{min-width:7rem}.markdown-body{overflow-wrap:anywhere}.markdown-body pre{overflow-x:auto}.markdown-body img{max-width:100%;height:auto}.markdown-body :is(h1,h2,h3,h4){scroll-margin-top:6rem}.code-block{position:relative}.code-copy.copy-btn{width:auto;min-width:2.5rem;padding:.375rem .75rem;opacity:1}.article-cover{aspect-ratio:16/9;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover}.category-children{padding-left:1rem}.category-list details>summary{cursor:pointer;color:var(--text-50);font-size:.8rem}.nav-submenu .nav-submenu-nested{position:static;padding-left:.75rem;list-style:none}.nav-item>details{position:relative}.nav-item>details>summary{cursor:pointer;padding:.25rem .75rem;font-size:.8rem}.nav-item.has-children{position:relative;padding-right:1rem}.nav-item>details{position:absolute;right:0;top:.75rem}.nav-item>details>summary{list-style:none;padding:.25rem;font-size:0}.nav-item>details>summary::after{content:'⌄';font-size:1rem}.nav-item>details>summary::-webkit-details-marker{display:none}.nav-item>details>.nav-submenu{right:0;left:auto;min-width:12rem}.nav-item>details[open]>.nav-submenu{display:block;visibility:visible;opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}}#fuwari-site{position:relative;isolation:isolate}.toc-panel:not([hidden]){display:block;position:static;grid-area:auto;max-height:none;margin-bottom:1rem;padding:1rem}.toc-disclosure summary{cursor:pointer;font-weight:700;color:var(--primary);padding:.25rem 0}.toc-disclosure[open] summary{margin-bottom:.75rem}#article-toc{max-height:55vh;overflow:auto;overscroll-behavior:contain}.toc-list .is-h4 a{padding-left:28px}#article-content :is(h2,h3,h4){scroll-margin-top:90px}.site-background{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18}.site-background img{width:100%;height:100%;object-fit:cover}.site-background:has(img:not([src])){display:none}[data-theme=dark] .site-background{opacity:.1}.site-banner picture{display:contents}.reading-tools{max-width:1200px;margin:1rem auto;padding:0 1rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;position:relative;z-index:1}.custom-social-links{flex-wrap:wrap;gap:.5rem}.custom-social-links :is(a,button){display:inline-flex;align-items:center;gap:.35rem;width:auto;min-height:38px;padding:.4rem .65rem;border:0;border-radius:.5rem;background:var(--btn-regular-bg);color:var(--primary);font:inherit;font-size:.8rem;cursor:pointer}.custom-social-links img{object-fit:contain}.custom-social-links span{overflow-wrap:anywhere}.feature-dialog{position:fixed;inset:0;z-index:150;background:#0008;display:flex;align-items:center;justify-content:center;padding:1rem}.feature-dialog[hidden]{display:none}.feature-dialog>div{position:relative;max-width:360px;width:100%;padding:1.5rem;border-radius:1rem;background:var(--card-bg);text-align:center}.feature-dialog img{max-width:100%;object-fit:contain}.feature-dialog button{float:right;border:0;background:0 0;color:inherit;font-size:1.5rem;cursor:pointer}.footer-links,.pwa-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin:.6rem 0}.site-footer{overflow-wrap:anywhere}.pwa-controls button{border:0;border-radius:.5rem;padding:.35rem .6rem;font:inherit;color:var(--primary);background:var(--btn-regular-bg);cursor:pointer}.special-illustration{max-width:min(100%,320px);max-height:240px;object-fit:contain}.code-language{display:block;padding:.4rem 1rem;border-bottom:1px solid var(--line-color);color:var(--text-50);font-size:.75rem}.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#8857b6}.hljs-attribute,.hljs-regexp,.hljs-string{color:#327750}.hljs-built_in,.hljs-number{color:#ad5528}.hljs-comment,.hljs-quote{color:#69747a;font-style:italic}.hljs-name,.hljs-section,.hljs-title{color:#326ab3}[data-theme=dark] :is(.hljs-keyword,.hljs-selector-tag,.hljs-literal){color:#d6a6ed}[data-theme=dark] :is(.hljs-string,.hljs-regexp,.hljs-attribute){color:#a8d2a1}[data-theme=dark] :is(.hljs-number,.hljs-built_in){color:#f0b890}[data-theme=dark] :is(.hljs-title,.hljs-section,.hljs-name){color:#9fc5ef}[data-theme=dark] :is(.hljs-comment,.hljs-quote){color:#a1a5ad}.pjax-loading::before{content:'';position:fixed;z-index:200;top:0;left:0;width:70%;height:3px;background:var(--primary);animation:pjax-progress 1.2s ease infinite}@keyframes pjax-progress{from{transform:translateX(-100%)}to{transform:translateX(145%)}}@media (prefers-reduced-motion:reduce){.pjax-loading::before{animation:none;width:100%}}.offline-list{display:grid;gap:.75rem;padding:0;list-style:none}.offline-list li{padding:1rem;border-radius:.75rem;background:var(--card-bg);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.offline-shell{width:min(900px,calc(100% - 2rem));margin:2rem auto}.offline-shell .article-card{margin-top:1rem}.offline-notice{padding:1rem;border-radius:.75rem;background:var(--card-bg)}