:root{color-scheme:light;--bg:#fafafa;--text:#202020;--muted:#757575;--line:#dedede;--soft:#f0f0f0;--code:#f2f2f2}:root[data-theme=dark]{color-scheme:dark;--bg:#171717;--text:#ededed;--muted:#a1a1a1;--line:#393939;--soft:#252525;--code:#222}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font-family:var(--font-geist),var(--font-jp),sans-serif;font-size:17px;line-height:1.85;animation:enter .18s ease}a{color:inherit;text-decoration:none;transition:color .15s}a:hover{color:var(--muted)}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.shell{max-width:856px;padding:0 48px;margin:auto}.shell.wide{max-width:1016px}main{min-height:calc(100vh - 120px);padding:100px 0 90px}section+section{margin-top:88px}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.5rem,6vw,3.8rem);letter-spacing:-.055em;line-height:1.15}h2{line-height:1.3}p{color:var(--muted)}.identity{display:flex;align-items:center;gap:18px}.identity h1{font-size:30px}.role{font-size:14px}.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.placeholder{display:grid;place-items:center;background:var(--text);color:var(--bg);font-size:23px}.bio{margin-top:28px;max-width:560px;color:var(--text)}.section-label,.eyebrow{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.08em;color:var(--muted)}.index{margin-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.index a{font-size:25px;font-weight:550}.index span{font-size:15px;color:var(--muted);margin-left:12px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading>a,.external{font-size:13px;color:var(--muted)}.post-list{list-style:none;padding:0;margin:20px 0 0}.post-list li{display:flex;gap:30px;padding:15px 0;border-bottom:1px solid var(--line)}time{font-family:var(--font-mono),monospace;font-size:13px;color:var(--muted);white-space:nowrap}.empty{margin-top:24px;font-size:15px}.breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:72px}.page-header{margin-bottom:64px}.page-header h1{margin:13px 0 18px}.page-header p:not(.eyebrow){font-size:15px}.year{display:grid;grid-template-columns:100px 1fr;gap:25px;margin-top:44px}.year h2{font-size:16px}.year .post-list{margin:-15px 0 0}.article{max-width:680px;margin:auto}.article-header{margin-bottom:60px}.article-header h1{font-size:clamp(2.2rem,5vw,3.3rem);margin:18px 0}.prose{overflow-wrap:anywhere}.prose>*+*{margin-top:1.5em}.prose h2,.prose h3{margin-top:2.4em}.prose a{text-decoration:underline;text-underline-offset:3px}.prose img,.detail-image{max-width:100%;height:auto;border-radius:6px}.prose blockquote{border-left:2px solid var(--line);padding-left:20px;margin-left:0;color:var(--muted)}.prose pre{position:relative;overflow:auto;padding:24px;border-radius:6px;background:var(--code)!important;font-size:14px;line-height:1.6}.prose code{font-family:var(--font-mono),monospace}.copy{position:absolute;right:8px;top:8px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--text);padding:3px 8px;cursor:pointer}.prose table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%}.prose th,.prose td{padding:10px 16px;border-bottom:1px solid var(--line);text-align:left}.projects .project{display:grid;grid-template-columns:38% 1fr;gap:36px;padding:28px 0;border-bottom:1px solid var(--line)}.project img{width:100%;height:auto;border-radius:6px}.project-image{width:100%;aspect-ratio:16/10;border-radius:6px}.project-image{display:grid;place-items:center;background:var(--soft);font-size:48px}.project h2{font-size:24px;margin:8px 0}.project p,.tools p{font-size:15px}.status{font-size:12px;color:var(--muted)}.tool-section{margin-top:48px}.tools{list-style:none;padding:0}.tools li{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.tool-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;background:var(--soft);border-radius:6px}.tool-icon img{max-width:100%;max-height:100%}footer{border-top:1px solid var(--line);padding:24px 0 32px;display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}footer div{display:flex;gap:24px}footer button{border:0;padding:0;background:none;cursor:pointer;font:inherit;color:inherit}@keyframes enter{0%{opacity:0}to{opacity:1}}@media(max-width:600px){body{font-size:16px}.shell{padding:0 20px}main{padding:64px 0 70px}.breadcrumb{margin-bottom:54px}section+section{margin-top:68px}.year{display:block}.year .post-list{margin:12px 0 0}.post-list li{gap:4px;flex-direction:column}.projects .project{grid-template-columns:1fr;gap:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}html[data-theme=dark] .astro-code,html[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important}.icon{width:1em;height:1em;stroke-width:1.75;vertical-align:-.12em}.index .icon{margin-left:12px;color:var(--muted);width:15px;height:15px}