:root{--color-bg: #faf9f5;--color-bg-subtle: #f4f2ea;--color-surface: #f0eee6;--color-surface-hover: #e8e5da;--color-surface-raised: #ffffff;--color-heading: #0f2740;--color-on-primary: #faf9f5;--color-ink: #141413;--color-ink-soft: #3d3d3a;--color-muted: #5e5d59;--color-faint: #87867f;--color-border: rgba(20, 20, 19, .12);--color-border-strong: rgba(20, 20, 19, .22);--color-border-soft: rgba(20, 20, 19, .07);--color-primary: #1a4066;--color-primary-hover: #23527e;--color-primary-deep: #0f2740;--color-primary-mid: #2f5f8c;--color-primary-soft: #e6edf4;--color-primary-ink: #15324f;--color-accent: var(--color-primary);--color-accent-hover: var(--color-primary-hover);--color-accent-soft: var(--color-primary-soft);--color-accent-ink: var(--color-primary-ink);--color-success: #3f7a58;--color-success-soft: #e6f0e9;--color-warning: #9a6f1c;--color-warning-soft: #f5eddb;--color-danger: #a8392c;--color-danger-soft: #f7e6e3;--color-overlay: rgba(14, 35, 54, .34);--color-on-deep: #faf9f5;--color-on-deep-muted: rgba(250, 249, 245, .72);--color-on-deep-border: rgba(250, 249, 245, .18);--font-serif: "Source Serif 4", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-hero: clamp(2.75rem, 7vw, 5.2rem);--fs-h1: clamp(2rem, 4.4vw, 3.1rem);--fs-h2: clamp(1.55rem, 2.6vw, 2.15rem);--fs-h3: 1.25rem;--fs-lead: clamp(1.125rem, 1.55vw, 1.375rem);--fs-body: 1.0625rem;--fs-small: .9375rem;--fs-micro: .8125rem;--fs-nano: .75rem;--lh-tight: 1.1;--lh-snug: 1.32;--lh-body: 1.78;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--ls-tight: -.021em;--ls-tighter: -.032em;--ls-normal: 0;--ls-wide: .08em;--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;--sp-10: 128px;--sp-11: 176px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-2xl: 32px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(14, 35, 54, .04);--shadow-sm: 0 2px 8px rgba(14, 35, 54, .06);--shadow-md: 0 8px 24px rgba(14, 35, 54, .08);--shadow-lg: 0 20px 48px rgba(14, 35, 54, .12);--container: 1200px;--container-narrow: 960px;--measure: 40rem;--gutter: clamp(20px, 4vw, 48px);--sidebar-w: 248px;--topbar-h: 60px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .42s}[data-theme=dark]{--color-bg: #0d1a26;--color-bg-subtle: #122230;--color-surface: #152838;--color-surface-hover: #1b3042;--color-surface-raised: #1a2e3f;--color-heading: #dfe8f1;--color-on-primary: #08151f;--color-ink: #f1efe7;--color-ink-soft: #d8d5ca;--color-muted: #a3a099;--color-faint: #7d7a73;--color-border: rgba(241, 239, 231, .13);--color-border-strong: rgba(241, 239, 231, .24);--color-border-soft: rgba(241, 239, 231, .07);--color-primary: #7aa8cd;--color-primary-hover: #95bcd9;--color-primary-deep: #071420;--color-primary-mid: #5d8fb8;--color-primary-soft: #17293a;--color-primary-ink: #a9cbe4;--color-success: #7fae86;--color-success-soft: #16281d;--color-warning: #d3a54a;--color-warning-soft: #2a2214;--color-danger: #dd8375;--color-danger-soft: #2c1a18;--color-overlay: rgba(0, 0, 0, .62);--color-on-deep: #f1efe7;--color-on-deep-muted: rgba(241, 239, 231, .7);--color-on-deep-border: rgba(241, 239, 231, .16);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .34);--shadow-md: 0 8px 24px rgba(0, 0, 0, .42);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .52);color-scheme:dark}@font-face{font-family:Inter;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";src:url(/fonts/source-serif-4-latin-wght-normal.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}body{min-height:100dvh;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);font-kerning:normal;font-variant-numeric:proportional-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:.005em;transition:background-color var(--dur-base) var(--ease-soft),color var(--dur-base) var(--ease-soft)}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;line-height:var(--lh-snug);letter-spacing:-.012em;color:var(--color-heading);text-wrap:balance}h1{font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:-.02em}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{text-wrap:pretty}strong{font-weight:600;color:var(--color-ink)}em{font-style:italic}a{color:var(--color-accent);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,var(--color-accent) 35%,transparent);transition:color var(--dur-fast) var(--ease-soft),text-decoration-color var(--dur-fast) var(--ease-soft)}a:hover{color:var(--color-accent-hover);text-decoration-color:currentColor}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.875em;letter-spacing:0}code{padding:.15em .4em;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:6px;color:var(--color-ink)}pre{position:relative;padding:var(--sp-5);overflow-x:auto;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--r-md);line-height:1.7;font-size:var(--fs-small)}pre code{padding:0;background:none;border:none;font-size:inherit}blockquote{padding:var(--sp-4) var(--sp-5);background:var(--color-bg-subtle);border-left:3px solid var(--color-accent);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--color-ink-soft)}blockquote p+p{margin-top:var(--sp-4)}hr{height:1px;border:0;background:var(--color-border);margin:var(--sp-8) 0}img,picture,svg{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}::selection{background:var(--color-accent-soft);color:var(--color-accent-ink)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--sp-4);top:-100px;z-index:10000;padding:var(--sp-3) var(--sp-4);background:var(--color-ink);color:var(--color-bg);font-size:var(--fs-small);border-radius:var(--r-sm);text-decoration:none;transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:var(--sp-4);color:var(--color-bg)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.measure{max-width:var(--measure)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);height:76px}.brand{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--font-serif);font-size:1.5rem;font-weight:400;letter-spacing:var(--ls-tight);color:var(--color-ink);text-decoration:none;line-height:1}.brand__dot{color:var(--color-primary);font-size:1.6rem;line-height:.6}.brand:hover{color:var(--color-ink)}.nav{display:flex;align-items:center;gap:var(--sp-1)}.nav__link{position:relative;flex:0 0 auto;padding:7px 14px;white-space:nowrap;font-size:var(--fs-micro);font-weight:var(--fw-medium);letter-spacing:.005em;color:var(--color-muted);text-decoration:none;border:1px solid transparent;border-radius:var(--r-pill);transition:color var(--dur-fast) var(--ease-soft),background-color var(--dur-fast) var(--ease-soft),border-color var(--dur-fast) var(--ease-soft)}.nav__link:hover{color:var(--color-ink);background:var(--color-bg-subtle);border-color:var(--color-border-soft)}.nav__link[aria-current=page]{color:var(--color-primary-ink);background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 18%,transparent)}.nav__sep{width:1px;height:16px;background:var(--color-border);margin-inline:var(--sp-2)}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;color:var(--color-muted);background:transparent;border:1px solid transparent;border-radius:var(--r-pill);cursor:pointer;transition:color var(--dur-fast) var(--ease-soft),border-color var(--dur-fast) var(--ease-soft),background-color var(--dur-fast) var(--ease-soft)}.icon-btn:hover{color:var(--color-ink);background:var(--color-bg-subtle);border-color:var(--color-border)}.icon-btn svg{width:17px;height:17px}.search-btn{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;white-space:nowrap;gap:var(--sp-2);height:34px;padding:0 13px 0 11px;font-family:inherit;font-size:var(--fs-micro);color:var(--color-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border-soft);border-radius:var(--r-pill);cursor:pointer;transition:color var(--dur-fast) var(--ease-soft),border-color var(--dur-fast) var(--ease-soft),background-color var(--dur-fast) var(--ease-soft)}.search-btn:hover{color:var(--color-ink);background:var(--color-surface-hover);border-color:var(--color-border)}.search-btn svg{width:14px;height:14px}.search-btn kbd{font-family:var(--font-mono);font-size:11px;color:var(--color-faint);letter-spacing:0}@media(max-width:720px){.site-header__inner{height:56px;gap:var(--sp-3)}.nav{gap:0;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin-right:calc(var(--sp-1) * -1)}.nav::-webkit-scrollbar{display:none}.nav__link{padding:8px 9px}.search-btn kbd,.search-btn span{display:none}.search-btn{width:32px;padding:0}.nav__sep{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 24px;font-family:inherit;font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:1;text-decoration:none;border:1px solid transparent;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-soft),border-color var(--dur-fast) var(--ease-soft),color var(--dur-fast) var(--ease-soft),transform var(--dur-fast) var(--ease-soft)}.btn:active{transform:scale(.985)}.btn svg{width:15px;height:15px;transition:transform var(--dur-base) var(--ease-out)}.btn:hover svg{transform:translate(3px)}.btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-on-primary)}.btn--ghost{background:transparent;color:var(--color-ink);border-color:var(--color-border-strong)}.btn--ghost:hover{background:var(--color-bg-subtle);border-color:var(--color-primary);color:var(--color-primary)}.btn--on-deep{background:var(--color-on-deep);color:var(--color-primary-deep);border-color:var(--color-on-deep)}.btn--on-deep:hover{background:#fff;color:var(--color-primary-deep)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6);padding-block:clamp(64px,10vw,150px) clamp(56px,8vw,120px);border-bottom:1px solid var(--color-border-soft)}.hero__badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--fs-nano);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-muted)}.hero__badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-primary)}.hero h1{max-width:20ch;font-size:var(--fs-hero);font-weight:400;line-height:1.04;letter-spacing:var(--ls-tighter);color:var(--color-heading);text-wrap:balance}.hero h1 em{font-style:normal;color:var(--color-primary-mid)}.hero__lead{max-width:46ch;margin-top:var(--sp-2);font-size:var(--fs-lead);line-height:1.66;color:var(--color-muted);text-wrap:pretty}.hero__aside{display:none}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2)}@media(min-width:900px){.hero{grid-template-columns:minmax(0,1fr) 132px;align-items:end;column-gap:var(--sp-8)}.hero__body{display:flex;flex-direction:column;gap:var(--sp-5)}.hero__aside{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-2);padding-bottom:6px;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-faint);writing-mode:vertical-rl;text-orientation:mixed}}.section{padding-block:clamp(64px,8vw,118px)}.section+.section{border-top:1px solid var(--color-border-soft)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--color-border-soft)}.section-head h2{font-size:var(--fs-h2);font-weight:400;letter-spacing:var(--ls-tight)}.section-head__count{font-family:var(--font-mono);font-size:var(--fs-nano);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-faint);font-variant-numeric:tabular-nums}.section-head__more{font-size:var(--fs-small);color:var(--color-muted);text-decoration:none;white-space:nowrap;transition:color var(--dur-fast) var(--ease-soft)}.section-head__more:hover{color:var(--color-primary)}.band-deep{display:grid;grid-template-columns:1fr;gap:var(--sp-6);padding:clamp(32px,5vw,64px);background:var(--color-primary-deep);color:var(--color-on-deep);border-radius:var(--r-2xl)}.band-deep__label{margin-bottom:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-nano);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-on-deep-muted);opacity:.7}.band-deep__title{font-size:var(--fs-h2);font-weight:400;line-height:1.18;letter-spacing:var(--ls-tight);color:var(--color-on-deep)}.band-deep__text{max-width:48ch;margin-top:var(--sp-4);font-size:var(--fs-body);line-height:1.74;color:var(--color-on-deep-muted)}.band-deep .btn{justify-self:start}@media(min-width:860px){.band-deep{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--sp-7)}}.post-list{border-top:1px solid var(--color-border)}.post-row{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:var(--sp-4);align-items:baseline;padding:var(--sp-5) 0;border-bottom:1px solid var(--color-border);text-decoration:none;color:inherit;transition:background-color var(--dur-base) var(--ease-soft)}.post-row:before{content:"";position:absolute;left:calc(var(--gutter) * -.35);top:0;bottom:0;width:2px;background:var(--color-accent);transform:scaleY(0);transform-origin:top;transition:transform var(--dur-base) var(--ease-out)}.post-row:hover:before{transform:scaleY(1)}.post-row:hover{background:color-mix(in srgb,var(--color-surface) 55%,transparent)}.post-row__no{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--color-faint);font-variant-numeric:tabular-nums;letter-spacing:.02em}.post-row__body{display:flex;flex-direction:column;gap:6px;min-width:0}.post-row__title{font-family:var(--font-serif);font-size:1.1875rem;font-weight:500;line-height:1.4;letter-spacing:-.012em;color:var(--color-ink);transition:color var(--dur-fast) var(--ease-soft)}.post-row:hover .post-row__title{color:var(--color-accent)}.post-row__excerpt{max-width:62ch;font-size:var(--fs-small);line-height:1.62;color:var(--color-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-row__meta{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--color-faint);white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:720px){.post-row{grid-template-columns:1fr;gap:8px;padding:var(--sp-4) 0}.post-row__no{order:-2}.post-row__meta{order:-1;white-space:normal}.post-row:before{left:calc(var(--gutter) * -.5)}}.card-grid{display:grid;gap:var(--sp-5);grid-template-columns:1fr}@media(min-width:720px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1080px){.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}}.project-card{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-6);background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--r-xl);text-decoration:none;color:inherit;transition:border-color var(--dur-base) var(--ease-soft),background-color var(--dur-base) var(--ease-soft)}.project-card:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.project-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.project-card__index{font-family:var(--font-mono);font-size:var(--fs-nano);color:var(--color-faint);font-variant-numeric:tabular-nums;letter-spacing:.06em}.project-card__title{font-family:var(--font-serif);font-size:1.4rem;font-weight:400;line-height:1.32;letter-spacing:var(--ls-tight);color:var(--color-ink);transition:color var(--dur-fast) var(--ease-soft)}.project-card:hover .project-card__title{color:var(--color-primary)}.project-card__desc{font-size:var(--fs-small);line-height:1.7;color:var(--color-muted)}.project-card .chips{margin-top:auto;padding-top:var(--sp-2)}.status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--color-faint);text-transform:uppercase}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status--active{color:var(--color-success)}.status--done{color:var(--color-faint)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--color-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border-soft);border-radius:var(--r-pill);text-decoration:none;white-space:nowrap;transition:color var(--dur-fast) var(--ease-soft),border-color var(--dur-fast) var(--ease-soft),background-color var(--dur-fast) var(--ease-soft)}a.chip:hover{color:var(--color-accent-ink);background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.chip--accent{color:var(--color-accent-ink);background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-accent) 28%,transparent)}.page-head{position:relative;padding-block:clamp(56px,8vw,104px) var(--sp-6);border-bottom:1px solid var(--color-border-soft)}.page-head__label{display:block;margin-bottom:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-nano);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-faint)}.page-head h1{font-size:var(--fs-h1);font-weight:400;letter-spacing:var(--ls-tight);line-height:1.06;color:var(--color-heading)}.page-head__lead{max-width:54ch;margin-top:var(--sp-4);font-size:var(--fs-lead);line-height:1.66;color:var(--color-muted);text-wrap:pretty}.year-group{display:grid;grid-template-columns:1fr;gap:var(--sp-4);padding-block:var(--sp-6);border-bottom:1px solid var(--color-border)}.year-label{font-family:var(--font-mono);font-size:var(--fs-small);font-weight:500;letter-spacing:.08em;color:var(--color-faint);font-variant-numeric:tabular-nums}@media(min-width:860px){.year-group{grid-template-columns:104px minmax(0,1fr);gap:var(--sp-6);align-items:start}.year-label{position:sticky;top:88px;padding-top:2px}}.article-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-7);max-width:var(--container)}@media(min-width:1080px){.article-wrap{grid-template-columns:minmax(0,1fr) 196px;align-items:start;column-gap:var(--sp-8)}}.article-head{padding-block:clamp(40px,6vw,80px) var(--sp-5);border-bottom:1px solid var(--color-border)}.article-head h1{max-width:24ch;font-size:var(--fs-h1);font-weight:500;line-height:1.1;letter-spacing:-.028em;text-wrap:balance}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--color-faint);font-variant-numeric:tabular-nums}.article-meta .dot,.post-card__meta .dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.article-lead{max-width:56ch;margin-top:var(--sp-4);font-size:var(--fs-lead);line-height:1.75;color:var(--color-muted);text-wrap:pretty}.article-foot{margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid var(--color-border)}.prose{max-width:var(--measure);padding-block:var(--sp-6) var(--sp-8);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-ink-soft)}.prose>*+*{margin-top:1.45em}.prose p{text-wrap:pretty}.prose h2{margin-top:2.4em;padding-top:.9em;border-top:1px solid var(--color-border);font-size:var(--fs-h2);font-weight:500;letter-spacing:-.018em;line-height:1.3;color:var(--color-ink)}.prose h3{margin-top:2em;font-size:var(--fs-h3);font-weight:600;line-height:1.45;color:var(--color-ink)}.prose h2+*,.prose h3+*{margin-top:.7em}.prose ul,.prose ol{padding-left:1.35em}.prose li+li{margin-top:.45em}.prose li::marker{color:var(--color-faint)}.prose a{color:var(--color-accent-ink);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:color-mix(in srgb,var(--color-accent) 42%,transparent);transition:text-decoration-color var(--dur-fast) var(--ease-soft),color var(--dur-fast) var(--ease-soft)}.prose a:hover{color:var(--color-accent);text-decoration-color:currentColor}.prose blockquote{padding:var(--sp-2) 0 var(--sp-2) var(--sp-5);border-left:2px solid var(--color-accent);background:none;border-radius:0;font-family:var(--font-serif);font-size:1.0625rem;font-style:italic;line-height:1.75;color:var(--color-muted)}.prose blockquote p+p{margin-top:1em}.prose hr{margin-block:var(--sp-7);border:0;height:1px;background:var(--color-border)}.prose img{border:1px solid var(--color-border);border-radius:var(--r-md)}.prose table{width:100%;border-collapse:collapse;font-size:var(--fs-small)}.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.prose th{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}.prose--dropcap>p:first-of-type:first-letter{float:left;margin:.06em .1em 0 0;font-family:var(--font-serif);font-size:3.1em;font-weight:500;line-height:.82;color:var(--color-ink)}.toc{display:none;position:sticky;top:88px;max-height:calc(100dvh - 120px);overflow-y:auto;padding-top:2px;font-size:var(--fs-micro);scrollbar-width:thin}@media(min-width:1080px){.toc{display:block}}.toc__title{margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-faint)}.toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.toc li{line-height:1.5}.toc a{display:block;padding:5px 0 5px 11px;border-left:1px solid var(--color-border);color:var(--color-muted);text-decoration:none;transition:color var(--dur-fast) var(--ease-soft),border-color var(--dur-fast) var(--ease-soft)}.toc a:hover{color:var(--color-ink);border-left-color:var(--color-border-strong)}.toc a.is-active{color:var(--color-accent-ink);border-left-color:var(--color-accent);border-left-width:2px;padding-left:10px}.toc__depth-3 a{padding-left:22px;font-size:12px;color:var(--color-faint)}.toc__depth-3 a.is-active{padding-left:21px;color:var(--color-accent-ink)}.tag-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:var(--sp-6)}.tag-row__label{margin-right:var(--sp-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-faint)}.post-nav{display:grid;grid-template-columns:1fr;gap:var(--sp-4);padding-top:var(--sp-5);border-top:1px solid var(--color-border)}@media(min-width:720px){.post-nav{grid-template-columns:1fr 1fr;gap:var(--sp-6)}.post-nav>*:last-child{text-align:right}}.post-nav a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;padding:var(--sp-3) 0;transition:color var(--dur-fast) var(--ease-soft)}.post-nav__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-faint)}.post-nav__title{font-family:var(--font-serif);font-size:var(--fs-small);line-height:1.5;color:var(--color-ink);transition:color var(--dur-fast) var(--ease-soft)}.post-nav a:hover .post-nav__title{color:var(--color-accent)}.progress{position:fixed;top:0;left:0;z-index:60;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--color-accent);will-change:transform}.code-copy{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;font-family:var(--font-mono);font-size:11px;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-sm);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease-soft),color var(--dur-fast) var(--ease-soft)}pre:hover .code-copy,.code-copy:focus-visible{opacity:1}.code-copy:hover{color:var(--color-ink)}.code-copy.is-done{color:var(--color-success)}.to-top{position:fixed;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);z-index:40;display:grid;place-items:center;width:40px;height:40px;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),color var(--dur-fast) var(--ease-soft),border-color var(--dur-fast) var(--ease-soft)}.to-top.is-visible{opacity:1;transform:none;pointer-events:auto}.to-top:hover{color:var(--color-ink);border-color:var(--color-border-strong)}.to-top svg{width:16px;height:16px}.search-dialog{position:fixed;inset:0;z-index:100;display:grid;place-items:start center;padding:clamp(48px,12vh,120px) var(--gutter) var(--gutter);background:var(--color-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.search-dialog:not([open]){display:none}.search-dialog[hidden]{display:none}.search-panel{width:min(620px,100%);max-height:min(70dvh,560px);display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:search-in var(--dur-base) var(--ease-out)}@keyframes search-in{0%{opacity:0;transform:translateY(-8px) scale(.99)}}.search-field{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);border-bottom:1px solid var(--color-border)}.search-field svg{width:16px;height:16px;color:var(--color-faint);flex-shrink:0}.search-field input{flex:1;height:52px;font-family:inherit;font-size:var(--fs-body);color:var(--color-ink);background:none;border:0;outline:none}.search-field input::placeholder{color:var(--color-faint)}.search-field kbd{font-family:var(--font-mono);font-size:10px;padding:2px 5px;color:var(--color-faint);border:1px solid var(--color-border);border-radius:3px}.search-results{overflow-y:auto;padding:var(--sp-2)}.search-result{display:block;padding:10px var(--sp-3);border-radius:var(--r-md);text-decoration:none;color:inherit;transition:background-color var(--dur-fast) var(--ease-soft)}.search-result:hover,.search-result.is-selected{background:var(--color-bg-subtle)}.search-result__title{display:block;font-family:var(--font-serif);font-size:.9375rem;font-weight:500;line-height:1.4;color:var(--color-ink)}.search-result__excerpt{margin-top:3px;font-size:var(--fs-micro);line-height:1.55;color:var(--color-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-result__excerpt mark{padding:0 1px;background:var(--color-accent-soft);color:var(--color-accent-ink);border-radius:2px}.search-empty{padding:var(--sp-6) var(--sp-4);text-align:center;font-size:var(--fs-small);color:var(--color-muted)}.search-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:8px var(--sp-4);border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--color-faint);background:var(--color-bg-subtle)}.search-foot span{display:inline-flex;align-items:center;gap:5px}.search-foot kbd{padding:1px 4px;border:1px solid var(--color-border);border-radius:3px}.site-footer{margin-top:0;background:var(--color-primary-deep);color:var(--color-on-deep)}.site-footer__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6);padding-block:var(--sp-9) var(--sp-8)}@media(min-width:720px){.site-footer__grid{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:var(--sp-7)}}.site-footer__brand{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--font-serif);font-size:1.75rem;font-weight:400;letter-spacing:var(--ls-tight);color:var(--color-on-deep);text-decoration:none}.site-footer__brand .brand__dot{color:var(--color-on-deep-muted)}.site-footer__desc{max-width:42ch;margin-top:var(--sp-4);font-size:var(--fs-micro);line-height:1.75;color:var(--color-on-deep-muted)}.site-footer__col-title{margin-bottom:var(--sp-4);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-on-deep-muted);opacity:.7}.site-footer__links{display:flex;flex-direction:column;gap:10px}.site-footer__links a{font-size:var(--fs-micro);color:var(--color-on-deep-muted);text-decoration:none;transition:color var(--dur-fast) var(--ease-soft)}.site-footer__links a:hover{color:var(--color-on-deep)}.site-footer__base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-block:var(--sp-5);border-top:1px solid var(--color-on-deep-border);font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--color-on-deep-muted);opacity:.75}.reveal{animation:reveal-in .38s var(--ease-out) both}@keyframes reveal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.reveal:nth-child(2){animation-delay:40ms}.reveal:nth-child(3){animation-delay:80ms}@media(prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none}.post-row:before{transition:none}.btn:hover svg{transform:none}}.post-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);text-decoration:none;color:inherit;transition:border-color var(--dur-base) var(--ease-soft),background-color var(--dur-base) var(--ease-soft)}.post-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.post-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--color-faint);font-variant-numeric:tabular-nums}.post-card__title{font-family:var(--font-serif);font-size:1.125rem;font-weight:500;line-height:1.4;letter-spacing:-.012em;color:var(--color-ink)}.post-card:hover .post-card__title{color:var(--color-accent)}.post-card__excerpt{font-size:var(--fs-small);line-height:1.62;color:var(--color-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.project-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:var(--sp-4);padding:var(--sp-5) 0;border-bottom:1px solid var(--color-border)}.project-row__no{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--color-faint);font-variant-numeric:tabular-nums}.project-row__title{font-family:var(--font-serif);font-size:1.125rem;font-weight:500;letter-spacing:-.012em}.project-row__desc{margin-top:6px;font-size:var(--fs-small);line-height:1.62;color:var(--color-muted)}.project-row__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sp-3)}.project-row__link{font-size:var(--fs-micro);color:var(--color-accent);text-decoration:none}@media(max-width:480px){.hero h1{max-width:none}.page-head h1,.article-head h1{letter-spacing:-.02em}.btn{height:42px}.search-panel{border-radius:var(--r-lg)}}img,pre,table{max-width:100%}.search-dialog:focus,.search-dialog:focus-visible{outline:none}.search-panel{width:min(620px,calc(100vw - 2 * var(--gutter)))}[data-theme=dark] .search-panel{border-color:#ffffff1a}.search-dialog{margin:0;width:100%;max-width:none;height:100%;max-height:none;border:0}.search-dialog::backdrop{background:transparent}