:root{--fs-xs:12px;--fs-sm:13px;--fs-base:16px;--fs-md:17px;--fs-lg:19px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:38px;--fs-4xl:56px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--font-serif:"Newsreader","Source Serif Pro",Georgia,"Times New Roman",serif;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--container:1100px;--container-narrow:720px;--radius:6px;--radius-lg:12px;--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-fast:160ms;--dur:240ms;--dur-slow:420ms}:root,[data-theme=light]{--bg:#faf8f5;--bg-elev:#f4f1ec;--bg-code:#f1ede6;--ink:#1a1916;--ink-2:#3a3733;--ink-3:#6e6962;--ink-4:#74706a;--rule:rgba(26,25,22,.08);--rule-strong:rgba(26,25,22,.16);--accent:#d9612e;--accent-soft:rgba(217,97,46,.1);--shadow-1:0 1px 2px rgba(26,25,22,.04),0 1px 1px rgba(26,25,22,.02);--shadow-2:0 8px 24px -8px rgba(26,25,22,.1),0 2px 4px rgba(26,25,22,.04);--selection:rgba(217,97,46,.18)}[data-theme=dark]{--bg:#0e0e10;--bg-elev:#16161a;--bg-code:#1a1a1f;--ink:#ece9e2;--ink-2:#c5c1b8;--ink-3:#898478;--ink-4:#867f74;--rule:hsla(42,21%,91%,.08);--rule-strong:hsla(42,21%,91%,.16);--accent:#e8835f;--accent-soft:rgba(232,131,95,.14);--shadow-1:0 1px 2px rgba(0,0,0,.5);--shadow-2:0 16px 40px -12px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.3);--selection:rgba(232,131,95,.28)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}img{display:block;max-width:100%}button{font:inherit;cursor:default}a,button{color:inherit}a{text-decoration:none}::-moz-selection{background:var(--selection)}::selection{background:var(--selection)}html{font-family:var(--font-serif);font-size:var(--fs-base);color:var(--ink);background:var(--bg);color-scheme:light;font-feature-settings:"ss01","ss02";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scrollbar-gutter:stable}[data-theme=dark]{color-scheme:dark}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}body{min-height:100vh;display:flex;flex-direction:column;line-height:1.6;letter-spacing:-.003em;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.35;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:multiply}[data-theme=dark] body:before{opacity:.18;mix-blend-mode:overlay}body>*{position:relative;z-index:2}h1,h2,h3,h4,h5,h6{text-wrap:balance}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:color-mix(in oklab,var(--bg) 78%,transparent);border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease-out)}.site-header[data-scrolled=true]{border-bottom-color:var(--rule)}.site-header__inner{max-width:var(--container);margin:0 auto;padding:0 var(--sp-5);height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5)}.wordmark{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-serif);font-weight:500;font-size:19px;letter-spacing:-.01em;position:relative;color:var(--ink)}.wordmark__name{font-weight:600;letter-spacing:.01em;line-height:1}.wordmark__icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.wordmark__icon svg{width:100%;height:100%;display:block}.wordmark__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;align-self:center;position:relative;box-shadow:0 0 0 0 var(--accent-soft);animation:pulse 3.6s var(--ease-out) infinite}.wordmark__zh{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.04em;font-weight:400}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 6px transparent}}.nav{display:flex;align-items:center;gap:var(--sp-5);font-family:var(--font-sans);font-size:13.5px;letter-spacing:-.005em}.nav a{color:var(--ink-2);position:relative;padding:4px 0;transition:color var(--dur-fast) var(--ease-out)}.nav a.is-active,.nav a:hover{color:var(--ink)}.nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--accent)}.header-tools{display:flex;align-items:center;gap:6px}.search-trigger{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border:1px solid var(--rule);border-radius:8px;background:var(--bg-elev);color:var(--ink-3);font-family:var(--font-sans);font-size:12.5px;transition:border-color,background,color,box-shadow var(--dur-fast) var(--ease-out);min-width:160px}.search-trigger:hover{border-color:var(--rule-strong);color:var(--ink)}.search-trigger__hint{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--bg);border:1px solid var(--rule);border-radius:4px;padding:1px 5px}.theme-toggle{width:32px;height:32px;border:1px solid var(--rule);border-radius:8px;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.theme-toggle:hover{color:var(--ink);border-color:var(--rule-strong)}.theme-toggle svg{width:15px;height:15px}.lang-picker{position:relative}.lang-toggle{width:32px;height:32px;border:1px solid var(--rule);border-radius:8px;background:transparent;color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.lang-toggle:hover{color:var(--ink);border-color:var(--rule-strong)}.lang-toggle svg{width:15px;height:15px}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--bg-elev,var(--bg));border:1px solid var(--rule);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:6px;z-index:100;animation:langMenuIn .16s var(--ease-out)}[dir=rtl] body{direction:ltr}@keyframes langMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-menu__head{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:6px 10px 4px}.lang-menu__item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:transparent;border-radius:5px;cursor:pointer;font:inherit;color:var(--ink-2);text-align:left;transition:background .14s,color .14s}[dir=rtl] .lang-menu__item{text-align:right}.lang-menu__item:hover{background:var(--bg);color:var(--ink)}.lang-menu__item.is-active,.lang-menu__item.is-active .lang-menu__abbr{color:var(--accent)}.lang-menu__abbr{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.04em;color:var(--ink-3)}.lang-menu__label{font-family:var(--font-serif);font-size:14px}.lang-menu__check{font-family:var(--font-mono);font-size:12px;color:var(--accent)}html[lang=ug]{--font-mono:var(--font-ug-mono),"SF Arabic","Geeza Pro","Tahoma","Noto Sans Arabic","JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--font-serif:var(--font-ug-serif),"SF Arabic","Geeza Pro","Tahoma","Noto Naskh Arabic","Newsreader","Source Serif Pro",Georgia,serif}html[lang=ug] *{letter-spacing:normal}[lang=ug] .about-hero__intro,[lang=ug] .about-hero__title,[lang=ug] .archive__post-title,[lang=ug] .faq-item__a-content,[lang=ug] .faq-item__text,[lang=ug] .friend-row__bio,[lang=ug] .friends-intro,[lang=ug] .friends-intro--foot,[lang=ug] .hero__bio,[lang=ug] .hero__intro,[lang=ug] .hero__name,[lang=ug] .hero__now-val,[lang=ug] .hero__quote,[lang=ug] .hobby-chip,[lang=ug] .notfound__line,[lang=ug] .now-card__list li,[lang=ug] .now-card__list li b,[lang=ug] .now-card__list li span,[lang=ug] .post-body blockquote,[lang=ug] .post-body figcaption,[lang=ug] .post-body h1,[lang=ug] .post-body h2,[lang=ug] .post-body h3,[lang=ug] .post-body li,[lang=ug] .post-body p,[lang=ug] .post-card__excerpt,[lang=ug] .post-card__title,[lang=ug] .post-header__dek,[lang=ug] .post-header__title,[lang=ug] .post-nav__title,[lang=ug] .post-row__title,[lang=ug] .post-toc__head,[lang=ug] .projects-hero__sub,[lang=ug] .projects-hero__title,[lang=ug] .tag-card__name,[lang=ug] .tag-posts__name,[lang=ug] .timeline__desc,[lang=ug] .timeline__title{direction:rtl;text-align:right;unicode-bidi:plaintext}[lang=ug] .mono,[lang=ug] [class*=__date],[lang=ug] [class*=__lang],[lang=ug] [class*=__meta],[lang=ug] [class*=__tag],[lang=ug] code,[lang=ug] kbd{direction:ltr;unicode-bidi:isolate}[lang=ug] .archive-section__count,[lang=ug] .posts__archive-link,[lang=ug] .posts__count,[lang=ug] .tag-posts__count{unicode-bidi:isolate}[lang=ug] .posts__title{direction:rtl;font-size:13.5px}[lang=ug] .posts__archive-link{font-size:13.5px}[lang=ug] .wordmark__name{direction:rtl}.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--rule);border-radius:8px;background:transparent;align-items:center;justify-content:center;color:var(--ink-2);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.nav-toggle:hover{color:var(--ink);border-color:var(--rule-strong)}.nav-toggle svg{width:20px;height:20px}.nav-backdrop{position:fixed;inset:64px 0 0 0;background:color-mix(in oklab,var(--bg) 60%,transparent);backdrop-filter:blur(2px);border:0;padding:0;cursor:default;z-index:40}.hero{max-width:var(--container);margin:0 auto;padding:72px var(--sp-5) 56px;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--sp-8);align-items:start}@media (max-width:880px){.hero{grid-template-columns:1fr;gap:var(--sp-6);padding-top:56px}}.hero__left{display:flex;flex-direction:column;gap:var(--sp-4)}.hero__greet{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0;display:flex;align-items:center;gap:8px}.hero__greet:before{content:"";width:18px;height:1px;background:var(--accent)}.hero__name{font-family:var(--font-serif);font-weight:500;font-size:clamp(28px,3.2vw,36px);line-height:1.1;letter-spacing:-.018em;margin:0}.hero__name em{font-style:italic;color:var(--accent);font-weight:400}.hero__bio{font-family:var(--font-serif);font-size:var(--fs-md);line-height:1.7;color:var(--ink-2);margin:0;max-width:50ch}.hero__bio strong{font-weight:500;color:var(--ink)}.hero__bio a{color:var(--ink);border-bottom:1px solid var(--accent);transition:color var(--dur-fast) var(--ease-out)}.hero__bio a:hover{color:var(--accent)}.hero__now{margin-top:var(--sp-4);max-width:52ch;display:flex;flex-direction:column;gap:14px}.hero__now-head{display:flex;align-items:center;gap:12px}.hero__now-headline{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;color:var(--accent)}.hero__now-rule{flex:1;height:1px;background:linear-gradient(to right,var(--ink-4,rgba(0,0,0,.22)) 0,transparent 80%)}.hero__now-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.hero__now-row{display:grid;grid-template-columns:4.2em auto 1fr;-moz-column-gap:12px;column-gap:12px;align-items:baseline;padding:5px 0 5px 10px;border-left:1px solid transparent;transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.hero__now-row:hover{border-left-color:var(--accent);transform:translateX(2px)}.hero__now-key{justify-self:end;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;color:var(--accent);white-space:nowrap}.hero__now-key:before{content:"[";opacity:.55;padding-right:1px}.hero__now-key:after{content:"]";opacity:.55;padding-left:1px}.hero__now-sep{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero__now-val{font-family:var(--font-serif);font-size:var(--fs-base);line-height:1.6;color:var(--ink)}.hero__now-val em{font-style:italic;color:var(--ink)}.hero__now-val strong{font-weight:500;color:var(--ink)}@media (max-width:520px){.hero__now-row{grid-template-columns:3.6em auto 1fr;-moz-column-gap:8px;column-gap:8px;padding-left:6px}}.hero__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.hero__right{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.mc{width:100%;max-width:480px;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--bg-elev);font-family:var(--font-mono);font-size:11px;color:var(--ink-3);overflow:hidden;box-shadow:var(--shadow-1)}.mc__bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--rule);background:color-mix(in oklab,var(--bg-elev) 50%,var(--bg))}.mc__bar b{color:var(--ink);font-weight:500;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}.mc__bar-path{color:var(--ink-4);font-size:10.5px}.mc__live{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--accent);font-size:10px;letter-spacing:.06em}.mc__live i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:mc-pulse 1.4s infinite}@keyframes mc-pulse{0%,to{opacity:1}50%{opacity:.3}}.mc__body{display:grid;grid-template-columns:110px 1fr;min-height:184px}.mc__rocket-col{border-right:1px solid var(--rule);display:flex;flex-direction:column;background:linear-gradient(180deg,transparent 40%,color-mix(in oklab,var(--accent) 6%,transparent) 100%);position:relative;overflow:hidden}:root{--her:oklch(0.72 0.16 350)}[data-theme=dark]{--her:oklch(0.78 0.14 348)}.mc__rocket-stage--duo{display:flex;justify-content:space-around;align-items:flex-end;gap:4px;padding:0 4px 8px}.mc__rocket-stage--duo .mc__rocket-wrap{cursor:pointer;transition:transform .2s var(--ease-out)}.mc__rocket-stage--duo .mc__rocket-wrap:hover{transform:translateY(-4px)}.mc__rocket-stage--duo .mc__rocket-wrap:hover .mc__flame{animation-duration:60ms!important;height:22px!important;opacity:1}.mc__rocket-svg--her{width:44px;height:80px}.mc__flame--her{background:linear-gradient(180deg,var(--her) 0,transparent 100%)!important}.mc__trail--her{background:linear-gradient(180deg,transparent 0,var(--her) 100%)!important}.mc__rocket-wrap--her .mc__rocket-svg{width:44px}.mc__rocket-wrap--her.mc__rocket-wrap--launch{animation-delay:.18s}.mc__name{position:absolute;bottom:-14px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);opacity:0;transition:opacity .2s}.mc__name--her{color:var(--her)}.mc__rocket-stage--duo .mc__rocket-wrap:hover .mc__name{opacity:1}.mc__rocket-stage{flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.mc__rocket-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.mc__rocket-svg{width:48px;height:88px}.mc__flame{width:8px;height:16px;background:linear-gradient(180deg,var(--accent) 0,transparent 100%);border-radius:0 0 4px 4px;filter:blur(.4px);animation:mc-flame .18s steps(2) infinite;transform-origin:top;margin-top:-2px}.mc__trail{position:absolute;left:50%;transform:translateX(-50%);bottom:-10px;width:4px;height:0;background:linear-gradient(180deg,transparent 0,color-mix(in oklab,var(--accent) 50%,transparent) 60%,transparent 100%);opacity:0}@keyframes mc-flame{0%{transform:scaleY(1)}to{transform:scaleY(.78)}}.mc__rocket-wrap--launch{animation:mc-launch 3.6s cubic-bezier(.5,0,.6,1) forwards}.mc__rocket-wrap--launch .mc__flame{animation:mc-flame-big .1s steps(2) infinite;height:28px;width:10px}.mc__rocket-wrap--launch .mc__trail{animation:mc-trail 3.6s ease-out forwards}.mc__rocket-wrap--reset,.mc__rocket-wrap--reset .mc__flame{opacity:0}@keyframes mc-launch{0%{transform:translateY(0)}10%{transform:translateY(-2px)}to{transform:translateY(-220px)}}@keyframes mc-flame-big{0%{transform:scaleY(1);opacity:1}to{transform:scaleY(.6);opacity:.85}}@keyframes mc-trail{0%{height:0;opacity:0;bottom:-8px}20%{height:40px;opacity:1;bottom:0}to{height:240px;opacity:0;bottom:0}}.mc__t-minus{border-top:1px dashed var(--rule);padding:7px 0;text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--accent);font-weight:500;font-variant-numeric:tabular-nums}.mc__log{padding:10px 12px;display:flex;flex-direction:column;gap:5px;font-size:10.5px;line-height:1.55;overflow:hidden}.mc__log-row{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:baseline;min-height:17px}.mc__log-row b{color:var(--ink-2);font-weight:500;font-size:10px;font-variant-numeric:tabular-nums}.mc__log-row .mc-tag{color:var(--accent);font-weight:500}.mc__log-row--in{animation:mc-row-in .28s var(--ease-out)}.mc__log-row--empty b{color:var(--ink-4)}.mc__log-row--empty .mc__log-dim{color:var(--ink-4);opacity:.5}.mc__log-row--typing{grid-template-columns:1fr}.mc__log-typing{color:var(--ink-2);font-size:10.5px}.mc__caret{display:inline-block;width:6px;height:11px;background:var(--accent);vertical-align:-1px;margin-left:1px;animation:mc-blink .9s steps(2) infinite}@keyframes mc-row-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes mc-blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.mc__strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);font-size:9.5px;letter-spacing:.06em}.mc__strip>div{padding:8px 12px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:2px}.mc__strip>div:last-child{border-right:0}.mc__strip span{color:var(--ink-4);font-size:9px;text-transform:uppercase}.mc__strip b{color:var(--ink);font-weight:500;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.terminal{width:100%;max-width:460px;border:1px solid var(--rule);border-radius:10px;background:var(--bg-elev);font-family:var(--font-mono);font-size:12px;color:var(--ink-2);overflow:hidden;box-shadow:var(--shadow-1)}[data-theme=dark] .terminal{background:#0a0a0c;border-color:hsla(42,21%,91%,.1)}.terminal__bar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--rule);background:color-mix(in oklab,var(--bg-elev) 60%,var(--bg))}[data-theme=dark] .terminal__bar{background:#131316;border-bottom-color:hsla(42,21%,91%,.06)}.terminal__lights{display:inline-flex;gap:6px}.terminal__lights i{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--ink-4);opacity:.55}.terminal__lights i:first-child{background:#ff5f57;opacity:.85}.terminal__lights i:nth-child(2){background:#febc2e;opacity:.85}.terminal__lights i:nth-child(3){background:#28c840;opacity:.85}.terminal__title{font-size:10.5px;color:var(--ink-3);letter-spacing:.04em;margin-left:auto;margin-right:auto;padding-right:44px}.terminal__body{padding:14px 16px 16px;font-size:12.5px;line-height:1.7;letter-spacing:-.005em;white-space:pre-wrap;min-height:200px}.term-line{display:block}.term-prompt{color:var(--accent);-webkit-user-select:none;-moz-user-select:none;user-select:none}.term-cmd{color:var(--ink)}.term-out{color:var(--ink-2)}.term-dim{color:var(--ink-3)}.term-key{color:var(--accent)}.term-str{color:var(--ink);font-style:italic}.term-comment{color:var(--ink-4)}.term-cursor{display:inline-block;width:7px;height:14px;background:var(--accent);vertical-align:-2px;margin-left:2px;animation:term-blink 1.05s steps(2) infinite}@keyframes term-blink{0%,49%{opacity:1}50%,to{opacity:0}}.now{display:inline-flex;align-items:center;gap:10px;padding:7px 12px 7px 10px;border:1px solid var(--rule);border-radius:999px;background:var(--bg-elev);font-family:var(--font-mono);font-size:11.5px;color:var(--ink-2);letter-spacing:-.005em}.now__dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18);animation:pulse 2.6s var(--ease-out) infinite}[data-theme=dark] .now__dot{background:#4ade80}.now__label{color:var(--ink-3)}.posts{max-width:var(--container);margin:0 auto;padding:0 var(--sp-5) var(--sp-9)}.posts__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-5);margin-bottom:var(--sp-6);border-bottom:1px solid var(--rule)}.posts__title{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;display:flex;align-items:center;gap:8px}.posts__count{color:var(--ink-4)}.posts__archive-link{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);letter-spacing:-.005em;transition:color var(--dur-fast) var(--ease-out)}.posts__archive-link:hover{color:var(--accent)}.post-list{display:flex;flex-direction:column}.post-list .post-row{display:grid;grid-template-columns:96px 1fr 220px;gap:var(--sp-6);align-items:start;padding:var(--sp-5) 0;border-bottom:1px solid var(--rule);transition:padding var(--dur) var(--ease-out);position:relative}.post-list .post-row:hover{padding-left:14px}.post-list .post-row:before{content:"";position:absolute;left:-2px;top:50%;width:0;height:1px;background:var(--accent);transform:translateY(-50%);transition:width var(--dur) var(--ease-out)}.post-list .post-row:hover:before{width:10px}.post-list .post-row__date{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.post-list .post-row__date b{display:block;color:var(--ink-2);font-weight:500}.post-list .post-row__main{min-width:0}.post-list .post-row__title{font-family:var(--font-serif);font-weight:500;font-size:var(--fs-xl);line-height:1.3;letter-spacing:-.012em;color:var(--ink);margin:0 0 6px;display:inline;background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:background-size var(--dur) var(--ease-out),color var(--dur-fast) var(--ease-out);-webkit-text-fill-color:currentColor;background-clip:padding-box}.post-list .post-row:hover .post-row__title{background-size:100% 1px}.post-list .post-row__excerpt{font-family:var(--font-serif);font-size:14.5px;line-height:1.55;color:var(--ink-2);margin:4px 0 10px;max-width:60ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-list .post-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:-.005em}.post-list .post-row__meta .dot{width:2px;height:2px;border-radius:50%;background:var(--ink-4)}.tag{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);padding:2px 7px;border:1px solid var(--rule);border-radius:4px;background:var(--bg-elev);letter-spacing:.01em;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.tag:hover{color:var(--accent);border-color:var(--accent)}.post-list .post-row__cover{width:220px;height:132px;border-radius:8px;overflow:hidden;background:var(--bg-elev);border:1px solid var(--rule);position:relative;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.post-list .post-row:hover .post-row__cover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.post-list .post-row__cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.95);transition:transform .6s var(--ease-out)}.post-list .post-row:hover .post-row__cover img{transform:scale(1.04)}.post-masonry{-moz-columns:3;column-count:3;-moz-column-gap:var(--sp-5);column-gap:var(--sp-5)}@media (max-width:900px){.post-masonry{-moz-columns:2;column-count:2}}@media (max-width:600px){.post-masonry{-moz-columns:1;column-count:1}}.post-card{-moz-column-break-inside:avoid;break-inside:avoid;margin:0 0 var(--sp-5);padding:0;border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elev);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out);position:relative}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--rule-strong)}.post-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform var(--dur) var(--ease-out)}.post-card:hover:before{transform:scaleY(1)}.post-card__cover{position:relative;aspect-ratio:16/9;background:var(--bg-code);overflow:hidden}.post-card__cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.95)}.post-card__body{padding:var(--sp-4) var(--sp-5) var(--sp-5)}.post-card__date{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.post-card__title{font-family:var(--font-serif);font-weight:500;font-size:var(--fs-lg);line-height:1.3;letter-spacing:-.012em;margin:0 0 8px;color:var(--ink)}.post-card__excerpt{font-family:var(--font-serif);font-size:14px;line-height:1.55;color:var(--ink-2);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3)}.post-card--text .post-card__body{padding:var(--sp-5)}.post-card--text .post-card__title{font-size:var(--fs-xl);margin-top:4px}.post-card--quote{background:transparent;border-style:dashed}.post-card--quote .post-card__title{font-style:italic;font-weight:400;font-family:var(--font-serif);font-size:var(--fs-xl);line-height:1.4}.post-card--quote .post-card__title:before{content:"“";color:var(--accent);margin-right:2px}.site-footer{border-top:1px solid var(--rule);padding:var(--sp-5) var(--sp-5);margin-top:auto}.site-footer__inner{max-width:var(--container);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-5);flex-wrap:wrap;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);letter-spacing:-.005em}.site-footer__brand{display:flex;flex-direction:column;gap:6px}.site-footer__brand b{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:15px;color:var(--ink);letter-spacing:-.01em}.site-footer__links{display:flex;gap:var(--sp-4);align-items:center}.site-footer__links a{color:var(--ink-2);display:inline-flex;align-items:center;gap:5px;transition:color var(--dur-fast) var(--ease-out)}.site-footer__links a:hover{color:var(--accent)}.site-footer__links svg{width:13px;height:13px}.cmdk-overlay{position:fixed;inset:0;background:color-mix(in oklab,var(--bg) 40%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:flex;justify-content:center;align-items:flex-start;padding-top:14vh;animation:fade-in .2s var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.cmdk{width:560px;max-width:calc(100vw - 32px);background:var(--bg);border:1px solid var(--rule-strong);border-radius:12px;box-shadow:var(--shadow-2);overflow:hidden;animation:cmdk-in .28s var(--ease-out)}@keyframes cmdk-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.cmdk__input{width:100%;border:0;outline:0;padding:16px 20px;font-family:var(--font-serif);font-size:17px;letter-spacing:-.01em;color:var(--ink);background:transparent;border-bottom:1px solid var(--rule)}.cmdk__input::-moz-placeholder{color:var(--ink-4);font-style:italic}.cmdk__input::placeholder{color:var(--ink-4);font-style:italic}.cmdk__list{max-height:50vh;overflow-y:auto;padding:8px 0}.cmdk__group{padding:8px 20px 4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4)}.cmdk__item{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:default;font-family:var(--font-sans);font-size:14px;color:var(--ink-2);transition:background var(--dur-fast) var(--ease-out);border-left:2px solid transparent}.cmdk__item.is-active{background:var(--accent-soft);color:var(--ink);border-left-color:var(--accent)}.cmdk__item-icon{width:16px;height:16px;color:var(--ink-3);flex-shrink:0}.cmdk__item-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk__footer,.cmdk__item-meta{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-4)}.cmdk__footer{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-top:1px solid var(--rule);background:var(--bg-elev)}.cmdk__footer kbd{font-family:var(--font-mono);font-size:10px;padding:1px 5px;border:1px solid var(--rule);border-radius:3px;background:var(--bg);color:var(--ink-3);margin:0 2px}@media (max-width:760px){.post-list .post-row{grid-template-columns:1fr;gap:var(--sp-3)}.post-list .post-row__date{font-size:11px}.post-list .post-row__date b{display:inline}.post-list .post-row__cover{width:100%;height:180px}.nav{display:none}.nav-toggle{display:inline-flex}.site-header[data-mobile-open=true] .nav{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:64px;left:0;right:0;padding:8px var(--sp-5) 16px;background:var(--bg-elev);border-bottom:1px solid var(--rule);z-index:50;animation:navDrawerSlide .22s var(--ease-out)}.site-header[data-mobile-open=true] .nav a{padding:14px 4px;font-size:16px;border-bottom:1px solid var(--rule);line-height:1.2}.site-header[data-mobile-open=true] .nav a:last-child{border-bottom:0}.site-header[data-mobile-open=true] .nav a.is-active:after{display:none}.site-header[data-mobile-open=true] .nav a.is-active{color:var(--accent)}.search-trigger{min-width:44px;min-height:44px;padding:6px 12px;justify-content:center}.search-trigger__hint,.search-trigger__placeholder{display:none}.hero{padding-top:56px;padding-bottom:40px}.hero__right{display:none}.wordmark{padding:10px 0}.lang-toggle,.theme-toggle{width:44px;height:44px}.site-footer__links a{min-height:44px}.posts__archive-link,.site-footer__links a{padding:8px 4px;display:inline-flex;align-items:center}.posts__archive-link{min-height:36px}}@keyframes navDrawerSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.site-header[data-mobile-open=true] .nav{animation:none}}.reveal{opacity:0;transform:translateY(8px);animation:reveal .6s var(--ease-out) forwards}@keyframes reveal{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;animation:none}}.notfound{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:40px var(--sp-5)}.notfound__panel{width:100%;max-width:560px;border:1px solid var(--rule);border-radius:10px;background:var(--bg-elev);padding:28px 30px;font-family:var(--font-mono);font-size:13px;color:var(--ink-2);line-height:1.7;position:relative;overflow:hidden}.notfound__bar{display:flex;align-items:center;gap:10px;margin:-28px -30px 22px;padding:10px 16px;background:color-mix(in oklab,var(--bg-elev) 60%,var(--bg));border-bottom:1px solid var(--rule);font-size:11.5px;letter-spacing:.04em;color:var(--ink-3)}.notfound__bar b{color:var(--ink);font-weight:500}.notfound__bar .dot{width:8px;height:8px;border-radius:50%;background:#c89c2b;animation:pulse 1.6s infinite}.notfound__line{display:block}.notfound__line.warn{color:#b08620}[data-theme=dark] .notfound__line.warn{color:#d4a857}.notfound__line.muted{color:var(--ink-4)}.notfound__line.coral{color:var(--accent)}.notfound__big{font-family:var(--font-serif);font-weight:500;font-size:64px;line-height:1;letter-spacing:-.025em;color:var(--ink);margin:22px 0 14px;font-feature-settings:"tnum"}.notfound__big em{font-style:italic;color:var(--accent);font-weight:400}.notfound__path{display:inline-block;padding:2px 8px;background:var(--bg);border:1px solid var(--rule);border-radius:4px;color:var(--ink);font-size:12px;margin:0 2px;word-break:break-all}.notfound__actions{margin-top:24px;padding-top:18px;border-top:1px dashed var(--rule);display:flex;flex-wrap:wrap;gap:8px}.notfound__actions a{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;font-family:var(--font-mono);font-size:12px;border:1px solid var(--rule);border-radius:5px;color:var(--ink);background:var(--bg);transition:border-color,color,transform .2s}.notfound__actions a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.notfound__actions a.is-primary{border-color:color-mix(in oklab,var(--accent) 40%,var(--rule));color:var(--accent);background:var(--accent-soft)}.notfound__rocket{position:absolute;right:24px;top:60px;font-size:28px;opacity:.18;transform:rotate(-12deg);filter:grayscale(.4);pointer-events:none}.og-page{max-width:1100px;margin:0 auto;padding:56px var(--sp-5) var(--sp-9)}.og-page__title{font-family:var(--font-serif);font-weight:500;font-size:32px;letter-spacing:-.02em;margin:0 0 8px}.og-page__title em{font-style:italic;color:var(--accent);font-weight:400}.og-page__sub{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);margin:0 0 32px;letter-spacing:-.005em}.og-stack{display:flex;flex-direction:column;gap:36px}.og-row{display:grid;grid-template-columns:80px 1fr;gap:22px;align-items:start}.og-row__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);padding-top:12px}.og-card{width:100%;max-width:800px;aspect-ratio:1200/630;border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:var(--bg);display:grid;grid-template-rows:auto 1fr auto;padding:36px 44px;position:relative;font-family:var(--font-serif);box-shadow:var(--shadow-1)}.og-card--coral{background:var(--accent);color:#fff}.og-card--coral .og-mark,.og-card--coral .og-meta{color:hsla(0,0%,100%,.7)}.og-card--dark{background:#1a1815;color:#f5f1e9}.og-card--dark .og-mark,.og-card--dark .og-meta{color:hsla(40,37%,94%,.5)}.og-mark{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--ink-3);letter-spacing:-.005em}.og-mark__dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.og-card--coral .og-mark__dot{background:#fff;box-shadow:0 0 0 4px hsla(0,0%,100%,.18)}.og-card--dark .og-mark__dot{background:var(--accent);box-shadow:0 0 0 4px rgba(217,119,87,.18)}.og-title{font-family:var(--font-serif);font-weight:500;font-size:44px;line-height:1.15;letter-spacing:-.022em;margin:0;align-self:center;text-wrap:balance}.og-title em{font-style:italic}.og-card--default .og-title{color:var(--ink)}.og-card--default .og-title em{color:var(--accent)}.og-meta{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:13px;color:var(--ink-3);letter-spacing:-.005em}.og-meta .sep{width:2px;height:2px;border-radius:50%;background:currentColor;opacity:.4}.og-card__deco{position:absolute;right:36px;top:36px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-4);text-transform:uppercase}.og-card--coral .og-card__deco{color:hsla(0,0%,100%,.6)}.og-card--dark .og-card__deco{color:hsla(40,37%,94%,.4)}.og-spec{font-family:var(--font-mono);font-size:11.5px;line-height:1.7;color:var(--ink-3);margin-top:10px;letter-spacing:-.005em}.og-spec b{color:var(--ink);font-weight:500}.projects-shell{max-width:1100px;margin:0 auto;padding:56px var(--sp-5) var(--sp-9)}.projects-hero{margin-bottom:56px}.projects-hero__title{font-family:var(--font-serif);font-size:var(--fs-4xl);font-weight:500;line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin:0 0 18px}.projects-hero__sub{font-family:var(--font-serif);font-size:var(--fs-lg);line-height:1.6;color:var(--ink-3);margin:0;font-style:italic}.projects-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.project-card{background:var(--bg-elev);border-radius:var(--radius-lg);padding:18px 22px 16px;display:flex;flex-direction:column;gap:10px;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.project-card__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4)}.project-card__name{font-family:var(--font-serif);font-size:var(--fs-lg);font-weight:500;letter-spacing:-.01em;color:var(--ink);margin:0}.project-card__date{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--ink-4);white-space:nowrap}.project-card__desc{font-family:var(--font-serif);font-size:var(--fs-base);line-height:1.55;color:var(--ink-2);margin:0;flex:1}.project-card__foot{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding-top:12px;border-top:1px dashed var(--rule)}.project-card__url{font-family:var(--font-mono);font-size:12px;color:var(--ink-2);letter-spacing:.01em;transition:color var(--dur-fast);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.project-card__url:hover{color:var(--accent)}.project-card__github{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;color:var(--ink-2);padding:4px 10px;border:1px solid var(--rule);border-radius:999px;background:var(--bg);transition:color var(--dur-fast),border-color var(--dur-fast),background var(--dur-fast)}.project-card__github:hover{color:var(--accent);border-color:var(--accent)}.project-card__github svg{display:block}@media (max-width:960px){.projects-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.projects-shell{padding:40px var(--sp-4) var(--sp-7)}.projects-hero{margin-bottom:40px}.projects-hero__title{font-size:var(--fs-3xl)}.projects-grid{grid-template-columns:1fr}}.friends-shell{max-width:760px;margin:0 auto;padding:56px var(--sp-5) var(--sp-9)}.friends-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.friend-row{display:grid;grid-template-columns:180px 1fr auto;gap:18px;align-items:baseline;padding:14px 4px;border-bottom:1px solid var(--rule);transition:background .16s}.friend-row:hover{background:var(--bg-elev)}.friend-row__name{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--ink);text-transform:uppercase}.friend-row:hover .friend-row__name{color:var(--accent)}.friend-row__bio{font-family:var(--font-serif);font-size:15px;color:var(--ink-2);line-height:1.5}.friend-row__url{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-4);letter-spacing:.02em;white-space:nowrap}.friend-row:hover .friend-row__url{color:var(--accent)}@media (max-width:600px){.friend-row{grid-template-columns:1fr;gap:4px;padding:12px 4px}.friend-row__url{font-size:11px}}.friends-shell--legacy{max-width:880px;margin:0 auto;padding:56px var(--sp-5) var(--sp-9)}.friends-intro{font-family:var(--font-serif);font-size:17px;line-height:1.7;color:var(--ink-2);margin:0 0 36px;max-width:56ch}.friends-intro a{color:var(--ink);border-bottom:1px solid var(--accent)}.friends-intro a:hover{color:var(--accent)}.friends-intro--foot{margin:40px 0 0;font-size:14.5px;color:var(--ink-3)}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.friend-card{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--rule);border-radius:8px;background:var(--bg-elev);transition:border-color,transform,box-shadow .2s var(--ease-out);text-decoration:none;color:inherit}.friend-card:hover{border-color:color-mix(in oklab,var(--accent) 30%,var(--rule));transform:translateY(-2px);box-shadow:var(--shadow-1)}.friend-card__avatar{width:36px;height:36px;border-radius:50%;background:var(--bg);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:16px;color:var(--accent)}.friend-card:hover .friend-card__avatar{border-color:var(--accent)}.friend-card__name{font-family:var(--font-serif);font-weight:500;font-size:15px;letter-spacing:-.005em;color:var(--ink);margin:0 0 2px}.friend-card:hover .friend-card__name{color:var(--accent)}.friend-card__bio{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);letter-spacing:-.005em;line-height:1.5;margin:0}.friend-card__url{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-4);margin-top:4px;letter-spacing:.02em}.friends-section+.friends-section{margin-top:48px}.friends-section__head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.friends-section__title{font-family:var(--font-serif);font-weight:500;font-size:22px;letter-spacing:-.015em;color:var(--ink);margin:0;flex:0 0 auto}.friends-section__title em{font-style:italic;color:var(--accent);font-weight:400}.friends-section__rule{flex:1;height:1px;background:var(--rule);position:relative;top:-3px}.friends-section__count{font-family:var(--font-mono);font-size:11px;color:var(--ink-4);letter-spacing:.04em}.friends-howto{margin-top:56px;padding:18px 20px;border:1px dashed var(--rule);border-radius:8px;font-family:var(--font-mono);font-size:12px;line-height:1.7;color:var(--ink-3);letter-spacing:-.005em}.friends-howto b{color:var(--ink);font-weight:500}.friends-howto code{background:var(--bg-elev);padding:1px 6px;border:1px solid var(--rule);border-radius:4px;color:var(--ink-2)}.about-shell{max-width:880px;margin:0 auto;padding:56px var(--sp-5) var(--sp-9)}@media (max-width:720px){.about-shell{padding-top:40px}}.about-hero{display:grid;grid-template-columns:80px 1fr;gap:24px;align-items:start;margin-bottom:48px;padding-bottom:36px;border-bottom:1px solid var(--rule);position:relative}@media (max-width:600px){.about-hero{grid-template-columns:1fr;gap:18px}}.about-hero__avatar{width:80px;height:80px;border-radius:50%;background:var(--bg-elev);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:38px;color:var(--accent);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:transform .24s var(--ease-out),border-color .2s;position:relative;overflow:hidden}.about-hero__avatar:hover{transform:rotate(-6deg) scale(1.04);border-color:var(--accent)}.about-hero__avatar.is-secret{animation:avatarSpin 1s var(--ease-out)}@keyframes avatarSpin{0%{transform:rotate(0)}50%{transform:rotate(1turn) scale(1.15)}to{transform:rotate(0)}}.about-hero__crumb{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;display:flex;align-items:center;gap:8px}.about-hero__crumb:before{content:"";width:18px;height:1px;background:var(--accent)}.about-hero__title{font-family:var(--font-serif);font-weight:500;font-size:clamp(30px,4.2vw,44px);line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin:0 0 14px}.about-hero__title em{font-style:italic;color:var(--accent);font-weight:400}.about-hero__intro{font-family:var(--font-serif);font-size:18px;line-height:1.7;color:var(--ink-2);margin:0;max-width:56ch;text-wrap:pretty}.about-hero__pulse{position:absolute;pointer-events:none;width:10px;height:10px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .2s;filter:blur(.4px)}.about-section{margin-top:64px}.about-section__head{display:flex;align-items:baseline;gap:12px;margin-bottom:28px}.about-section__num{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--accent);font-weight:500}.about-section__title{font-family:var(--font-serif);font-weight:500;font-size:26px;letter-spacing:-.018em;color:var(--ink);margin:0;flex:0 0 auto;white-space:nowrap}.about-section__title em{font-style:italic}.about-section__rule{flex:1;height:1px;background:var(--rule);position:relative;top:-3px}.faq-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--rule)}.faq-item{border-bottom:1px solid var(--rule);padding:0}.faq-item__q{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-align:left;padding:18px 4px;background:transparent;border:0;font:inherit;cursor:pointer;color:var(--ink);transition:color .16s}.faq-item__q:hover,.faq-item__q:hover .faq-item__num{color:var(--accent)}.faq-item__num{font-family:var(--font-mono);font-size:11px;color:var(--ink-4);letter-spacing:.04em;font-variant-numeric:tabular-nums;transition:color .16s}.faq-item__text{font-family:var(--font-serif);font-weight:500;font-size:18px;line-height:1.4;letter-spacing:-.01em}.faq-item__chev{width:14px;height:14px;color:var(--ink-3);transition:transform .24s var(--ease-out),color .16s}.faq-item.is-open .faq-item__chev{transform:rotate(180deg);color:var(--accent)}.faq-item__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s var(--ease-out);font-family:var(--font-serif);font-size:16px;line-height:1.75;color:var(--ink-2)}.faq-item__a-inner{overflow:hidden}.faq-item.is-open .faq-item__a{grid-template-rows:1fr}.faq-item__a-content{padding:0 4px 22px 36px}.faq-item__a-content>*+*{margin-top:.8em}.faq-item__a-content a{color:var(--ink);border-bottom:1px solid var(--accent)}.faq-item__a-content a:hover{color:var(--accent)}.faq-item__a-content code{font-family:var(--font-mono);font-size:.86em;padding:1px 6px;background:var(--bg-elev);border:1px solid var(--rule);border-radius:4px}.now-card{border:1px solid var(--rule);border-radius:10px;background:var(--bg-elev);padding:22px 24px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;position:relative}.now-card__badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;color:var(--accent);border:1px solid color-mix(in oklab,var(--accent) 30%,var(--rule));padding:4px 8px;border-radius:4px;background:var(--accent-soft)}.now-card__badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2.4s infinite}.now-card__list{display:flex;flex-direction:column;gap:8px;font-family:var(--font-serif);font-size:16px;line-height:1.65;color:var(--ink)}.now-card__list li{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:baseline;list-style:none}.now-card__list b{font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.now-card__list b,.now-card__updated{font-family:var(--font-mono);font-size:10.5px}.now-card__updated{color:var(--ink-4);margin-top:14px;padding-top:14px;border-top:1px dashed var(--rule);grid-column:1/-1}.timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:var(--rule)}.timeline__item{position:relative;padding:8px 0 24px}.timeline__item:before{content:"";position:absolute;left:-22px;top:14px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--ink-3);transition:border-color .24s,background .24s}.timeline__item.is-now:before{border-color:var(--accent);background:var(--accent)}.timeline__year{font-family:var(--font-mono);font-size:11.5px;font-weight:500;letter-spacing:.04em;color:var(--ink-3);font-variant-numeric:tabular-nums;margin-bottom:4px}.timeline__item.is-now .timeline__year{color:var(--accent)}.timeline__title{font-family:var(--font-serif);font-weight:500;font-size:17px;line-height:1.4;letter-spacing:-.005em;color:var(--ink);margin:0 0 4px}.timeline__title em{font-style:italic;color:var(--accent);font-weight:400}.timeline__desc{font-family:var(--font-serif);font-size:15px;line-height:1.65;color:var(--ink-2);margin:0;max-width:60ch}.stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.stack-card{border:1px solid var(--rule);border-radius:8px;padding:14px 16px;background:var(--bg-elev);transition:border-color .2s,transform .2s var(--ease-out)}.stack-card:hover{border-color:color-mix(in oklab,var(--accent) 30%,var(--rule));transform:translateY(-2px)}.stack-card__cat{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.stack-card__items{display:flex;flex-direction:column;gap:4px;font-family:var(--font-serif);font-size:14.5px;color:var(--ink);line-height:1.55}.stack-card__items span.dim{color:var(--ink-3);font-size:12.5px;font-family:var(--font-mono)}.hobby-list{display:flex;flex-wrap:wrap;gap:8px}.hobby-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;white-space:nowrap;font-family:var(--font-serif);font-size:14px;color:var(--ink);border:1px solid var(--rule);border-radius:22px;background:var(--bg-elev);transition:border-color,color,transform .2s var(--ease-out);cursor:default}.hobby-chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.hobby-chip__icon{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.04em}.hobby-chip:hover .hobby-chip__icon{color:var(--accent)}.contact-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--rule)}.contact-row{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--rule);font-family:var(--font-mono);font-size:13px;color:var(--ink);transition:background .2s}.contact-row:hover{background:var(--bg-elev)}.contact-row__label{color:var(--ink-3);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.contact-row__value{font-family:var(--font-mono);font-size:14px;color:var(--ink)}.contact-row a.contact-row__value{color:var(--ink);border:0!important}.contact-row:hover .contact-row__value{color:var(--accent)}.contact-row__hint{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-4);letter-spacing:.04em}.egg-rocket{position:fixed;left:50%;bottom:80px;width:36px;height:36px;transform:translateX(-50%) translateY(0);pointer-events:none;z-index:90;color:var(--accent);filter:drop-shadow(0 2px 8px color-mix(in oklab,var(--accent) 40%,transparent))}.egg-rocket svg{width:100%;height:100%;display:block}.egg-rocket.is-launching{animation:eggLaunch 2.4s cubic-bezier(.5,0,.7,1) forwards}@keyframes eggLaunch{0%{transform:translateX(-50%) translateY(0);opacity:1}15%{transform:translateX(-50%) translateY(-30px);opacity:1}to{transform:translateX(-50%) translateY(-110vh);opacity:.4}}.egg-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:91;padding:7px 12px;border:1px solid var(--rule);border-radius:4px;background:var(--bg-elev);font-family:var(--font-mono);font-size:11px;color:var(--ink-2);letter-spacing:.04em;display:inline-flex;align-items:center;gap:8px;animation:eggToast 2.2s var(--ease-out) forwards;pointer-events:none}.egg-toast__tag{color:var(--accent);font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:10px}@keyframes eggToast{0%{opacity:0;transform:translate(-50%,8px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}.kbd-hint{color:var(--ink-4);letter-spacing:.04em;margin-top:32px;padding-top:18px;border-top:1px dashed var(--rule);text-align:center}.kbd-hint,.kbd-hint kbd{font-family:var(--font-mono);font-size:10.5px}.kbd-hint kbd{border:solid var(--rule);border-width:1px 1px 2px;border-radius:4px;padding:1px 6px;background:var(--bg-elev);color:var(--ink-2)}.archive-shell{max-width:1180px;margin:0 auto;padding:56px var(--sp-5) var(--sp-9)}@media (max-width:720px){.archive-shell{padding-top:40px}}.archive-head{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--rule)}.archive-head__crumb{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px;display:flex;align-items:center;gap:8px}.archive-head__crumb:before{content:"";width:18px;height:1px;background:var(--accent)}.archive-head__title{font-family:var(--font-serif);font-weight:500;font-size:clamp(34px,4.4vw,48px);line-height:1.1;letter-spacing:-.022em;color:var(--ink);margin:0 0 10px}.archive-head__title em{font-style:italic;color:var(--accent);font-weight:400}.archive-head__stats{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:-.005em}.archive-head__stats b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.archive-head__stats .sep{color:var(--ink-4)}.tag-filter{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-2);border:1px solid var(--rule);border-radius:4px;background:transparent;cursor:pointer;transition:border-color,color .16s;letter-spacing:-.005em}.tag-chip:hover{border-color:color-mix(in oklab,var(--accent) 30%,var(--rule));color:var(--accent)}.tag-chip__count{font-size:10px;color:var(--ink-4);font-variant-numeric:tabular-nums}.tag-chip:hover .tag-chip__count{color:color-mix(in oklab,var(--accent) 60%,var(--ink-3))}.tag-chip.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.tag-chip.is-active .tag-chip__count{color:var(--accent)}.tag-clear{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:transparent;border:0;cursor:pointer;padding:4px 8px;transition:color .16s}.tag-clear:hover{color:var(--accent)}.archive-grid{display:grid;grid-template-columns:120px 1fr;gap:56px;align-items:start}.year-rail{position:sticky;top:100px;align-self:start;font-family:var(--font-mono);font-size:12px;display:flex;flex-direction:column;gap:0}.year-rail__head{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--rule)}.year-rail__item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 4px 8px 12px;font-variant-numeric:tabular-nums;color:var(--ink-3);cursor:pointer;background:transparent;border:0;border-left:1px solid var(--rule);text-align:left;font-family:inherit;font-size:inherit;transition:color,border-left-color .16s}.year-rail__item:hover{color:var(--ink);border-left-color:var(--ink-3)}.year-rail__item.is-active{color:var(--accent);border-left-color:var(--accent);font-weight:500}.year-rail__item .count{font-size:10.5px;color:var(--ink-4);font-feature-settings:"tnum"}.year-rail__item.is-active .count{color:var(--accent)}.year-group{margin-bottom:56px;scroll-margin-top:100px}.year-group:last-child{margin-bottom:0}.year-group__head{display:flex;align-items:baseline;gap:16px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--rule)}.year-group__year{font-family:var(--font-serif);font-weight:500;font-style:italic;font-size:38px;letter-spacing:-.025em;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}.year-group__count{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--ink-3);font-variant-numeric:tabular-nums}.year-group__rule{flex:1;height:1px;background:var(--rule);position:relative;top:-8px}.post-rows{display:flex;flex-direction:column;gap:0}.post-row{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:baseline;padding:14px 4px;border-bottom:1px solid var(--rule);text-decoration:none;position:relative;transition:padding .2s var(--ease-out)}.post-row:last-child{border-bottom:0}.post-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .24s var(--ease-out)}.post-row:hover{padding-left:12px}.post-row:hover:before{transform:scaleY(1)}.post-row:hover .post-row__title{color:var(--accent)}.post-row__date{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:-.005em;white-space:nowrap}.post-row__title{font-family:var(--font-serif);font-size:17px;font-weight:500;letter-spacing:-.005em;color:var(--ink);line-height:1.4;transition:color .16s;text-wrap:pretty}.post-row__tags{display:flex;gap:6px;flex-wrap:nowrap;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);letter-spacing:-.005em;white-space:nowrap}.post-row__tags span{padding:2px 7px;border:1px solid var(--rule);border-radius:3px;transition:border-color,color .16s}.post-row:hover .post-row__tags span{border-color:color-mix(in oklab,var(--accent) 30%,var(--rule))}.post-row__tags span.is-match{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 40%,var(--rule));background:var(--accent-soft)}@media (max-width:600px){.post-row{grid-template-columns:minmax(0,1fr);gap:4px;padding-left:0!important}.post-row__date{font-size:10.5px}.post-row__tags{margin-top:4px;flex-wrap:wrap;white-space:normal}}.archive-empty{padding:80px 20px;text-align:center;font-family:var(--font-mono);font-size:13px;color:var(--ink-3)}.archive-empty b{color:var(--accent);font-weight:500}@media (max-width:760px){.archive-grid{grid-template-columns:1fr;gap:24px}.year-rail{display:none}}.tags-shell{max-width:1180px;margin:0 auto;padding:56px var(--sp-5) var(--sp-9)}@media (max-width:720px){.tags-shell{padding-top:40px}}.tag-pills{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--rule)}.tag-pill{font:inherit;font-family:var(--font-mono);font-size:13px;padding:6px 12px;border:1px solid var(--tag-bd,var(--rule));border-radius:22px;background:var(--tag-bg,var(--bg-elev));color:var(--tag-fg,var(--ink-2));cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:color,border-color,background,transform .18s var(--ease-out);letter-spacing:-.005em}.tag-pill:hover{color:var(--tag-color);border-color:var(--tag-color);transform:translateY(-1px)}.tag-pill.is-active{color:var(--bg);background:var(--tag-color);border-color:var(--tag-color)}[data-theme=dark] .tag-pill:not(.is-active){background:color-mix(in oklab,var(--tag-bg,var(--bg-elev)) 35%,var(--bg-elev));color:color-mix(in oklab,var(--tag-fg,var(--ink-2)) 70%,var(--ink-2));border-color:color-mix(in oklab,var(--tag-bd,var(--rule)) 50%,var(--rule))}[data-theme=dark] .tag-cloud__item{color:color-mix(in oklab,var(--tag-color,var(--ink)) 65%,var(--ink-2))}.tag-pill__count{font-size:10.5px;opacity:.7;font-variant-numeric:tabular-nums}.tag-posts__head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.tag-posts__name{font-family:var(--font-mono);font-size:16px;font-weight:500;letter-spacing:-.005em}.tag-posts__count{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.tag-posts__rule{flex:1;height:1px;background:var(--rule);align-self:center}.tag-groups{display:flex;flex-direction:column;gap:0}.tag-group{border-bottom:1px solid var(--rule)}.tag-group:first-child{border-top:1px solid var(--rule)}.tag-group__head{width:100%;display:flex;align-items:baseline;gap:12px;padding:14px 4px;background:transparent;border:0;text-align:left;cursor:pointer;font:inherit;color:var(--ink);transition:background .16s}.tag-group__head:hover{background:var(--bg-elev)}.tag-group__chev{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);width:12px;display:inline-block;transition:transform .2s var(--ease-out)}.tag-group.is-open .tag-group__chev{transform:rotate(90deg);color:var(--accent)}.tag-group__name{font-family:var(--font-mono);font-size:15px;font-weight:500;letter-spacing:-.005em}.tag-group__count{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.tag-group__rule{flex:1;height:1px;background:var(--rule);align-self:center}.tag-group__body{padding:4px 0 18px 24px;animation:tagGroupOpen .24s var(--ease-out)}@keyframes tagGroupOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tags-toggle-all{font:inherit;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);background:transparent;border:0;padding:0;cursor:pointer;transition:color .16s;letter-spacing:-.005em}.tags-toggle-all:hover{color:var(--accent)}.tags-head{margin-bottom:48px;padding-bottom:28px;border-bottom:1px solid var(--rule)}.tags-head__crumb{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px;display:flex;align-items:center;gap:8px}.tags-head__crumb:before{content:"";width:18px;height:1px;background:var(--accent)}.tags-head__title{font-family:var(--font-serif);font-weight:500;font-size:clamp(34px,4.4vw,52px);line-height:1.1;letter-spacing:-.022em;margin:0 0 18px;color:var(--ink)}.tags-head__title em{font-style:italic;color:var(--accent);font-weight:400}.tags-head__stats{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-3);letter-spacing:-.005em}.tags-head__stats b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.tags-head__stats .sep{color:var(--ink-4)}.tag-cloud{display:flex;flex-wrap:wrap;gap:14px 16px;align-items:baseline;margin-bottom:64px;padding:12px 0}.tag-cloud__item{font-family:var(--font-serif);font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:opacity .2s,transform .2s var(--ease-out);display:inline-flex;align-items:baseline;gap:4px;background:transparent;border:0;padding:0;color:var(--tag-color,var(--ink));line-height:1.1}.tag-cloud__item:hover{transform:translateY(-2px)}.tag-cloud__item .count{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--ink-4);letter-spacing:.04em;vertical-align:super}.tag-cloud__item.is-dim{opacity:.35}.tag-cloud__item.is-active{text-decoration:underline;text-decoration-color:var(--tag-color);text-underline-offset:4px;text-decoration-thickness:2px}.tags-section-head{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}.tags-section-head__num{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--accent);font-weight:500}.tags-section-head__title{font-family:var(--font-serif);font-weight:500;font-size:22px;letter-spacing:-.018em;color:var(--ink);margin:0}.tags-section-head__rule{flex:1;height:1px;background:var(--rule);position:relative;top:-3px}.tag-graph{border:1px solid var(--rule);border-radius:10px;background:var(--bg-elev);padding:14px;margin-bottom:64px;position:relative;overflow:hidden}.tag-graph__svg{width:100%;height:460px;display:block;cursor:grab}.tag-graph__svg:active{cursor:grabbing}.tag-graph__legend{position:absolute;bottom:14px;left:18px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-4);letter-spacing:.04em;pointer-events:none}.tag-graph__legend b{color:var(--ink-3);font-weight:500}.tg-node-circle{cursor:pointer;transition:filter .16s}.tg-node-circle:hover{filter:brightness(1.15)}.tg-node-label{font-family:var(--font-mono);font-size:11px;pointer-events:none;letter-spacing:-.005em;font-weight:500}.tg-edge{pointer-events:none;transition:stroke-opacity .2s}.tag-detail-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--rule)}.tag-detail-bar__back{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);background:transparent;border:1px solid var(--rule);border-radius:5px;padding:5px 10px;cursor:pointer;transition:color,border-color .16s}.tag-detail-bar__back:hover{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 30%,var(--rule))}