*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg: oklch(98.5% .006 155);--bg2: oklch(95% .014 153);--bg3: oklch(90% .022 151);--pattern: rgba(10, 60, 35, .055);--ink: oklch(15% .02 170);--ink-light: oklch(44% .04 165);--ink-faint: oklch(68% .03 158);--border: rgba(10, 50, 30, .1);--accent: oklch(50% .2 155);--code-bg: #0F1A14;--code-fg: #B8C9BC}[data-theme=dark]{--bg: oklch(12% .018 175);--bg2: oklch(16% .022 170);--bg3: oklch(20% .026 168);--pattern: rgba(120, 220, 160, .04);--ink: oklch(92% .012 155);--ink-light: oklch(63% .022 158);--ink-faint: oklch(40% .018 160);--border: rgba(180, 255, 200, .08);--code-bg: oklch(8% .014 175);--code-fg: #AABFAD}html{font-size:16px;scroll-behavior:smooth;color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:"Noto Serif JP",serif;font-weight:300;line-height:1.8;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s;background-image:repeating-linear-gradient(-45deg,transparent,transparent 23px,var(--pattern) 23px,var(--pattern) 24px)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--ink-faint)}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1;padding-top:54px}.site-nav{position:fixed;inset:0 0 auto;z-index:100;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,64px);transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;border-bottom:1px solid transparent;will-change:background,border-color}.site-nav[data-scrolled]{background:var(--bg);backdrop-filter:blur(16px);border-bottom-color:var(--border)}.brandmark{display:inline-flex;align-items:center;gap:0;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none}.brandmark__hyphen{color:var(--accent)}.site-nav__right{display:flex;align-items:center;gap:20px}.nav-link{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);text-decoration:none;transition:color .2s;padding:10px 4px;line-height:34px}.nav-link[aria-current=page],.nav-link:hover{color:var(--accent)}.nav-icon-btn{background:none;border:none;cursor:pointer;color:var(--ink-light);padding:0;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:color .2s}.nav-icon-btn:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--border);padding:22px clamp(20px,5vw,64px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.site-footer__copy{font-family:JetBrains Mono,monospace;font-size:.61rem;color:var(--ink-faint);letter-spacing:.06em}.site-footer__links{display:flex;gap:20px;align-items:center}.site-footer__rss{font-family:JetBrains Mono,monospace;font-size:.61rem;letter-spacing:.08em;color:var(--ink-faint);text-decoration:none;text-transform:uppercase;display:flex;align-items:center;gap:5px;transition:color .2s}.site-footer__rss:hover{color:var(--accent)}.kanji-mark{position:absolute;font-family:"Noto Serif JP",serif;font-size:clamp(180px,24vw,360px);font-weight:200;line-height:1;color:transparent;-webkit-text-stroke:1px var(--border);user-select:none;pointer-events:none;right:-1vw;top:50%;transform:translateY(-50%)}.accent-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent,var(--accent),transparent);pointer-events:none}.page-header{position:relative;overflow:hidden;padding:80px clamp(20px,5vw,64px) 52px;border-bottom:1px solid var(--border);animation:fadeUp .7s cubic-bezier(.16,1,.3,1) both}.page-header__inner{padding-left:16px;position:relative;z-index:1}.page-header__eyebrow{font-family:JetBrains Mono,monospace;font-size:.67rem;letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin-bottom:14px}.page-header__title{font-family:"Noto Serif JP",serif;font-weight:200;font-size:clamp(2rem,4vw,3rem);color:var(--ink);line-height:1.1;margin:0}.page-header__subtitle{font-family:"Noto Serif JP",serif;font-weight:300;font-size:1rem;color:var(--ink-light);max-width:520px;line-height:1.75;margin-top:12px}.hero{position:relative;overflow:hidden;min-height:76vh;display:flex;align-items:center;padding:80px clamp(20px,5vw,64px) 64px;border-bottom:1px solid var(--border)}.hero__inner{max-width:680px;padding-left:16px;position:relative;z-index:1;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) both}.hero__eyebrow{font-family:JetBrains Mono,monospace;font-size:.67rem;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin-bottom:20px}.hero h1{font-family:"Noto Serif JP",serif;font-weight:200;font-size:clamp(2.8rem,6.5vw,5.2rem);line-height:1.08;color:var(--ink);margin-bottom:18px;letter-spacing:-.02em}.hero__lede{font-family:"Noto Serif JP",serif;font-weight:300;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.85;color:var(--ink-light);max-width:460px;margin:0}.hero__latest{margin-top:44px;display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;text-align:left;padding:0}.hero__latest-label{font-family:JetBrains Mono,monospace;font-size:.63rem;letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase}.hero__latest-title{font-family:"Noto Serif JP",serif;font-weight:400;font-size:clamp(1rem,1.5vw,1.12rem);color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:2px;display:inline;transition:color .2s;text-decoration:none}.hero__latest:hover .hero__latest-title{color:var(--accent)}.posts-section{padding:52px clamp(20px,5vw,64px) 0;max-width:880px}.posts-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.posts-section__label{font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.tag-filters,.tag-filter{display:flex;gap:6px;flex-wrap:wrap}.tag-filter__button{background:transparent;border:1px solid var(--ink-faint);border-radius:2px;padding:3px 11px;font-family:JetBrains Mono,monospace;font-size:.66rem;letter-spacing:.08em;cursor:pointer;color:var(--ink-light);transition:background .18s,color .18s,border-color .18s}.tag-filter__button:hover{background:var(--bg2)}.tag-filter__button:active{background:var(--bg3)}.tag-filter__button.is-active{background:var(--accent);color:#f4faf6;border-color:var(--accent)}.post-list,.post-archive-list{list-style:none;padding:0;margin:0}.post-card{display:grid;grid-template-columns:1fr 130px;gap:0 20px;padding:20px 10px;border-top:1px solid var(--border);transition:background .18s;align-items:start;text-decoration:none;color:var(--ink)}.post-card:hover{background:var(--bg2)}.post-card:active{background:var(--bg3)}.post-card__content{min-width:0}.post-card__title{font-family:"Noto Serif JP",serif;font-weight:400;font-size:clamp(.92rem,1.3vw,1.04rem);color:var(--ink);transition:color .18s;margin-bottom:5px;line-height:1.35;overflow-wrap:break-word}.post-card:hover .post-card__title{color:var(--accent)}.post-card__subtitle{font-family:"Noto Serif JP",serif;font-weight:300;font-size:.83rem;color:var(--ink-light);line-height:1.6;margin-bottom:8px;overflow-wrap:break-word}.post-card__meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.post-card__tag,.post-card__readtime{font-family:JetBrains Mono,monospace;font-size:.58rem;color:var(--ink-faint);letter-spacing:.06em}.post-card__thumb{width:130px;aspect-ratio:4/3;opacity:.65;transition:opacity .25s;flex-shrink:0;overflow:hidden;background:#fff}.post-card:hover .post-card__thumb{opacity:1}.post-card__thumb img,.thumb-placeholder{display:block;width:100%;height:100%}.post-card__thumb img{object-fit:cover}.all-posts-btn{display:inline-flex;align-items:center;background:none;border:1px solid var(--border);border-radius:2px;padding:9px 20px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.1em;color:var(--ink-light);text-transform:uppercase;text-decoration:none;transition:border-color .2s,color .2s;margin:28px 0 60px}.all-posts-btn:hover{border-color:var(--accent);color:var(--accent)}.all-posts-btn:active{opacity:.7}.projects-strip{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:52px clamp(20px,5vw,64px) 60px;content-visibility:auto;contain-intrinsic-size:0 480px}.projects-strip__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.projects-strip__label{font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin-bottom:8px}.projects-strip__heading{font-family:"Noto Serif JP",serif;font-weight:300;font-size:clamp(1.4rem,2.5vw,2rem);color:var(--ink);margin:0}.view-all-link{font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.1em;color:var(--ink-light);text-transform:uppercase;text-decoration:none;transition:color .2s}.view-all-link:hover{color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;background:var(--bg3)}.project-card{display:block;background:var(--bg);text-decoration:none}.project-card__media{aspect-ratio:16/9;width:100%;background:var(--bg2);background-image:repeating-linear-gradient(38deg,transparent,transparent 14px,var(--bg3) 14px,var(--bg3) 15px);overflow:hidden}.project-card__media img{width:100%;height:100%;object-fit:cover}.project-card__body{padding:15px 18px 20px}.project-card__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:7px;gap:8px}.project-card__name{font-family:"Noto Serif JP",serif;font-weight:400;font-size:.97rem;color:var(--ink);line-height:1.3;transition:color .18s;margin:0;overflow-wrap:break-word}.project-card:hover .project-card__name{color:var(--accent)}.project-card:active{opacity:.85}.project-card__status{font-family:JetBrains Mono,monospace;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);border:1px solid var(--ink-faint);padding:2px 6px;border-radius:2px;white-space:nowrap;flex-shrink:0;margin-top:2px}.project-card__status--active,.project-card__status--open-source{color:var(--accent);border-color:var(--accent)}.project-card__tagline{font-family:"Noto Serif JP",serif;font-weight:300;font-size:.8rem;color:var(--ink-light);line-height:1.65;margin-bottom:10px}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}.tag-list li{font-family:JetBrains Mono,monospace;font-size:.56rem;color:var(--ink-faint);letter-spacing:.06em}.archive-tools{padding:36px clamp(20px,5vw,64px) 0;max-width:880px;margin-bottom:8px}.archive-list-wrap{padding:0 clamp(20px,5vw,64px) 100px;max-width:880px;content-visibility:auto}.archive-empty{display:none;padding:12px 10px;color:var(--ink-faint);font-family:JetBrains Mono,monospace;font-size:.72rem}.post-year-divider{display:flex;align-items:baseline;gap:12px;padding:32px 10px 4px;border-top:1px solid var(--border)}.post-year-divider__year{font-family:"Noto Serif JP",serif;font-weight:200;font-size:clamp(2rem,3.5vw,2.8rem);color:var(--ink);letter-spacing:-.02em;line-height:1}.post-year-divider__era{font-family:"Noto Serif JP",serif;font-weight:300;font-size:.75rem;color:var(--ink-faint)}.post-year-divider__count{font-family:JetBrains Mono,monospace;font-size:.58rem;color:var(--ink-faint)}.pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px 0}.pagination__button{background:none;border:1px solid var(--border);border-radius:2px;padding:5px 12px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--ink-light);transition:all .18s}.pagination__button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination__button:active:not(:disabled){background:var(--bg2)}.pagination__button:disabled{opacity:.45;cursor:not-allowed}.pagination__status{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.6rem;color:var(--ink-faint)}.post-header{position:relative;overflow:hidden;padding:60px clamp(20px,5vw,64px) 0;border-bottom:1px solid var(--border);animation:fadeUp .7s cubic-bezier(.16,1,.3,1) both}.post-header__inner{max-width:680px;padding-left:16px;position:relative;z-index:1}.back-link{font-family:JetBrains Mono,monospace;font-size:.63rem;letter-spacing:.1em;color:var(--ink-light);text-transform:uppercase;margin-bottom:28px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--accent)}.post-header__tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.post-header__tag{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:1px}.post-header h1{font-family:"Noto Serif JP",serif;font-weight:300;font-size:clamp(1.8rem,4vw,3rem);line-height:1.2;color:var(--ink);margin-bottom:12px;overflow-wrap:break-word}.post-header__deck{font-family:"Noto Serif JP",serif;font-weight:300;font-size:1.04rem;color:var(--ink-light);line-height:1.65;margin-bottom:22px}.post-header__dateline{display:flex;gap:14px;align-items:center;padding-bottom:28px;flex-wrap:wrap}.post-header__date{font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--ink-faint)}.post-header__date-jp{font-family:"Noto Serif JP",serif;font-size:.7rem;color:var(--ink-faint)}.post-header__readtime{font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--ink-faint)}.post-header__sep{color:var(--ink-faint)}.post-hero-img{max-width:1100px;width:100%;aspect-ratio:16 / 9;background:transparent;overflow:hidden}.post-hero-img img{width:100%;height:100%;object-fit:cover}.prose-wrap{max-width:680px;padding:52px clamp(20px,5vw,60px) 100px;animation:fadeUp .7s .1s cubic-bezier(.16,1,.3,1) both}.prose{font-family:"Noto Serif JP",serif;font-weight:300;font-size:1.05rem;line-height:1.95;color:var(--ink)}.prose>:first-child{margin-top:0}.prose p{margin-bottom:1.5em}.prose p:last-child{margin-bottom:0}.prose h2,.prose h3,.prose h4{font-family:"Noto Serif JP",serif;margin:2.6rem 0 1rem;line-height:1.2;font-weight:300}.prose a{border-bottom:1px solid currentColor;opacity:.75;transition:opacity .2s}.prose a:hover{opacity:1}.prose blockquote{border-left:2px solid var(--ink-faint);padding-left:1.2em;margin:1.6em 0;color:var(--ink-light);font-style:italic}.prose code{font-family:JetBrains Mono,monospace;font-size:.81em;background:var(--bg2);padding:1px 6px;border-radius:2px}.prose pre{font-family:JetBrains Mono,monospace;font-size:.79rem;line-height:1.75;background:var(--code-bg);color:var(--code-fg);padding:1.4em 1.6em;overflow-x:auto;margin:1.8em 0;border-left:3px solid var(--accent);position:relative}.prose pre code{background:none;padding:0;font-size:inherit;border-radius:0}.prose ul,.prose ol{padding-left:1.5em;margin:1.1rem 0}.prose img{margin:2rem 0}.post-nav{margin-top:72px;padding-top:28px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:24px}.post-nav__item--older{grid-column:1}.post-nav__item--newer{grid-column:2;text-align:right}.post-nav__label{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.1em;color:var(--ink-faint);margin-bottom:6px;text-transform:uppercase}.post-nav__title{font-family:"Noto Serif JP",serif;font-weight:400;font-size:1.08rem;color:var(--ink);text-decoration:none;display:inline}.post-nav__title:hover{color:var(--accent)}.about-body{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:0 1px;background:var(--bg3);max-width:900px;margin:48px clamp(20px,5vw,64px) 80px}.about-sidebar{background:var(--bg);padding:36px 32px 44px}.about-photo{aspect-ratio:1/1;width:100%;background:var(--bg2);background-image:repeating-linear-gradient(38deg,transparent,transparent 10px,var(--bg3) 10px,var(--bg3) 11px);overflow:hidden;margin-bottom:28px}.about-photo img{width:100%;height:100%;object-fit:cover}.about-social{display:flex;flex-direction:column;gap:12px}.about-social__link{font-family:JetBrains Mono,monospace;font-size:.67rem;letter-spacing:.1em;color:var(--ink-light);text-decoration:none;text-transform:uppercase;transition:color .2s}.about-social__link:hover{color:var(--accent)}.about-bio{background:var(--bg);padding:36px 40px 44px}.about-bio .prose{font-size:1.02rem;line-height:2}.project-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:2em}.project-link{font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding-bottom:2px;text-decoration:none}.project-link--primary{border-bottom:1px solid var(--accent);color:var(--accent)}.project-link--secondary{border-bottom:1px solid var(--ink-faint);color:var(--ink-faint)}.projects-full{padding:48px clamp(20px,5vw,64px) 100px}.projects-full .project-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:200;pointer-events:none;background:var(--accent);transform:scaleX(0);transform-origin:left}.search-overlay{position:fixed;inset:0;z-index:500;background:#0000008c;backdrop-filter:blur(6px);display:none;align-items:flex-start;justify-content:center;padding-top:14vh;animation:fadeIn .2s ease}.search-overlay.is-open{display:flex}.search-box{width:min(640px,94vw);background:var(--bg);border:1px solid var(--border);box-shadow:0 24px 60px #00000040;animation:slideDown .25s cubic-bezier(.16,1,.3,1)}.search-box .pagefind-ui__form{padding:0;border:none}.search-box .pagefind-ui__search-input{background:none;border:none;border-bottom:1px solid var(--border);padding:18px 22px;font-family:JetBrains Mono,monospace;font-size:.92rem;color:var(--ink);caret-color:var(--accent);outline:none;width:100%;border-radius:0;box-shadow:none}.search-box .pagefind-ui__search-clear{top:14px;right:16px}.search-box .pagefind-ui__results-area{max-height:60vh;overflow-y:auto}.search-empty{padding:20px 22px;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--ink-faint);letter-spacing:.06em}@media(max-width:720px){.hero{min-height:52vh;padding:60px clamp(20px,5vw,64px) 44px}.page-header{padding:52px clamp(20px,5vw,64px) 36px}.post-header{padding:44px clamp(20px,5vw,64px) 0}.post-card{grid-template-columns:1fr}.post-card__thumb{display:none}.about-body{grid-template-columns:1fr;gap:1px}.about-sidebar{padding:28px 24px 32px}.about-photo{aspect-ratio:unset;height:160px;margin-bottom:20px}.about-bio{padding:28px 24px 40px}.projects-strip__header{flex-direction:column;align-items:flex-start;gap:12px}.archive-list-wrap,.projects-full,.prose-wrap{padding-bottom:60px}.archive-tools{padding-top:24px}}@media(max-width:600px){.post-nav{grid-template-columns:1fr}.post-nav__item--newer,.post-nav__item--older{grid-column:1;text-align:left}}@media(max-width:440px){.site-nav{padding:0 14px}.site-nav__right{gap:4px}.nav-link{letter-spacing:.06em;font-size:.68rem;padding:10px 3px}.nav-icon-btn{min-width:38px}}@media(max-height:500px)and (orientation:landscape){.hero{min-height:auto;padding:44px clamp(20px,5vw,64px) 36px}.search-overlay{padding-top:6vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}