:root{--bg: #fdfdfc;--surface: #f4f3ef;--text: #1c1b19;--muted: #6b6862;--line: #e2e0d9;--accent: #9a6a2f;--measure: 68ch}@media(prefers-color-scheme:dark){:root{--bg: #14140f;--surface: #1e1e18;--text: #eceae4;--muted: #9b978d;--line: #2e2e26;--accent: #d9a862}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-serif,Georgia,Times New Roman,"Noto Serif JP",serif;font-size:18px;line-height:1.7}.wrap{max-width:var(--measure);margin:0 auto;padding:0 1.25rem}a{color:inherit;text-decoration-color:var(--line);text-underline-offset:3px}a:hover{text-decoration-color:var(--accent)}header.site{border-bottom:1px solid var(--line);padding:1.5rem 0;margin-bottom:3rem}header.site .row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{font-size:1.35rem;letter-spacing:.06em;font-weight:600;text-decoration:none}.langs{display:flex;gap:.85rem;font-size:.82rem;font-family:ui-sans-serif,system-ui,sans-serif}.langs a{color:var(--muted);text-decoration:none}.langs a[aria-current=true]{color:var(--text);text-decoration:underline;text-underline-offset:4px}.tagline{color:var(--muted);font-size:.95rem;margin:.4rem 0 0}.listing{margin-top:1.6rem}.cats{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.88rem}.cats ul{list-style:none;margin:0 0 .4rem;padding:0 0 .7rem;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;border-bottom:1px solid var(--line)}.cats a{color:var(--muted);text-decoration:none}.cats a:hover{color:var(--text)}.cats a[aria-current=page]{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:.55rem}@media(min-width:74rem){.listing{display:grid;grid-template-columns:11rem minmax(0,1fr);column-gap:3rem;margin-left:-14rem}.cats{position:sticky;top:2rem;align-self:start;padding-top:1.4rem}.cats ul{flex-direction:column;gap:.6rem;padding:0;border-bottom:0}.cats a{display:block;padding-left:.8rem;border-left:2px solid transparent}.cats a[aria-current=page]{text-decoration:none;border-left-color:var(--accent)}}article .meta a{color:inherit}ul.posts{list-style:none;padding:0;margin:0}ul.posts li{padding:1.4rem 0;border-bottom:1px solid var(--line)}ul.posts h2{font-size:1.2rem;margin:0 0 .3rem;font-weight:600}ul.posts h2 a{text-decoration:none}ul.posts h2 a:hover{text-decoration:underline;text-decoration-color:var(--accent)}ul.posts p{margin:0;color:var(--muted);font-size:.95rem}time{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;color:var(--muted);letter-spacing:.04em}article h1{font-size:2rem;line-height:1.25;margin:0 0 .5rem}article .meta{margin-bottom:2.5rem}article h2{margin-top:2.5rem;font-size:1.3rem}article h3{margin-top:2rem;font-size:1.08rem}article img{max-width:100%;height:auto;border-radius:3px}article blockquote{margin:1.5rem 0;padding-left:1.1rem;border-left:3px solid var(--accent);color:var(--muted)}article table{width:100%;border-collapse:collapse;font-size:.92rem}.tablewrap{overflow-x:auto;margin:1.5rem 0}article th,article td{border-bottom:1px solid var(--line);padding:.55rem .6rem;text-align:left}article code{background:var(--surface);padding:.12em .35em;border-radius:3px;font-size:.88em}article pre{background:var(--surface);padding:1rem;border-radius:4px;overflow-x:auto}footer.site{margin-top:5rem;padding:2rem 0 3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;font-family:ui-sans-serif,system-ui,sans-serif}.backlink{display:inline-block;margin-bottom:2rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem;color:var(--muted);text-decoration:none}.backlink:hover{color:var(--text)}footer.site .wrap{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}footer.site a{color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem}.cc{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:50;max-width:46rem;margin:0 auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:1rem 1.15rem;box-shadow:0 6px 24px #0000002e;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.88rem;line-height:1.55;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.cc[hidden]{display:none}.cc p{margin:0;flex:1 1 22rem}.cc-btns{display:flex;gap:.5rem;margin-left:auto}.cc button{font:inherit;cursor:pointer;white-space:nowrap;padding:.45rem .95rem;border-radius:4px;border:1px solid var(--line);background:transparent;color:var(--text)}.cc button:hover{border-color:var(--accent)}.cc button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}@media(max-width:34rem){.cc-btns{margin-left:0;width:100%}.cc button{flex:1}}.cover{display:block;width:100%;height:auto;aspect-ratio:1000 / 260;object-fit:cover;border-radius:4px;margin:0 0 2rem}.cover-gen{background:var(--surface)}