:root{--bg:#faf9f6;--ink:#24313d;--muted:#6d7885;--line:#e6e4de;--accent:#2b5b8c;--lane-dev:#a8552f;--lane-thought:#2b5b8c;--chip-bg:#f0efea}@media (prefers-color-scheme:dark){:root{--bg:#11161d;--ink:#e5eaf0;--muted:#94a0ad;--line:#2a3441;--accent:#82abdb;--lane-dev:#d98b5f;--lane-thought:#82abdb;--chip-bg:#1c242e}}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.85}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}.wrap{max-width:46rem;margin:0 auto;padding:0 1.25rem}header.site{padding:2.2rem 0 0}header.site .row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}header.site .name{letter-spacing:.01em;color:var(--ink);font-size:1.05rem;font-weight:700;text-decoration:none}header.site nav{gap:1.1rem;font-size:.92rem;display:flex}header.site nav a{color:var(--muted);text-decoration:none}header.site nav a:hover{color:var(--accent)}main{padding:3rem 0 4rem}footer.site{border-top:1px solid var(--line);color:var(--muted);padding:1.6rem 0 3rem;font-size:.85rem}footer.site .row{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}footer.site a{color:var(--muted)}h1{text-wrap:balance;word-break:auto-phrase;font-size:1.7rem;line-height:1.4}h2{margin:2.4rem 0 .8rem;font-size:1.25rem}h3{margin:1.8rem 0 .5rem;font-size:1.05rem}.tagline{color:var(--muted);margin-top:.4rem}.post-list{gap:1.3rem;margin-top:1.4rem;padding:0;list-style:none;display:grid}.post-list a.title{color:var(--ink);font-weight:600;text-decoration:none}.post-list a.title:hover{color:var(--accent)}.post-meta{color:var(--muted);align-items:center;gap:.7rem;font-size:.82rem;display:flex}.post-desc{color:var(--muted);margin-top:.15rem;font-size:.92rem}.lane{letter-spacing:.06em;background:var(--chip-bg);border-radius:3px;padding:.1rem .5rem;font-size:.72rem;font-weight:600}.lane.dev{color:var(--lane-dev)}.lane.thought{color:var(--lane-thought)}.empty{color:var(--muted);margin-top:1.4rem}article.post h1{margin-bottom:.5rem}article.post .post-meta{margin-bottom:2.2rem}.prose{max-width:100%}.prose h2{border-bottom:1px solid var(--line);padding-bottom:.3rem}.prose h3{margin:2.4rem 0 .8rem;font-size:1.2rem}.prose h4{margin:1.6rem 0 .4rem;font-size:1rem}.prose p{margin:1.1rem 0}.prose ul,.prose ol{margin:1.1rem 0;padding-left:1.4rem}.prose li{margin:.35rem 0}.prose ul ul,.prose ol ol{margin:.25rem 0 .4rem}.prose blockquote{border-left:3px solid var(--line);color:var(--muted);margin:1.4rem 0;padding:.2rem 1.1rem}.prose code{background:var(--chip-bg);border-radius:4px;padding:.12em .4em;font-size:.88em}.prose pre{background:var(--chip-bg);border-radius:6px;margin:1.3rem 0;padding:1rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose img{max-width:100%;height:auto}.prose video{border-radius:6px;max-width:100%;height:auto;display:block}.prose img+br+em,.prose video+br+em{color:var(--muted);margin-top:.4rem;font-size:.85rem;display:block}.prose .video{aspect-ratio:16/9;margin:1.3rem 0}.prose .video iframe{border:0;border-radius:6px;width:100%;height:100%}.prose table{border-collapse:collapse;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:.4rem .8rem;font-size:.92rem}.outro{background:var(--chip-bg);color:var(--muted);border-radius:6px;margin-top:3rem;padding:1.1rem 1.3rem;font-size:.9rem}.share{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2.5rem;font-size:.9rem;display:flex}.share-label{color:var(--muted);margin-right:.2rem}.share-btn{border:1px solid var(--line);box-sizing:border-box;min-width:36px;height:36px;color:var(--ink);background:var(--chip-bg);border-radius:999px;align-items:center;gap:.35rem;padding:0 .6rem;line-height:1;text-decoration:none;display:inline-flex}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.share-icon{border-radius:3px;width:18px;height:18px;display:block}.share-count{width:auto;height:13px;display:block}.share-count[hidden]{display:none}.subscribe{border:1px solid var(--line);border-radius:8px;margin-top:3rem;padding:1.4rem 1.5rem}.subscribe p{margin:0 0 .8rem;font-size:.95rem}.subscribe form{flex-wrap:wrap;gap:.6rem;display:flex}.subscribe input[type=email]{border:1px solid var(--line);background:var(--bg);min-width:220px;color:var(--ink);border-radius:6px;flex:1;padding:.55rem .8rem;font-size:.95rem}.subscribe button{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:6px;padding:.55rem 1.2rem;font-size:.95rem;font-weight:600}.subscribe button:focus-visible,.subscribe input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.subscribe .note{color:var(--muted);margin:.6rem 0 0;font-size:.8rem}