:root{--color-bg:#f6f0e1;--grid:#465a8c1a;--bg-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);--bg-size:24px 24px;--color-surface:#fffaf0;--color-text:#22242c;--color-text-muted:#5f5d66;--color-accent:#e0322d;--color-link:#b3231f;--color-link-hover:#e0322d;--color-border:#22242c;--color-line:#cdbf9f;--color-code-bg:#fffdf8;--color-note:#1a66c2;--color-important:#c21f70;--font-body:"M PLUS 1p", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, sans-serif;--font-heading:"DotGothic16", "M PLUS 1p", sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, "BIZ UDGothic", "MS Gothic", monospace;--radius:12px;--shadow:4px 4px 0 var(--color-border);--code-shadow:4px 4px 0 var(--color-border);--panel-border:2px solid var(--color-border);--image-radius:18px;--image-border:3px dotted var(--color-border);--image-shadow:6px 6px 0 color-mix(in srgb, var(--color-accent) 30%, var(--color-line));--image-bg:#fff;--image-padding:8px;--page-gutter:clamp(1rem, 4vw, 4.5rem);--toc-width:17rem;--content-max:none;--color-header-bg:var(--color-surface);--header-border:3px dotted var(--color-border);--row-border:2px dotted var(--color-line);--alert-border:2px solid var(--color-border)}@media (prefers-color-scheme:dark){:root{--color-bg:#1a2030;--grid:#bed2ff0f;--color-surface:#232b3f;--color-text:#f0ede4;--color-text-muted:#aaa69c;--color-accent:#ff6a5c;--color-link:#ff9d92;--color-link-hover:#ffd0ca;--color-border:#f0ede4;--color-line:#3f4a66;--color-code-bg:#141926;--color-note:#74b3ff;--color-important:#ff86c8;--shadow:4px 4px 0 #000;--code-shadow:4px 4px 0 #000}}*,:before,:after{box-sizing:border-box}html{color-scheme:light dark;-webkit-text-size-adjust:100%;scroll-padding-top:1.5rem}body{background-color:var(--color-bg);background-image:var(--bg-image);background-size:var(--bg-size,auto);background-attachment:var(--bg-attachment,scroll);min-height:100vh;color:var(--color-text);font-family:var(--font-body);overflow-wrap:anywhere;flex-direction:column;margin:0;font-size:1rem;line-height:1.85;display:flex}main{flex:1;padding-block:2rem 4rem}.page{width:100%;max-width:var(--content-max);padding-inline:var(--page-gutter);margin-inline:auto}a{color:var(--color-link);text-underline-offset:.2em}a:hover{color:var(--color-link-hover)}img{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.4}.site-header{background:var(--color-header-bg,transparent);border-bottom:var(--header-border,1px solid var(--color-border))}.site-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding-block:.7rem;display:flex}.site-title{color:var(--color-text);font-family:var(--font-heading);align-items:center;gap:.7rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:inline-flex}.site-title img{background:#fff;border-radius:28%;width:2.5rem;height:2.5rem}.site-nav{flex-wrap:wrap;gap:1.2rem;font-weight:500;display:flex}.site-footer{background:var(--color-footer-bg,transparent);border-top:var(--header-border,1px solid var(--color-border));color:var(--color-text-muted);font-size:.9rem}.site-footer-inner{grid-template-columns:minmax(0,1fr);gap:1rem 3rem;padding-block:2rem 4rem;display:grid}.site-footer p{margin:0}.site-footer-title{color:var(--color-text);font-family:var(--font-heading);font-weight:700}.site-footer-links{flex-wrap:wrap;gap:.2rem 1.2rem;margin:0;padding:0;list-style:none;display:flex}@media (width>=48rem){.site-footer-inner{grid-template-columns:auto auto minmax(0,1fr)}.site-footer-links{flex-direction:column}}.toc-wide,.toc-narrow,.post-nav a{background:var(--color-surface);border:var(--panel-border,1px solid var(--color-border));border-radius:var(--radius);box-shadow:var(--shadow)}.tag-list{flex-wrap:wrap;gap:.4rem;display:inline-flex}.tag{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);white-space:nowrap;border-radius:999px;padding:.05em .7em;font-size:.8rem;line-height:1.7}.hero{align-items:center;gap:1.5rem 2.5rem;margin-block:1rem 3rem;display:flex}.hero-icon{background:#fff;border-radius:22%;flex:none;width:clamp(7rem,16vw,11rem);height:auto}.hero-title{margin:0 0 .3em;font-size:clamp(1.8rem,1.2rem + 2.4vw,3rem)}.hero-desc{max-width:46em;color:var(--color-text-muted);margin:0}@media (width<=40rem){.hero{text-align:center;flex-direction:column}}.home{grid-template-columns:minmax(0,1fr);gap:3rem;display:grid}@media (width>=72rem){.home{grid-template-columns:minmax(0,2.4fr) minmax(18rem,1fr);align-items:start}}.home-heading{margin:0 0 1rem;font-size:1.4rem}.post-list,.doc-list{margin:0;padding:0;list-style:none}.post-item time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}.post-item-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;line-height:1.5}.post-item-desc{color:var(--color-text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:.3rem 0 .5rem;font-size:.92rem;line-height:1.7;display:-webkit-box;overflow:hidden}.post-list-rows .post-item,.doc-item{border-bottom:var(--row-border,1px dashed var(--color-border));padding-block:1rem}.post-list-rows .post-item-body{grid-template-columns:minmax(0,1fr);display:grid}@media (width>=40rem){.post-list-rows .post-item-body{grid-template-columns:7rem minmax(0,1fr);column-gap:1rem}.post-list-rows .post-item-body>*{grid-column:2}.post-list-rows .post-item-body>time{grid-area:1/1/span 3;padding-top:.2rem}}.article{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""toc""body";gap:1.5rem 3rem;display:grid}.article:not(.has-toc){grid-template-areas:"header""body"}.article-header{grid-area:header}.toc{grid-area:toc;min-width:0}.article-body{grid-area:body;min-width:0}.article-title{margin:.5rem 0 .6rem;font-size:clamp(1.6rem,1.15rem + 1.9vw,2.6rem);line-height:1.35}.article-meta{color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0;display:flex}.toc ol{margin:0;padding:0;list-style:none}.toc li{margin:.35em 0;line-height:1.5}.toc .toc-l2{padding-left:1.1em;font-size:.93em}.toc a{color:var(--color-text-muted);text-decoration:none}.toc a:hover{color:var(--color-link-hover);text-decoration:underline}.toc-heading,.toc-narrow summary{color:var(--color-text);font-family:var(--font-heading);margin:0 0 .5rem;font-weight:700}.toc-wide{padding:1rem 1.2rem;font-size:.9rem}.toc-narrow{padding:.7rem 1.1rem;font-size:.95rem}.toc-narrow summary{cursor:pointer;margin:0}.toc-narrow[open] summary{margin-bottom:.5rem}@media (width<=63.99rem){.toc-wide{display:none}}@media (width>=64rem){.toc-narrow{display:none}.article.has-toc{grid-template-columns:minmax(0, 1fr) var(--toc-width);grid-template-areas:"header header""body toc"}.toc-wide{max-height:calc(100vh - 3rem);position:sticky;top:1.5rem;overflow-y:auto}}.post-nav{grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:1rem;margin-top:3.5rem;display:grid}.post-nav a{font-family:var(--font-heading);flex-direction:column;gap:.2rem;padding:.8rem 1.1rem;font-weight:700;line-height:1.5;text-decoration:none;display:flex}.post-nav-newer{text-align:right}.post-nav-label{color:var(--color-text-muted);font-family:var(--font-body);font-size:.8rem;font-weight:400}.comments{margin-top:3.5rem}.not-found{text-align:center;padding-block:3rem}.not-found img{background:#fff;border-radius:22%}.not-found h1{margin:.5rem 0;font-size:clamp(3rem,12vw,6rem);line-height:1.1}.site-title,.home-heading,.article-title,.hero-title{letter-spacing:.04em;font-weight:400}.site-title img{background:0 0;border-radius:0}a{text-decoration-style:dotted;text-decoration-thickness:2px}.article-meta time,.post-item time{font-family:var(--font-heading)}.tag{border:2px solid var(--color-border);color:var(--color-text);font-family:var(--font-heading);border-radius:6px}.hero-balloon .hero-icon{border:1px solid var(--color-line);background:#fff;border-radius:22%;padding:8px;transform:rotate(-4deg);box-shadow:0 8px 20px #46321433}@media (prefers-color-scheme:dark){.hero-balloon .hero-icon{box-shadow:0 8px 22px #00000073}}.hero-balloon .hero-text{border:var(--panel-border);background:var(--color-surface);box-shadow:var(--shadow);border-radius:18px;padding:1.1rem 1.5rem 1.3rem;position:relative}.hero-balloon .hero-text:before{content:"";border-bottom:var(--panel-border);border-left:var(--panel-border);background:var(--color-surface);width:22px;height:22px;position:absolute;top:50%;left:-13px;transform:translateY(-50%)rotate(45deg)}.hero-balloon .hero-desc{color:var(--color-text)}@media (width<=40rem){.hero-balloon .hero-text:before{top:-13px;left:50%;transform:translate(-50%)rotate(135deg)}}.home-section{border:var(--panel-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow);overflow:hidden}.home-heading{background:var(--color-border);color:var(--color-surface);margin:0;padding:.35rem 1rem;font-size:1.15rem}.home-heading:before{content:"● ";color:var(--color-accent)}.home-section .post-list,.home-section .doc-list{padding:.2rem 1.2rem .6rem}.home-section li:last-child{border-bottom:0}.post-nav a{transition:transform 80ms}.post-nav a:hover{box-shadow:2px 2px 0 var(--color-border);transform:translate(2px,2px)}@media (prefers-reduced-motion:reduce){.post-nav a{transition:none}}