:root{--bg-base: #e5e9f1;--bg-deep: #d3dae8;--bg-paper: #f0f3fa;--text-primary: #0a111c;--text-soft: #2b3847;--text-muted: #5d6a7b;--line-base: #b1bcce;--line-soft: #c6cedd;--accent: #e11d74;--accent-deep: #be1664;--accent-2: #fbbf24;--invert-bg: #0a111c;--invert-text: #f0f3fa;--font-display: "Space Grotesk", -apple-system, system-ui, sans-serif;--font-body: "Space Grotesk", -apple-system, system-ui, sans-serif;--font-mono: "Space Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--size-base: 17px;--size-lede: 19px;--size-h1: clamp(32px, 5vw, 52px);--size-h2: clamp(24px, 3.5vw, 36px);--size-h3: 22px;--size-nav: 15px;--size-kicker: 13.5px;--size-meta: 12.5px;--size-card-h3: 20px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-brand: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 22px;--space-6: 26px;--space-8: 36px;--space-11: 48px;--space-12: 72px;--space-14: 88px;--space-16: 96px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 14px;--r-full: 9999px;--maxw: 760px;--maxw-wide: 1080px;--pad-x: 36px;--term-green: #8fce6b;--dur-fast: .15s;--dur-base: .2s;--dur-slow: .6s;--ease-ease: ease;--ease-smooth: cubic-bezier(.16,1,.3,1)}[data-theme=dark]{--bg-base: #0d1420;--bg-deep: #090f1a;--bg-paper: #15202f;--text-primary: #eef2f9;--text-soft: #b8c4d4;--text-muted: #94a3b8;--line-base: #2a3850;--line-soft: #1c2738;--accent: #db5c8e;--accent-deep: #c44a7c;--accent-2: #fbbf24;--invert-bg: #05090f;--invert-text: #eef2f9}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-base: #0d1420;--bg-deep: #090f1a;--bg-paper: #15202f;--text-primary: #eef2f9;--text-soft: #b8c4d4;--text-muted: #94a3b8;--line-base: #2a3850;--line-soft: #1c2738;--accent: #db5c8e;--accent-deep: #c44a7c;--accent-2: #fbbf24;--invert-bg: #05090f;--invert-text: #eef2f9}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--size-base)}body{font-family:var(--font-body);font-size:var(--size-base);background:var(--bg-base);color:var(--text-primary);line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased;margin:0;font-weight:var(--weight-regular)}a{color:inherit;text-decoration:none}.topnav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--pad-x);background:color-mix(in srgb,var(--bg-base) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}.brand{font-family:var(--font-display);font-size:var(--size-base);font-weight:var(--weight-brand);letter-spacing:-.025em;color:var(--text-primary);text-decoration:none;display:inline-flex;align-items:baseline;gap:var(--space-2)}.brand .dot{color:var(--accent)}.brand .tag{font-family:var(--font-mono);font-size:var(--size-meta);font-weight:var(--weight-regular);color:var(--text-muted);letter-spacing:0}.topnav-links{display:flex;gap:var(--space-6);align-items:center;font-size:var(--size-nav)}.topnav-links a{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-soft);text-decoration:none;font-weight:var(--weight-medium);letter-spacing:.04em;transition:color var(--dur-fast)}.topnav-links a:hover{color:var(--text-primary)}.theme-btn{font-family:var(--font-mono);font-size:var(--size-meta);font-weight:var(--weight-medium);padding:5px 11px;border-radius:var(--r-sm);cursor:pointer;background:transparent;color:var(--text-muted);border:1px solid var(--line-base);letter-spacing:.04em;transition:all var(--dur-fast);display:inline-flex;align-items:center;gap:6px;line-height:1}.theme-btn:hover{border-color:var(--accent);color:var(--accent)}.site-wrapper{max-width:var(--maxw);margin:0 auto;padding:var(--space-12) var(--pad-x)}.site-footer{max-width:var(--maxw);margin:var(--space-12) auto 0;padding:var(--space-8) var(--pad-x) var(--space-11);border-top:1px solid var(--line-base);font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-muted);letter-spacing:.04em;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.site-footer a{color:var(--text-muted);text-decoration:none;transition:color var(--dur-fast)}.site-footer a:hover{color:var(--accent)}#progress-bar{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--accent);z-index:100;transform:scaleX(0);transform-origin:left;transition:transform .05s linear;pointer-events:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes growRight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}main{animation:fadeUp .4s var(--ease-smooth) both}.index-lead{margin-bottom:var(--space-12);padding-top:var(--space-11)}.index-headline{font-family:var(--font-display);font-size:var(--size-h1);font-weight:var(--weight-bold);line-height:1.05;letter-spacing:-.03em;margin:0 0 var(--space-5);color:var(--text-primary);text-wrap:balance}.index-headline .word{display:inline-block;white-space:pre;opacity:0;animation:fadeUp .45s var(--ease-smooth) both}.index-headline .word:nth-child(1){animation-delay:.04s}.index-headline .word:nth-child(2){animation-delay:.09s}.index-headline .word:nth-child(3){animation-delay:.14s}.index-headline .word:nth-child(4){animation-delay:.19s}.index-headline .word:nth-child(5){animation-delay:.24s}.index-headline .word:nth-child(6){animation-delay:.29s}.index-headline .word:nth-child(7){animation-delay:.34s}.index-headline .em{color:var(--accent)}.index-headline .underline{text-decoration:underline;text-decoration-color:var(--accent-2);text-decoration-thickness:6px;text-underline-offset:7px}.index-sub{color:var(--text-soft);font-size:var(--size-lede);line-height:1.55;max-width:480px;margin:0;opacity:0;animation:fadeUp .45s var(--ease-smooth) .4s both}.section-label{font-family:var(--font-mono);font-size:var(--size-kicker);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:var(--weight-bold);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-5)}.section-label:after{content:"";flex:1;height:1px;background:var(--line-base);transform-origin:left;transform:scaleX(0);animation:growRight .5s var(--ease-smooth) .5s both}.filter-strip{display:flex;gap:var(--space-5);margin-bottom:var(--space-6);font-family:var(--font-mono);font-size:var(--size-meta);letter-spacing:.05em}.filter-btn{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-mono);font-size:var(--size-meta);letter-spacing:.05em;color:var(--text-muted);transition:color var(--dur-fast)}.filter-btn:hover{color:var(--text-primary)}.filter-btn.active{color:var(--text-primary);font-weight:var(--weight-semibold)}.filter-btn[data-filter=code].active{color:var(--accent)}.filter-btn[data-filter=thought].active{color:var(--accent-2)}.home-grid{display:grid;grid-template-columns:1fr 200px;gap:0 var(--space-12);align-items:start}@media(max-width:768px){.home-grid{grid-template-columns:1fr}.home-sidebar{display:none}}.hero-card{border-radius:var(--r-md);overflow:hidden;margin-bottom:var(--space-8);display:block;text-decoration:none;color:inherit;border:1px solid var(--line-base);transition:border-color var(--dur-base),transform var(--dur-base) var(--ease-smooth)}.hero-card:hover{border-color:var(--accent);transform:translateY(-2px)}.hero-card__cover{height:220px;position:relative;overflow:hidden}.hero-card__cover--code{background:linear-gradient(135deg,var(--bg-deep) 0%,var(--invert-bg) 100%)}.hero-card__cover--thought{background:linear-gradient(135deg,var(--bg-deep) 0%,#0d2233 100%)}.hero-card__cover img{width:100%;height:100%;object-fit:cover;display:block}.hero-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,17,28,.88) 0%,rgba(10,17,28,.28) 55%,transparent 80%)}.hero-card__text{position:absolute;bottom:0;left:0;right:0;padding:var(--space-5) var(--space-6)}.hero-card__type{font-family:var(--font-mono);font-size:var(--size-meta);letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-2);display:block;font-weight:var(--weight-semibold)}.hero-card__cover--thought .hero-card__type{color:var(--accent-2)}.hero-card__title{font-family:var(--font-display);font-size:clamp(22px,3.5vw,34px);font-weight:var(--weight-bold);color:#eef2f9;line-height:1.12;letter-spacing:-.025em;margin:0 0 var(--space-2);text-wrap:balance}.hero-card__desc{font-size:14.5px;color:#eef2f9b8;line-height:1.55;margin:0}.hero-card__meta{font-family:var(--font-mono);font-size:var(--size-meta);color:#eef2f97a;letter-spacing:.04em;margin-top:var(--space-3);display:block}.post-list{list-style:none;padding:0;margin:0}.post-item{display:grid;grid-template-columns:60px 1fr;gap:0 var(--space-6);padding:var(--space-6) 0;border-bottom:1px solid var(--line-soft);align-items:start;opacity:0;animation:fadeUp .4s var(--ease-smooth) both;position:relative}.post-item--with-thumb{grid-template-columns:60px 1fr 42px}.post-item:nth-child(1){animation-delay:.08s}.post-item:nth-child(2){animation-delay:.14s}.post-item:nth-child(3){animation-delay:.2s}.post-item:nth-child(4){animation-delay:.26s}.post-item:nth-child(5){animation-delay:.32s}.post-item:before{content:"";position:absolute;left:calc(-1 * var(--pad-x));top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform var(--dur-base) var(--ease-smooth)}.post-item:hover:before{transform:scaleY(1)}.post-item:hover{background:color-mix(in srgb,var(--bg-paper) 80%,transparent);margin:0 calc(-1 * var(--pad-x));padding-left:var(--pad-x);padding-right:var(--pad-x)}.post-datecol{text-align:right;padding-top:var(--space-1)}.post-datecol__day{display:block;font-family:var(--font-display);font-size:28px;font-weight:var(--weight-bold);line-height:1;color:var(--text-muted);letter-spacing:-.03em;transition:color var(--dur-fast)}.post-item:hover .post-datecol__day{color:var(--accent)}.post-datecol__mon{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin-top:var(--space-1)}.post-link{display:block;text-decoration:none}.post-type{font-family:var(--font-mono);font-size:var(--size-meta);letter-spacing:.06em;display:block;margin-bottom:var(--space-1);font-weight:var(--weight-medium)}.post-type--code{color:var(--accent)}.post-type--thought{color:var(--accent-2)}.post-title{font-family:var(--font-display);font-size:20px;font-weight:var(--weight-bold);line-height:1.2;letter-spacing:-.025em;margin:0 0 var(--space-2);color:var(--text-primary);transition:color var(--dur-fast);display:flex;align-items:baseline;gap:var(--space-2);text-wrap:balance}.post-item:hover .post-title{color:var(--accent)}.post-title__arrow{font-family:var(--font-mono);font-size:12px;font-weight:var(--weight-regular);opacity:0;transform:translate(-5px);transition:opacity var(--dur-fast),transform var(--dur-fast);display:inline-block;color:var(--accent)}.post-item:hover .post-title__arrow{opacity:1;transform:translate(0)}.post-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.post-read-time{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-muted);letter-spacing:.04em}.post-excerpt{font-size:14.5px;color:var(--text-soft);line-height:1.55;margin:0}.post-thumb{width:42px;height:36px;border-radius:var(--r-sm);flex-shrink:0;margin-top:var(--space-2);overflow:hidden;border:1px solid var(--line-soft)}.post-thumb--code{background:linear-gradient(135deg,var(--bg-deep) 0%,color-mix(in srgb,var(--accent) 60%,var(--invert-bg)) 100%)}.post-thumb--thought{background:linear-gradient(135deg,var(--bg-deep) 0%,#0d2233 100%)}.post-thumb--image{position:relative}.post-thumb__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.post-thumb__tint{position:absolute;inset:0}.post-thumb__tint--code{background:#e11d7473}.post-thumb__tint--thought{background:#0d22338c}.home-sidebar{padding-top:var(--space-1)}.sidebar-inner{border-left:1px solid var(--line-base);padding-left:var(--space-6);position:sticky;top:var(--space-12)}.sidebar-label{font-family:var(--font-mono);font-size:var(--size-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-5);display:block}.repo-card{display:block;text-decoration:none;color:inherit;margin-bottom:var(--space-3);border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line-soft);transition:border-color var(--dur-fast),transform var(--dur-fast) var(--ease-smooth)}.repo-card:last-child{margin-bottom:0}.repo-card:hover{border-color:var(--accent);transform:translateY(-1px)}.repo-card__visual{height:65px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--bg-deep) 0%,var(--invert-bg) 100%)}.repo-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.repo-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,17,28,.88) 0%,rgba(10,17,28,.18) 60%,transparent 100%)}.repo-card__text{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2) var(--space-3)}.repo-card__name{display:block;font-family:var(--font-mono);font-size:var(--size-meta);font-weight:var(--weight-medium);color:#eef2f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repo-card__meta{display:block;font-family:var(--font-mono);font-size:10px;color:#eef2f97a;margin-top:2px}.article-back{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-muted);letter-spacing:.04em;margin-bottom:var(--space-8);transition:color var(--dur-fast);text-decoration:none;overflow:hidden}.article-back:hover{color:var(--accent)}.article-back .back-arrow{display:inline-block;transition:transform var(--dur-fast) var(--ease-smooth)}.article-back:hover .back-arrow{transform:translate(-3px)}.article-header{margin-bottom:var(--space-11);padding-bottom:var(--space-8);border-bottom:1px solid var(--line-base)}.article-stamp{display:inline-flex;align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-muted);letter-spacing:.05em;margin-bottom:var(--space-5)}.article-stamp:before{content:"";display:inline-block;width:6px;height:6px;border-radius:var(--r-full);background:var(--accent);flex-shrink:0}.article-stamp-sep{color:var(--line-base)}.article-title{font-family:var(--font-display);font-size:var(--size-h1);font-weight:var(--weight-bold);line-height:1.08;letter-spacing:-.032em;margin:0 0 var(--space-5);color:var(--text-primary);text-wrap:balance}.article-description{font-size:var(--size-lede);color:var(--text-soft);line-height:1.55;margin:0}.article-body{font-family:var(--font-body);font-size:var(--size-base);color:var(--text-primary);line-height:1.75;max-width:65ch}.article-body p{margin:0 0 1.4em}.article-body>p:first-child:first-letter{font-family:var(--font-display);font-size:3.6rem;font-weight:var(--weight-bold);line-height:.78;float:left;margin:.06em .1em 0 0;color:var(--accent)}.article-body h2{font-family:var(--font-display);font-size:24px;font-weight:var(--weight-bold);letter-spacing:-.025em;line-height:1.2;margin:2.5em 0 .75em;color:var(--text-primary)}.article-body h3{font-family:var(--font-display);font-size:20px;font-weight:var(--weight-semibold);letter-spacing:-.02em;margin:2em 0 .5em;color:var(--text-primary)}.article-body a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:3px;transition:text-decoration-color var(--dur-fast)}.article-body a:hover{text-decoration-color:var(--accent)}.article-body code{font-family:var(--font-mono);font-size:.84em;background:var(--bg-paper);padding:.12em .38em;border-radius:var(--r-sm);border:1px solid var(--line-base);color:var(--text-primary)}.article-body pre{background:var(--invert-bg);border:1px solid var(--line-base);padding:var(--space-6) var(--space-8);border-radius:var(--r-md);overflow-x:auto;font-family:var(--font-mono);font-size:.84em;line-height:1.65;margin:1.5em 0;color:var(--invert-text)}.article-body pre code{background:none;border:none;padding:0;color:inherit}.article-body blockquote{border-left:2px solid var(--accent);padding:var(--space-3) 0 var(--space-3) var(--space-6);color:var(--text-soft);margin:1.5em 0;font-style:normal}.article-body blockquote p{color:var(--text-soft)}.article-body ul,.article-body ol{padding-left:var(--space-8);margin:0 0 1.4em}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin-bottom:.4em}.article-body hr{border:none;text-align:center;margin:2.75em 0;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.4em;opacity:.6}.article-body hr:before{content:"· · ·"}.article-body strong{font-weight:var(--weight-bold);color:var(--text-primary)}.article-body img{max-width:100%;height:auto;display:block;margin:1.5em auto;border-radius:var(--r-md);border:1px solid var(--line-base)}.article-body figure,.article-body .pipeline-well,.article-body .warstory,.article-body .cost-banner,.article-body .lesson-block{max-width:min(880px,92vw);margin-left:50%;transform:translate(-50%)}.article-body figure{margin-top:2em;margin-bottom:2em}.article-body figure img{margin:0;width:100%}.article-body figcaption{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-top:10px;letter-spacing:.02em}.article-body .pipeline-well{background:var(--invert-bg);border:1px solid var(--line-base);border-radius:var(--r-lg);padding:var(--space-6);margin-top:2em;margin-bottom:2em;overflow-x:auto}.article-body .pipeline-well svg{display:block;min-width:640px;width:100%;height:auto}.article-body .warstory{background:var(--bg-paper);border:1px solid var(--line-base);border-radius:var(--r-md);padding:var(--space-6);margin-top:1.5em;margin-bottom:1.5em}.article-body .warstory .tag{font-family:var(--font-mono);font-size:11px;color:var(--accent);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;display:block}.article-body .warstory p{margin:0 0 var(--space-4);font-size:15px}.article-body .warstory p:last-child{margin-bottom:0}.article-body .cost-banner{background:var(--invert-bg);color:var(--invert-text);border-radius:var(--r-lg);padding:var(--space-6) 28px;margin-top:2em;margin-bottom:2em}.article-body .cost-banner .ttl{font-family:var(--font-mono);font-size:var(--size-kicker);color:var(--accent-2);font-weight:var(--weight-bold);letter-spacing:.06em;margin-bottom:var(--space-5)}.article-body .cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-5)}.article-body .cost-item .n{font-family:var(--font-mono);font-size:22px;font-weight:var(--weight-bold);color:var(--accent);display:block}.article-body .cost-item .l{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;display:block}.article-body .cost-total{border-top:1px solid var(--line-base);margin-top:var(--space-5);padding-top:var(--space-5);font-family:var(--font-mono);font-size:15px}.article-body .cost-total .amt{color:var(--accent-2);font-weight:var(--weight-bold);font-size:20px}.article-body .lesson-block{background:var(--bg-paper);border:1px solid var(--line-base);border-radius:var(--r-md);padding:var(--space-6);margin-top:2em;margin-bottom:2em}.article-body .lesson-block .tag{font-family:var(--font-mono);font-size:11px;color:var(--accent-2);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;display:block}.article-body .lesson-block p{margin:0;font-size:17px;color:var(--text-primary);font-weight:var(--weight-medium);line-height:1.5}@media(max-width:760px){.article-body figure,.article-body .pipeline-well,.article-body .warstory,.article-body .cost-banner,.article-body .lesson-block{max-width:100%;margin-left:0;transform:none}}.article-end{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--line-base);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-5)}.article-end__back{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-muted);letter-spacing:.05em;text-decoration:none;transition:color var(--dur-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.article-end__back:hover{color:var(--accent)}.article-end__next{text-align:right}.article-end__next-label{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:var(--space-2)}.article-end__next-title{font-family:var(--font-display);font-size:16px;font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--text-primary);text-decoration:none;transition:color var(--dur-fast);display:inline-flex;align-items:baseline;gap:var(--space-2)}.article-end__next-title:hover{color:var(--accent)}.sidebar-quote{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--line-soft)}.sidebar-quote:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-quote__mark{font-family:var(--font-display);font-size:24px;font-weight:var(--weight-bold);color:var(--line-base);line-height:1;margin-bottom:var(--space-2);display:block}.sidebar-quote__text{font-size:13.5px;color:var(--text-soft);line-height:1.6;margin:0 0 var(--space-3);font-style:normal}.sidebar-quote__source{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);transition:color var(--dur-fast)}.sidebar-quote__source:hover,.sidebar-quote__arrow{color:var(--accent)}@media(max-width:600px){:root{--pad-x: 20px}.topnav{padding:var(--space-3) var(--pad-x)}.site-wrapper{padding:var(--space-8) var(--pad-x)}.site-footer{padding:var(--space-6) var(--pad-x) var(--space-8)}.post-item{grid-template-columns:52px 1fr;gap:0 var(--space-4)}.post-item--with-thumb{grid-template-columns:52px 1fr 36px}.post-datecol__day{font-size:22px}.article-body>p:first-child:first-letter{font-size:3rem}.index-lead{padding-top:var(--space-8)}.post-thumb{width:36px;height:30px}.article-caveman-bar .hint{display:none}.article-kicker{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em}}@media(max-width:860px){.brand .tag{display:none}}@media(max-width:860px){.topnav nav{gap:var(--space-3)}.topnav nav a[href="/#feed"],.topnav nav a[href="/#reading"]{display:none}.topnav nav a[href="/rss.xml"]{display:none}.topnav nav .caveman-btn{display:none}}@media(max-width:480px){#theme-label{display:none}.theme-btn{padding:5px 8px;gap:0}.topnav nav .now-link{font-size:0;gap:0}.topnav nav .now-link .on-air{font-size:9px}}.page-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad-x)}.page-wrap--wide{max-width:var(--maxw-wide)}.index-lead.page-wrap{padding-top:var(--space-8);margin-bottom:var(--space-5)}.filter-strip.page-wrap{margin-bottom:var(--space-8)}.post-card{background:var(--bg-paper);border:1px solid var(--line-base);border-radius:var(--r-md);padding:var(--space-6);text-decoration:none;color:var(--text-primary);transition:transform var(--dur-base) var(--ease-smooth),border-color var(--dur-base),box-shadow var(--dur-base);display:flex;flex-direction:column;gap:12px;min-height:220px;overflow:hidden}.post-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 12%,transparent)}.post-card .card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.post-card .date{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-muted);letter-spacing:.06em;font-weight:var(--weight-medium);white-space:nowrap}.post-card .cat-chip{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.06em;background:color-mix(in srgb,var(--accent) 10%,transparent);padding:2px 8px;border-radius:var(--r-full);white-space:nowrap;flex-shrink:0}.post-card h3{font-family:var(--font-display);font-size:var(--size-card-h3);font-weight:var(--weight-bold);margin:0;letter-spacing:-.028em;line-height:1.15}.post-card .excerpt{font-size:14.5px;color:var(--text-soft);flex:1;line-height:1.5}.post-card .read{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-muted);font-weight:var(--weight-medium)}.wordmark__cursor{display:inline-block;font-size:14px;font-weight:400;color:var(--accent);animation:cursor-blink .9s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.wordmark__cursor{animation:none;opacity:1}}.topnav nav{display:flex;gap:var(--space-6);align-items:center;font-size:var(--size-nav)}.topnav nav a{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-soft);text-decoration:none;font-weight:var(--weight-medium);letter-spacing:.04em;transition:color var(--dur-fast)}.topnav nav a:hover{color:var(--text-primary)}.topnav nav a.now-link{display:inline-flex;align-items:center;gap:9px;color:var(--text-primary);font-weight:var(--weight-semibold);font-family:var(--font-mono);font-size:var(--size-meta);text-decoration:none}.on-air{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;font-weight:var(--weight-bold);letter-spacing:.12em;color:var(--invert-text);background:var(--invert-bg);padding:3px 7px 3px 6px;border-radius:var(--r-sm);text-transform:uppercase;line-height:1}.on-air .lamp{width:7px;height:7px;border-radius:var(--r-full);background:var(--accent);animation:tally 1.8s ease-in-out infinite}.on-air .txt{color:var(--accent-2)}@keyframes tally{0%,to{box-shadow:0 0 4px 1px color-mix(in srgb,var(--accent) 70%,transparent);opacity:1}50%{box-shadow:0 0 7px 3px color-mix(in srgb,var(--accent) 45%,transparent);opacity:.78}}.caveman-btn{font-family:var(--font-mono);font-size:var(--size-meta);font-weight:var(--weight-medium);padding:5px 11px;border-radius:var(--r-sm);cursor:pointer;background:transparent;color:var(--text-muted);border:1px solid var(--line-base);letter-spacing:.04em;transition:all var(--dur-fast);display:inline-flex;align-items:center;gap:6px}.caveman-btn:hover{border-color:var(--accent);color:var(--accent)}.caveman-btn[aria-pressed=true]{background:var(--invert-bg);color:var(--accent-2);border-color:var(--invert-bg)}.lead-section{padding:var(--space-8) 0 var(--space-8);border-bottom:1px solid var(--line-base)}.lead-box{background:var(--bg-paper);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line-base));border-radius:var(--r-xl);padding:var(--space-8);box-shadow:0 4px 24px color-mix(in srgb,var(--invert-bg) 8%,transparent);margin-top:var(--space-5)}.lead-post{display:grid;grid-template-columns:1fr 420px;gap:var(--space-11);align-items:start}@media(max-width:900px){.lead-post{grid-template-columns:1fr;gap:var(--space-8)}}.lead-meta{font-family:var(--font-mono);font-size:var(--size-kicker);color:var(--text-muted);letter-spacing:.08em;margin-bottom:var(--space-5)}.lead-meta .cat{color:var(--accent);font-weight:700}.lead-title{font-family:var(--font-display);font-size:clamp(38px,5.5vw,68px);font-weight:700;letter-spacing:-.038em;line-height:.97;margin:0 0 var(--space-6);color:var(--text-primary);text-decoration:none;display:block}.lead-title .em{color:var(--accent)}.lead-title .underline{text-decoration:underline;text-decoration-color:var(--accent-2);text-decoration-thickness:6px;text-underline-offset:7px}.lead-excerpt{font-size:var(--size-lede);color:var(--text-soft);line-height:1.55;margin:0 0 var(--space-6);max-width:580px}.lead-read-link{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text-muted);text-decoration:none;letter-spacing:.04em;transition:color var(--dur-fast)}.lead-read-link:hover{color:var(--accent)}.lead-read-link:after{content:" →"}.lead-visual{background:var(--invert-bg);border-radius:var(--r-lg);padding:var(--space-8);min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-3);border:1px solid var(--line-base)}.lead-visual .vis-line{font-family:var(--font-mono);font-size:12px;color:var(--invert-text);opacity:.6;line-height:1.8}.lead-visual .vis-line.hi{color:var(--accent-2);opacity:1;font-weight:700}.lead-visual .vis-line.acc{color:var(--accent);opacity:1}.section-label{font-family:var(--font-mono);font-size:var(--size-kicker);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:700;margin-bottom:var(--space-5)}.lead-section .section-label:after,.feed-section .section-label:after,.repo-sidebar .section-label:after{display:none}.feed-section{padding:var(--space-8) 0 var(--space-8);border-bottom:1px solid var(--line-base)}.feed-section-inner{display:grid;grid-template-columns:1fr 260px;gap:var(--space-8);align-items:start}@media(max-width:900px){.feed-section-inner{grid-template-columns:1fr}}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.feed-list{border-top:1px solid var(--line-base)}.feed-row{display:grid;grid-template-columns:140px 1fr auto;gap:var(--space-6);padding:18px 0;border-bottom:1px solid var(--line-soft);text-decoration:none;color:var(--text-primary);align-items:baseline;transition:color var(--dur-fast)}.feed-row:hover .feed-row-title{color:var(--accent)}.feed-row-date{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-muted);letter-spacing:.06em;font-weight:500;white-space:nowrap}.feed-row-title{font-family:var(--font-display);font-size:var(--size-base);font-weight:600;letter-spacing:-.02em;color:var(--text-primary);transition:color var(--dur-fast)}.feed-row-cat{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-muted);white-space:nowrap}@media(max-width:640px){.feed-row{grid-template-columns:1fr;gap:var(--space-1)}.feed-row-cat{display:none}}.repo-sidebar{position:sticky;top:100px}.repo-sidebar .section-label{margin-bottom:var(--space-4)}.repo-card{background:var(--bg-paper);border:1px solid var(--line-base);border-radius:var(--r-lg);padding:var(--space-5);text-decoration:none;color:var(--text-primary);display:block;margin-bottom:var(--space-3);transition:border-color var(--dur-base)}.repo-card:hover{border-color:var(--accent)}.repo-card-name{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px}.repo-card-desc{font-size:13px;color:var(--text-soft);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 10px}.repo-card-meta{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-muted)}.reading-section{padding:var(--space-8) 0 var(--space-11)}.reading-wrap{max-width:680px}#reading{scroll-margin-top:80px}.article-kicker{font-family:var(--font-mono);font-size:var(--size-kicker);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--space-5)}.article-kicker .cat-label{color:var(--accent);font-weight:700}.article-h1{font-family:var(--font-display);font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-.038em;line-height:.97;margin:0 0 var(--space-6);color:var(--text-primary)}.article-h1 .em{color:var(--accent)}.article-h1 .underline{text-decoration:underline;text-decoration-color:var(--accent-2);text-decoration-thickness:6px;text-underline-offset:7px}.article-lede{font-size:var(--size-lede);color:var(--text-soft);line-height:1.6;margin:0 0 var(--space-11);padding-left:var(--space-6);font-style:italic}.article-caveman-bar{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--line-soft)}.article-caveman-bar .hint{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-muted);letter-spacing:.04em}.article-stamp{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);border-top:1px dashed var(--line-base);padding-top:var(--space-5);margin-top:var(--space-8)}.blog-footer{border-top:1px solid var(--line-base);padding:var(--space-8) 0 var(--space-12);font-family:var(--font-mono);font-size:12px;color:var(--text-muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.blog-footer a{color:var(--text-soft);text-decoration:none}.blog-footer a:hover{color:var(--accent)}.term-list{background:var(--invert-bg);border:1px solid var(--line-base);font-family:var(--font-mono);font-size:12px;border-radius:var(--r-lg);overflow:hidden}.term-titlebar{display:flex;align-items:center;gap:var(--space-3);padding:5px var(--space-5);border-bottom:1px solid color-mix(in srgb,var(--invert-text) 12%,transparent);background:color-mix(in srgb,var(--invert-bg) 60%,var(--bg-deep))}.term-titlebar-name{color:color-mix(in srgb,var(--invert-text) 70%,transparent);letter-spacing:.05em;font-size:11px}.term-titlebar-active{color:var(--invert-text);font-weight:700}.term-body{padding:var(--space-4) var(--space-5)}.term-prompt{color:var(--accent-2);margin-bottom:var(--space-3);white-space:nowrap;display:flex;align-items:center;gap:0}.term-dollar{color:var(--term-green);font-weight:700}.term-cmd{color:var(--invert-text);opacity:.85}.term-cursor{display:inline-block;color:var(--invert-text);margin-left:2px;animation:cursor-blink .9s step-end infinite;font-weight:400}.term-output{display:flex;flex-direction:column}.term-row{display:grid;grid-template-columns:90px 82px 38px 1fr;gap:var(--space-3);padding:3px 0;text-decoration:none;color:var(--invert-text);opacity:.7;transition:opacity var(--dur-fast),color var(--dur-fast)}.term-row:hover{opacity:1;color:var(--accent)}.term-row--current{opacity:1;color:var(--accent-2)}.term-perms{color:color-mix(in srgb,var(--invert-text) 35%,transparent)}.term-date{color:color-mix(in srgb,var(--invert-text) 55%,transparent)}.term-size{color:var(--accent-2);text-align:right}.term-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.term-statusbar{display:flex;align-items:center;justify-content:space-between;padding:4px var(--space-5);background:var(--term-green);border-top:1px solid color-mix(in srgb,#000 20%,transparent)}.term-status-left{color:#1a2a0a;font-weight:700;font-size:11px;letter-spacing:.04em}.term-status-right{color:#1a2a0a;font-size:11px;opacity:.8}.article-nav-pill{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:100;display:flex;align-items:center;gap:2px;background:color-mix(in srgb,var(--bg-base) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line-base);border-radius:var(--r-full);padding:6px 10px;box-shadow:0 4px 16px color-mix(in srgb,var(--invert-bg) 15%,transparent);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--dur-base) var(--ease-smooth),transform var(--dur-base) var(--ease-smooth)}.article-nav-pill.anp-visible{opacity:1;pointer-events:auto;transform:none}.anp-arrow{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:14px;padding:4px 8px;border-radius:var(--r-sm);transition:color var(--dur-fast);line-height:1}.anp-arrow:hover:not([disabled]){color:var(--text-primary)}.anp-arrow[disabled]{opacity:.3;cursor:default}.anp-title{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-muted);padding:4px 8px;border-radius:var(--r-sm);transition:color var(--dur-fast);letter-spacing:.04em}.anp-title:hover,.anp-counter{color:var(--accent)}.anp-overlay{position:fixed;bottom:64px;right:var(--space-6);z-index:101;width:360px;background:var(--bg-paper);border:1px solid var(--line-base);border-radius:var(--r-lg);box-shadow:0 8px 32px color-mix(in srgb,var(--invert-bg) 20%,transparent);overflow:hidden}.anp-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line-soft)}.anp-overlay-label{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--accent);font-weight:700;letter-spacing:.08em}.anp-close{background:none;border:none;cursor:pointer;font-size:12px;color:var(--text-muted);padding:4px;transition:color var(--dur-fast)}.anp-close:hover{color:var(--text-primary)}.anp-list{padding:var(--space-3) 0;max-height:320px;overflow-y:auto}.anp-item{display:grid;grid-template-columns:24px 1fr auto;gap:var(--space-3);align-items:baseline;padding:8px var(--space-5);text-decoration:none;color:var(--text-primary);transition:background var(--dur-fast)}.anp-item:hover{background:var(--bg-deep)}.anp-item--current{background:color-mix(in srgb,var(--accent) 8%,transparent)}.anp-item--current .anp-item-title{color:var(--accent)}.anp-item-num{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);font-weight:700}.anp-item-title{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anp-item-date{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);white-space:nowrap}@media(max-width:640px){.anp-overlay{width:calc(100vw - var(--space-8));right:var(--space-4)}.article-nav-pill{right:var(--space-4)}}