@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-mono-latin-600-normal.BgSNZQsw.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-600-normal.DWFSQ4vo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/ibm-plex-mono-latin-700-normal.7sUh57Bg.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-700-normal.CNHXzs6v.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-latin-400-normal.CDDApCn2.woff2) format("woff2"),url(/_astro/ibm-plex-sans-latin-400-normal.CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-latin-600-normal.CuJfVYMP.woff2) format("woff2"),url(/_astro/ibm-plex-sans-latin-600-normal.Cu4Hd6ag.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/ibm-plex-sans-latin-700-normal.Bxkt5Cjx.woff2) format("woff2"),url(/_astro/ibm-plex-sans-latin-700-normal.Bth3BMcD.woff) format("woff")}:root{--color-bg: #061f19;--color-bg-black: #000000;--color-bg-alt: #0a2e24;--color-bg-subtle: #0e3f32;--color-border: #155144;--color-border-hover: #2a6b59;--color-text: #e0fff0;--color-text-strong: #ffffff;--color-text-muted: #b7dcc8;--color-text-faint: #7ba894;--color-accent: #61ff83;--color-accent-soft: #b9ffd0;--color-accent-deep: #1d6854;--color-accent-subtle: rgba(97, 255, 131, .12);--color-on-accent: #061f19;--color-selection: rgba(97, 255, 131, .3);--color-band-primary: #61ff83;--color-band-primary-ink: #1d6854;--color-band-accent: #1d6854;--color-warn: #ffd700;--color-error: #f87171;--color-green: #61ff83;--color-green-ink: #061f19;--color-band-nav: #2bab76;--color-band-track: #1d6854;--color-nav-text: #e0fff0;--color-nav-text-hover: #061f19;--color-track-text: #b9ffd0;--color-track-text-hover: #e0fff0;--color-track-hover-bg: rgba(255, 255, 255, .1);--color-track-active-bg: rgba(6, 31, 25, .55);--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "PingFang SC", "Microsoft YaHei", monospace;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;--font-ui: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--content-width: 1368px;--reading-width: 1060px;--sidebar-width: 260px;--header-height: 208px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 30px rgba(0, 0, 0, .28);--paper-noise: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http://www.w3.org/2000/svg'%20width%3D'220'%20height%3D'220'%3E%3Cfilter%20id%3D'n'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'0.62'%20numOctaves%3D'2'%20seed%3D'7'%20stitchTiles%3D'stitch'/%3E%3CfeColorMatrix%20type%3D'saturate'%20values%3D'0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D'linear'%20slope%3D'0.08'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23n)'/%3E%3C/svg%3E");--paper-grain-size: 220px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:16px;line-height:1.75;color:var(--color-text);background:var(--color-bg);min-height:100vh}::selection{background:var(--color-selection);color:var(--color-text-strong)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;line-height:1.25;letter-spacing:.01em;color:var(--color-text-strong)}h1{font-size:clamp(1.9rem,3.6vw,2.6rem)}h2{font-size:clamp(1.7rem,3vw,2.2rem)}h3{font-size:clamp(1.32rem,2.2vw,1.55rem)}h4{font-size:1.1rem}p{line-height:1.75;color:var(--color-text)}a{color:var(--color-text);text-decoration:none;transition:color var(--duration-fast)}a:hover{color:var(--color-accent)}.mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint)}.link{color:var(--color-text-muted);text-decoration:underline;text-decoration-color:var(--color-border-hover);text-underline-offset:3px;transition:color var(--duration-fast),text-decoration-color var(--duration-fast)}.link:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:42px;padding:0 var(--space-5);font-family:var(--font-ui);font-size:.95rem;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn--primary{background:var(--color-accent-deep);color:var(--color-accent-soft)}.btn--primary:hover{background:#17503f;transform:scale(1.02)}.btn--ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle);transform:scale(1.02)}.btn:active{transform:scale(.98)}.btn:active{transform:scale(.98);transition-duration:50ms}.site-shell{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1;width:100%;max-width:var(--content-width);margin:0 auto;padding:var(--space-8) var(--space-6)}.site-header{position:sticky;top:0;z-index:50;transition:box-shadow var(--duration-normal)}.site-header--scrolled{box-shadow:0 4px 24px #00000059}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--content-width);margin:0 auto;padding:0 var(--space-5);gap:var(--space-4)}.site-header__bar{background:var(--color-band-primary)}.site-header__bar .site-header__inner{height:76px}.site-header__brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin:0 auto;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out)}.site-header__brand:hover{transform:scale(1.02);color:inherit}.site-header__brand-mark{fill:var(--color-band-primary-ink)}.site-header__brand-name{font-family:var(--font-mono);font-size:2rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-band-primary-ink)}.site-header__brand-dot{color:#14483e}.site-header__cursor{display:inline-block;width:10px;height:1.15em;margin-left:3px;background:var(--color-band-primary-ink);animation:blink 1.1s steps(2,start) infinite}.site-header__discover{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 18px;background:var(--color-accent-deep);color:var(--color-accent-soft);font-family:var(--font-ui);font-size:1rem;font-weight:700;border:none;border-radius:var(--radius-md);text-decoration:none;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast);white-space:nowrap}.site-header__discover:hover{background:#17503f;color:var(--color-accent-soft);transform:scale(1.02)}.site-header__discover svg{flex-shrink:0}.site-header__actions{display:flex;align-items:center;gap:10px}.site-header__action{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;background:var(--color-accent-deep);color:var(--color-accent-soft);font-family:var(--font-ui);font-size:.95rem;font-weight:700;border:none;border-radius:var(--radius-md);text-decoration:none;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast);white-space:nowrap}.site-header__action:hover{background:#17503f;color:var(--color-accent-soft);transform:scale(1.05)}.site-header__action kbd{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.05em;padding:2px 6px;border:1px solid rgba(185,255,208,.4);border-radius:4px;font-weight:400}.site-header__navbar{background:var(--color-band-nav);overflow:hidden;transition:max-height var(--duration-normal) var(--ease-out),opacity var(--duration-normal);max-height:52px}.site-header--scrolled .site-header__navbar{max-height:0;opacity:0}.site-header__nav{display:flex;align-items:center;justify-content:center;height:52px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.site-header__nav::-webkit-scrollbar{display:none}.site-header__nav a{display:flex;align-items:center;padding:16px;font-family:var(--font-ui);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-nav-text);text-decoration:none;white-space:nowrap;transition:color var(--duration-fast)}.site-header__nav a:hover,.site-header__nav a.is-active{color:var(--color-nav-text-hover)}.site-header__trackbar{background:var(--color-band-track);overflow:hidden;transition:max-height var(--duration-normal) var(--ease-out),opacity var(--duration-normal);max-height:80px}.site-header--scrolled .site-header__trackbar{max-height:0;opacity:0}.site-header__tracks{display:flex;align-items:center;gap:8px;height:72px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.site-header__tracks::-webkit-scrollbar{display:none}.track-chip{font-family:var(--font-ui);font-size:.95rem;font-weight:600;color:var(--color-track-text);padding:9px 16px;border:1px solid transparent;border-radius:var(--radius-sm);white-space:nowrap;text-decoration:none;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.track-chip:hover{background:var(--color-track-hover-bg);color:var(--color-track-text-hover)}.track-chip.is-active{background:var(--color-track-active-bg);color:var(--color-accent);border-color:#61ff8359}.site-header__prompt{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--color-track-text);opacity:.75;white-space:nowrap;margin-left:auto}.site-footer{margin-top:var(--space-8);background:var(--color-bg-black);border-top:1px solid var(--color-border)}.site-footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);max-width:var(--content-width);margin:0 auto;padding:var(--space-6) var(--space-5)}.site-footer__copy{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;color:var(--color-text-faint);text-transform:uppercase}.site-footer__links{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5)}.site-footer__links a{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-faint);text-decoration:none;transition:color var(--duration-fast)}.site-footer__links a:hover{color:var(--color-accent)}.site-footer__strip{background:var(--color-bg-black);color:var(--color-text-faint);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:var(--space-3);border-top:1px solid var(--color-border)}.site-footer__strip .site-footer__strip-accent{color:var(--color-accent)}.hero{position:relative;padding:calc(var(--space-7) + var(--space-4)) 0 var(--space-8)}.hero__inner{max-width:860px}.hero__eyebrow{font-family:var(--font-mono);font-size:.75rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4);opacity:0;transform:translateY(12px);animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.hero__eyebrow:before{content:"> "}.hero__title{margin-bottom:var(--space-5);max-width:17em;font-weight:700;color:var(--color-text-strong);opacity:0;transform:translateY(16px);animation:fadeInUp var(--duration-slow) var(--ease-out) 80ms forwards}.hero__summary{max-width:58ch;font-size:1rem;line-height:1.8;color:var(--color-text-muted);margin-bottom:var(--space-6);opacity:0;transform:translateY(16px);animation:fadeInUp var(--duration-slow) var(--ease-out) .16s forwards}.hero__cta{display:flex;gap:var(--space-3);opacity:0;transform:translateY(16px);animation:fadeInUp var(--duration-slow) var(--ease-out) .24s forwards}.hero:after{content:"// archive /work /notes";position:absolute;right:clamp(0px,4vw,48px);top:var(--space-8);width:260px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);background:var(--color-bg-subtle);border-radius:var(--radius-sm);color:var(--color-text-faint);font-family:var(--font-mono);font-size:.66rem;line-height:1.7;letter-spacing:.08em;text-transform:uppercase}.stats{display:flex;gap:clamp(var(--space-5),5vw,var(--space-8));padding:var(--space-7) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stats__item{display:flex;flex-direction:column;gap:var(--space-1);text-decoration:none;opacity:0;transform:translateY(12px);animation:fadeInUp var(--duration-slow) var(--ease-out) .32s forwards}.stats__item:nth-child(2){animation-delay:.38s}.stats__item:nth-child(3){animation-delay:.44s}.stats__item:nth-child(4){animation-delay:.5s}.stats__value{font-family:var(--font-mono);font-size:2rem;font-weight:700;line-height:1;color:var(--color-accent);transition:color var(--duration-fast)}.stats__item:hover .stats__value{color:var(--color-accent-soft)}.stats__label{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint)}.section{padding:var(--space-8) 0}.section--bordered{border-bottom:1px solid var(--color-border)}.section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-6)}.section__title{font-family:var(--font-mono);font-size:1.15rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.section__link{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint);text-decoration:none;transition:color var(--duration-fast)}.section__link:hover{color:var(--color-accent)}.feed-list{display:flex;flex-direction:column}.feed-card{display:grid;grid-template-columns:232px minmax(0,1fr);gap:var(--space-5);align-items:start;padding:var(--space-5) 0;border-bottom:1px solid var(--color-border);text-decoration:none}.feed-card:last-child{border-bottom:none}.feed-card__media{display:block;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-alt);box-shadow:0 6px 20px #00000040;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-normal) var(--ease-out)}.feed-card:hover .feed-card__media{box-shadow:0 10px 26px #0006}.feed-card__media img{transition:transform var(--duration-normal) var(--ease-out)}.feed-card:hover .feed-card__media img{transform:scale(1.02)}.feed-card__media img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.feed-card:hover .feed-card__media{border-color:var(--color-border-hover)}.feed-card__body{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.feed-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-faint)}.feed-card__track{color:var(--color-accent);font-weight:600}.feed-card__track:before{content:"# "}.feed-card__title{font-family:var(--font-mono);font-size:1.32rem;font-weight:700;line-height:1.4;color:var(--color-text-strong);transition:color var(--duration-fast)}.feed-card:hover .feed-card__title{color:var(--color-accent)}.feed-card__summary{font-family:var(--font-sans);font-size:.95rem;color:var(--color-text-muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-card__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1)}.feed-card__byline{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.74rem;color:var(--color-text-muted)}.feed-card__avatar{width:26px;height:26px;border-radius:50%;background:var(--color-bg-subtle);border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;fill:var(--color-accent);flex-shrink:0}.feed-card__byline strong{color:var(--color-text-strong);font-weight:600}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.track-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-alt);text-decoration:none;transition:border-color var(--duration-normal),background var(--duration-normal),transform var(--duration-normal),box-shadow var(--duration-normal)}.track-card:hover{border-color:var(--color-accent);background:#123f32;transform:translateY(-2px);box-shadow:0 10px 30px #61ff8324}.track-card__name{font-family:var(--font-mono);font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-strong)}.track-card__name:before{content:"# ";color:var(--color-accent)}.track-card__desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.55}.track-card__count{font-family:var(--font-mono);font-size:.66rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-top:auto;padding-top:var(--space-2)}.track-card__count:before{content:"[ ";color:var(--color-accent)}.track-card__count:after{content:" ]";color:var(--color-accent)}.topic-list{display:flex;flex-direction:column}.topic-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);text-decoration:none;transition:border-color var(--duration-fast)}.topic-item:last-child{border-bottom:none}.topic-item:hover{border-color:var(--color-border-hover)}.topic-item__left{display:flex;flex-direction:column;gap:var(--space-1)}.topic-item__name{font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--color-text-strong);transition:color var(--duration-fast)}.topic-item:hover .topic-item__name{color:var(--color-accent)}.topic-item__post{font-size:.85rem;color:var(--color-text-faint)}.topic-item__count{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--color-accent);transition:transform var(--duration-fast)}.topic-item:hover .topic-item__count{transform:translate(4px)}.tag-rail{display:grid;grid-template-columns:120px 1fr;gap:var(--space-5);align-items:start;padding:var(--space-5) 0;margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.tag-rail__eyebrow{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;color:var(--color-text-faint)}.tag-rail__list,.post-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-flex;align-items:center;min-height:26px;font-family:var(--font-mono);font-size:.66rem;font-weight:400;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);padding:3px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;text-decoration:none;transition:border-color var(--duration-fast),color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.tag:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle);transform:translateY(-1px)}.tag--green{background:var(--color-green);border-color:var(--color-green);color:var(--color-green-ink);font-weight:700;letter-spacing:.06em;padding:4px 12px;border-radius:var(--radius-sm)}.tag--green:hover{background:var(--color-green);opacity:.85;color:var(--color-green-ink);transform:translateY(-1px)}.chip{display:inline-flex;align-items:center;min-height:26px;font-family:var(--font-mono);font-size:.66rem;font-weight:400;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);padding:3px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;transition:border-color var(--duration-fast),color var(--duration-fast),background var(--duration-fast)}.chip:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle)}.post-grid{display:flex;flex-direction:column}.post-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.post-card:last-child{border-bottom:none}.post-card__link{display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none}.post-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint)}.post-card__meta span:first-child{color:var(--color-accent);font-weight:600}.post-card__title{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;line-height:1.35;color:var(--color-text-strong);transition:color var(--duration-fast)}.post-card__link:hover .post-card__title{color:var(--color-accent)}.post-card__summary{font-family:var(--font-sans);font-size:.95rem;color:var(--color-text-muted);line-height:1.65}.post-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.post-card__readmore{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);text-decoration:none;transition:color var(--duration-fast)}.post-card__readmore:hover{color:var(--color-accent)}.post-item{position:relative;display:grid;grid-template-columns:96px 1fr;gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border);text-decoration:none;opacity:0;transform:translateY(8px);transition:border-color var(--duration-fast),transform var(--duration-fast)}.post-item:last-child{border-bottom:none}.post-item:hover{border-color:var(--color-border-hover);transform:translate(4px)}.post-item__date{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--color-text-faint);padding-top:6px;transition:color var(--duration-fast)}.post-item:hover .post-item__date{color:var(--color-accent)}.post-item__content{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.post-item__track{font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.post-item__track:before{content:"# "}.post-item__title{font-family:var(--font-mono);font-size:1.15rem;font-weight:700;line-height:1.4;color:var(--color-text-strong);transition:color var(--duration-fast)}.post-item:hover .post-item__title{color:var(--color-accent)}.post-item__summary{font-family:var(--font-sans);font-size:.85rem;color:var(--color-text-faint);line-height:1.65;max-width:64ch}.post-item__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-1);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint)}.prose{max-width:var(--reading-width);font-family:var(--font-sans);font-size:1.1875rem;line-height:1.85;color:var(--color-text);hanging-punctuation:first last}.prose>*+*{margin-top:1.35rem}.prose h2{font-family:var(--font-sans);font-size:clamp(1.75rem,3.2vw,2.3rem);font-weight:700;letter-spacing:-.01em;color:var(--color-accent);margin-top:3.2rem;margin-bottom:.4rem;scroll-margin-top:calc(var(--header-height) + var(--space-6))}.prose h3{font-family:var(--font-sans);font-size:clamp(1.35rem,2.3vw,1.6rem);font-weight:700;color:var(--color-accent);margin-top:2.4rem;margin-bottom:.5rem;scroll-margin-top:calc(var(--header-height) + var(--space-6))}.prose h4{font-family:var(--font-sans);font-weight:700;color:var(--color-accent-soft);margin-top:1.8rem}.prose p{color:var(--color-text)}.prose strong{color:var(--color-accent);font-weight:700}.prose a{color:var(--color-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-accent) 40%,transparent);text-underline-offset:3px;transition:text-decoration-color var(--duration-fast)}.prose a:hover{text-decoration-color:var(--color-accent)}.prose ul,.prose ol{padding-left:1.4rem}.prose li{margin-top:.45rem;color:var(--color-text)}.prose li::marker{color:var(--color-accent)}.prose li>ul,.prose li>ol{margin-top:.45rem}.prose blockquote{position:relative;margin:2rem 0;padding:var(--space-5) var(--space-6);border-left:3px solid var(--color-green);background-color:#0e3f32;background-image:var(--paper-noise);background-size:var(--paper-grain-size);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--color-text-muted);box-shadow:0 4px 18px #00000040}.prose blockquote p{color:var(--color-text-muted)}.prose code{font-family:var(--font-mono);font-size:.92em;padding:.12em .4em;background:#61ff8312;border:1px solid rgba(21,81,68,.85);border-radius:5px;color:var(--color-accent)}.prose pre{position:relative;margin:2rem 0;padding:2.7rem var(--space-5) var(--space-5);background-color:#0b2f24!important;background-image:var(--paper-noise)!important;background-size:var(--paper-grain-size);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:inset 0 1px #b9ffd00f,0 10px 30px #00000059}.prose pre[data-language]:before{content:attr(data-language);position:absolute;top:0;left:0;right:0;padding:9px 16px;background:#04150fbf;border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5ca085;pointer-events:none}.code-copy{position:absolute;top:6px;right:12px;z-index:2;padding:4px 10px;font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);background:#061f19b3;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.prose pre:hover .code-copy,.code-copy:focus-visible{opacity:1}.code-copy:hover{color:var(--color-green);border-color:var(--color-green)}.code-copy.is-copied{color:var(--color-green);border-color:var(--color-green);opacity:1}.prose pre code{padding:0;background:none;border:none;font-size:.95rem;line-height:1.75;color:#d8f7e6;white-space:pre;tab-size:2}.prose hr{margin:3rem 0;border:none;border-top:1px solid var(--color-border)}.prose table{display:table;width:100%;max-width:100%;margin:2rem 0;border-collapse:collapse;border-spacing:0;font-size:1rem;line-height:1.6;table-layout:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 18px #00000038;overflow:hidden}.prose th,.prose td{padding:.72rem .9rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.prose th:first-child,.prose td:first-child{width:30%;color:var(--color-text-strong);font-weight:700}.prose th{color:var(--color-text-strong);font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;background:#0e3f32}.prose td{color:var(--color-text)}.prose tr:hover td{background:#61ff830d}.prose figure{margin:2rem 0}.prose figcaption{margin-top:var(--space-2);font-size:.85rem;color:var(--color-text-faint);text-align:center}.post-page{padding:var(--space-8) 0 var(--space-9)}.post-header{padding-bottom:var(--space-5);margin-bottom:var(--space-7)}.post-header__badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.badge-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-md);background:var(--color-bg-alt);font-family:var(--font-mono);font-size:.72rem;font-weight:400;color:var(--color-text-muted);text-decoration:none;transition:background var(--duration-fast),color var(--duration-fast)}.badge-pill:hover{background:var(--color-bg-subtle);color:var(--color-accent)}.badge-pill svg{width:13px;height:13px;fill:var(--color-accent);flex-shrink:0}.post-header__title{font-size:clamp(1.8rem,3.8vw,2.5rem);font-weight:700;letter-spacing:.01em;line-height:1.25;color:var(--color-text-strong);margin-bottom:var(--space-4)}.post-header__cover{margin-top:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-alt);aspect-ratio:16 / 9;box-shadow:0 10px 30px #00000059}.post-header__byline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:.82rem;color:var(--color-text-muted)}.post-header__byline strong{color:var(--color-text-strong);font-weight:700}.post-header__byline-dot{width:3px;height:3px;border-radius:50%;background:var(--color-text-faint);display:inline-block;margin:0 6px;vertical-align:middle}.post-header__tools{display:flex;align-items:center;gap:var(--space-2)}.tldr{margin-top:var(--space-5)}.tldr summary{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;user-select:none;height:40px;padding:0 var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.1em;color:var(--color-text-strong);transition:background var(--duration-fast),border-color var(--duration-fast)}.tldr summary::-webkit-details-marker{display:none}.tldr summary:hover{background:var(--color-bg-subtle);border-color:var(--color-green);box-shadow:0 0 0 3px #61ff831f}.tldr summary svg{width:12px;height:12px;fill:var(--color-accent);transition:transform var(--duration-fast) var(--ease-out)}.tldr[open] summary svg{transform:rotate(90deg)}.tldr__panel{margin-top:var(--space-3);padding:var(--space-5) var(--space-6);background-color:#0e3f32;background-image:var(--paper-noise);background-size:var(--paper-grain-size);border:1px solid var(--color-border);border-left:3px solid var(--color-green);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:1.1rem;line-height:1.8;color:var(--color-text-muted);box-shadow:0 4px 18px #00000040}.post-layout{display:grid;grid-template-columns:minmax(0,var(--reading-width)) var(--sidebar-width);gap:var(--space-6);align-items:start;justify-content:center}.post-layout:not(.post-layout--with-toc){grid-template-columns:minmax(0,var(--reading-width))}.post-column,.post-content{min-width:0}.post-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-5));max-height:calc(100vh - var(--header-height) - var(--space-7));overflow:auto;scrollbar-width:thin}.sidebar-section{padding:var(--space-4) 0;border-top:1px solid var(--color-border)}.sidebar-section:first-child{border-top:none;padding-top:0}.sidebar-section__title{font-family:var(--font-mono);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3)}.post-taxonomy{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.post-taxonomy__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-related{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.post-related__title{font-family:var(--font-mono);font-size:1.05rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-2)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(2px);z-index:60;max-width:220px;padding:5px 10px;background:#000;color:#fff;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity var(--duration-fast),transform var(--duration-fast)}[data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}[data-tip--left]:after,.tip-left:after{left:auto;right:0;transform:translateY(2px)}.tip-left:hover:after{transform:translateY(0)}.toc{display:flex;flex-direction:column;gap:3px}.page-shell{padding:var(--space-8) 0}.page-header{max-width:720px;margin-bottom:var(--space-7);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.page-header__eyebrow{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3)}.page-header__eyebrow:before{content:"> "}.page-header h1{font-weight:700;margin-bottom:var(--space-4)}.page-header p:not(.page-header__eyebrow){max-width:62ch;color:var(--color-text-muted)}.tag-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-6)}.tag-directory__item{display:grid;grid-template-columns:minmax(120px,.42fr) 1fr;gap:var(--space-3) var(--space-5);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);text-decoration:none;transition:border-color var(--duration-fast),transform var(--duration-fast)}.tag-directory__item:hover{border-color:var(--color-border-hover);transform:translate(4px)}.tag-directory__item span{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;color:var(--color-accent);padding-top:.3rem}.tag-directory__item strong{color:var(--color-text-strong);font-family:var(--font-mono);font-size:1.1rem;font-weight:700;line-height:1.25}.tag-directory__item p{grid-column:2;font-size:.85rem;line-height:1.55;color:var(--color-text-faint)}.archive-page{padding:var(--space-8) 0}.archive-header{margin-bottom:var(--space-7);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.archive-header__title{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:var(--space-3)}.archive-header__summary{max-width:58ch;font-size:.94rem;line-height:1.75;color:var(--color-text-muted)}.archive-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.archive-filters--years{margin-bottom:var(--space-6)}.filter-pill{font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-decoration:none;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.filter-pill:hover{color:var(--color-text-strong);border-color:var(--color-border-hover);background:var(--color-bg-alt);transform:translateY(-1px)}.filter-pill.is-active{color:var(--color-on-accent);border-color:var(--color-accent);background:var(--color-accent)}.archive-results{display:flex;flex-direction:column}.archive-count{font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-5)}.archive-track-indicator{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;margin:0 0 var(--space-4) 0;border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-bg-subtle);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint)}.archive-track-indicator__value{color:var(--color-accent);font-weight:700}.archive-track-indicator__clear{color:var(--color-text-muted);text-decoration:none;margin-left:4px;padding:0 4px;border-radius:3px;transition:color var(--duration-fast),background var(--duration-fast)}.archive-track-indicator__clear:hover{color:var(--color-accent);background:#61ff8314}.archive-count:before{content:"[ ";color:var(--color-accent)}.archive-count:after{content:" ]";color:var(--color-accent)}.archive-empty{padding:var(--space-7) 0;font-size:.92rem;color:var(--color-text-faint)}.archive-year{margin-bottom:var(--space-7)}.archive-year__head{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:1rem;font-weight:700;letter-spacing:.1em;color:var(--color-text-strong)}.archive-year__list{display:flex;flex-direction:column}.about-page{padding:var(--space-8) 0;max-width:680px}.about-header{margin-bottom:var(--space-8);padding-bottom:var(--space-7);border-bottom:1px solid var(--color-border)}.about-header__title{font-size:clamp(1.9rem,4vw,2.4rem);margin-bottom:var(--space-5)}.about-header__intro{font-size:1rem;color:var(--color-text);line-height:1.8}.about-section{margin-bottom:var(--space-7)}.about-section__title{font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.about-section__content{font-size:.94rem;color:var(--color-text);line-height:1.8}.about-section__content p+p{margin-top:var(--space-4)}.about-section__content strong{color:var(--color-text-strong);font-weight:700}.about-section__content a{color:var(--color-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-accent) 40%,transparent);transition:text-decoration-color var(--duration-fast)}.about-section__content a:hover{text-decoration-color:var(--color-accent)}.search-page{padding:var(--space-8) 0}.search-header{margin-bottom:var(--space-7)}.search-header__title{font-size:clamp(1.6rem,3vw,2.1rem);margin-bottom:var(--space-5)}.search-form{max-width:640px}.search-input{width:100%;height:52px;padding:0 var(--space-5);font-family:var(--font-mono);font-size:.95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-alt);color:var(--color-text-strong);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.search-input::placeholder{color:var(--color-text-faint)}.search-hint{margin-top:var(--space-3);font-size:.8rem;color:var(--color-text-faint)}.search-hint kbd{font-family:var(--font-mono);font-size:.64rem;padding:2px 6px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-alt)}.search-status{margin:var(--space-5) 0;font-size:.82rem;color:var(--color-text-faint)}.search-results{display:flex;flex-direction:column}.search-result{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border);transition:border-color var(--duration-fast),transform var(--duration-fast)}.search-result:hover{border-color:var(--color-border-hover);transform:translate(4px)}.search-result:last-child{border-bottom:none}.search-result__link{display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none}.search-result__title{font-family:var(--font-mono);font-size:1.24rem;font-weight:700;color:var(--color-text-strong);transition:color var(--duration-fast)}.search-result__link:hover .search-result__title{color:var(--color-accent)}.search-result__excerpt{font-family:var(--font-sans);font-size:.86rem;color:var(--color-text-faint);line-height:1.65}.search-result__excerpt mark{color:var(--color-accent);background:var(--color-accent-subtle);border-radius:3px;padding:0 .18em}.search-result__meta{display:flex;gap:var(--space-4);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint);margin-top:var(--space-2)}.empty-state{padding:var(--space-9) 0;text-align:left}.empty-state__title{font-size:clamp(1.6rem,3vw,2rem);margin-bottom:var(--space-4)}.empty-state__desc{font-size:.92rem;color:var(--color-text-faint)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-5);top:var(--space-3);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.78rem;transform:translateY(-140%);transition:transform var(--duration-fast)}.skip-link:focus{transform:translateY(0)}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none}.reading-progress__bar{height:100%;background:var(--color-green);transform-origin:left center;transform:scaleX(0);transition:transform 50ms linear}.animate-on-scroll{opacity:0;transform:translateY(14px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.animate-on-scroll:nth-child(2){transition-delay:60ms}.animate-on-scroll:nth-child(3){transition-delay:.12s}.animate-on-scroll:nth-child(4){transition-delay:.18s}.animate-on-scroll:nth-child(5){transition-delay:.24s}.animate-on-scroll:nth-child(6){transition-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:1024px){.hero:after{display:none}.track-grid{grid-template-columns:repeat(2,1fr)}.post-layout{grid-template-columns:1fr}.post-sidebar{position:static;display:flex;gap:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);max-height:none}.sidebar-section{flex:1;padding:0;border:none}.site-header__prompt,.site-header__nav-note{display:none}.feed-card{grid-template-columns:180px minmax(0,1fr)}}@media(max-width:768px){:root{--space-8: 48px;--space-9: 64px;--header-height: 76px}.site-header__nav{display:none}.site-header__brand-name{font-size:1.5rem}.site-header__bar .site-header__inner{height:60px}.site-header__discover{display:none}.site-header__action{height:36px;padding:0 11px;font-size:.85rem}.hero{padding:var(--space-7) 0}.stats{flex-wrap:wrap;gap:var(--space-5)}.stats__item{min-width:100px}.track-grid,.tag-directory,.tag-directory__item{grid-template-columns:1fr}.tag-directory__item p{grid-column:auto}.tag-rail{grid-template-columns:1fr;gap:var(--space-3)}.prose table{display:block;overflow-x:auto;white-space:nowrap}.prose th,.prose td{min-width:10rem}.post-item{grid-template-columns:1fr;gap:var(--space-2)}.post-item__date{padding-top:0}.feed-card{grid-template-columns:1fr;gap:var(--space-3)}.feed-card__media{max-height:200px}.site-footer__inner{flex-direction:column;gap:var(--space-4);align-items:flex-start}.post-header__byline{justify-content:flex-start}.post-header__tools{display:none}}@media(max-width:480px){.site-main{padding:var(--space-6) var(--space-4)}.site-header__inner{padding:0 var(--space-4)}.site-header__action kbd,.site-header__actions a[href="/rss.xml"]{display:none}.hero__cta{flex-direction:column}.hero__cta .btn{width:100%}.post-sidebar{flex-direction:column}}.mermaid-block{margin:2rem 0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto;text-align:center;background-color:#0e3f32;background-image:var(--paper-noise);background-size:var(--paper-grain-size);box-shadow:inset 0 1px #b9ffd00d,0 6px 20px #00000040}.mermaid-block .mermaid svg{max-width:100%;height:auto}@media(max-width:768px){.site-header__tracks[data-astro-cid-ctg3m53h]{height:56px}.track-chip[data-astro-cid-ctg3m53h]{font-size:.88rem;padding:7px 12px}.site-header__prompt[data-astro-cid-ctg3m53h],.site-header__discover[data-astro-cid-ctg3m53h]{display:none}}