@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;700&display=swap";:root{--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 64px;--space-9: 80px;--transition-base: .24s cubic-bezier(.16, 1, .3, 1)}:root,html[data-theme=light]{--color-background: #fcfcfc;--color-surface: #ffffff;--color-surface-muted: #f6f6f5;--color-text-primary: #111111;--color-text-secondary: #666666;--color-text-muted: #999999;--color-line: #eceae7;--color-accent: #111111;--color-accent-soft: rgba(17, 17, 17, .08);--color-shadow: rgba(0, 0, 0, .04);--color-grid: #f2f2f1;--brand-stop-1: #222222;--brand-stop-2: #666666;--brand-stop-3: #eeeeee;--brand-stop-4: #999999;--brand-stop-5: #dddddd;--brand-stop-6: #333333;--brand-core: #f2f2f2;--brand-shadow: rgba(0, 0, 0, .18)}html[data-theme=dark]{--color-background: #030303;--color-surface: #0a0a0a;--color-surface-muted: #0f0f0f;--color-text-primary: #ffffff;--color-text-secondary: #969696;--color-text-muted: #4d4d4d;--color-line: #1a1a1a;--color-accent: #ffffff;--color-accent-soft: rgba(255, 255, 255, .08);--color-shadow: rgba(255, 255, 255, .06);--color-grid: #0d0d0d;--brand-stop-1: #ffffff;--brand-stop-2: #333333;--brand-stop-3: #111111;--brand-stop-4: #888888;--brand-stop-5: #050505;--brand-stop-6: #cccccc;--brand-core: #040404;--brand-shadow: rgba(255, 255, 255, .16)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-background);background-image:radial-gradient(circle at 15% 15%,var(--color-surface-muted) 0%,var(--color-background) 60%);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{width:100%;max-width:1400px;margin:0 auto;padding:var(--space-9);display:grid;grid-template-columns:320px 1fr;gap:var(--space-9)}.site-shell__sidebar{position:sticky;top:var(--space-9);height:calc(100vh - 160px);align-self:start;display:flex;flex-direction:column;justify-content:space-between}.site-shell__main{min-width:0}.sidebar-block+.sidebar-block{margin-top:var(--space-7)}.brand-mark{display:inline-flex;width:64px;height:64px;margin-bottom:var(--space-6)}.brand-svg{width:100%;height:100%;overflow:visible}.brand-shadow{fill:var(--brand-shadow);filter:blur(10px)}.brand-core{fill:var(--brand-core)}.sidebar-title{margin:0 0 var(--space-2);font-size:24px;font-weight:550;letter-spacing:-.02em}.sidebar-copy{margin:0;max-width:280px;font-size:14px;color:var(--color-text-secondary)}.sidebar-legend,.sidebar-status{display:flex;flex-direction:column;gap:var(--space-4)}.sidebar-legend{margin-top:var(--space-6)}.sidebar-legend-item,.sidebar-status-row,.article-meta,.entry-meta,.about-meta,.theme-toggle,.article-footer{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.sidebar-legend-item{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary)}.sidebar-legend-node{width:12px;height:12px;border-radius:999px;position:relative;flex:0 0 12px}.sidebar-legend-node--essay{background:var(--color-accent);box-shadow:0 0 12px var(--color-accent-soft)}.sidebar-legend-node--log{border:1.5px solid var(--color-accent);border-top-color:transparent;border-right-color:transparent;transform:rotate(45deg)}.sidebar-legend-node--note{background:transparent;border:1px solid var(--color-line)}.sidebar-status{padding-top:var(--space-5);border-top:1px solid var(--color-line)}.sidebar-status-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--color-text-muted)}.sidebar-status-value,.sidebar-status-link{color:var(--color-text-primary);text-align:right}.sidebar-status-link{transition:opacity var(--transition-base)}.sidebar-status-link:hover{opacity:.72}.theme-toggle{margin-top:var(--space-6);width:fit-content;display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:999px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),transform var(--transition-base)}.theme-toggle:hover{color:var(--color-text-primary);border-color:color-mix(in srgb,var(--color-line) 55%,var(--color-accent));transform:translateY(-1px)}.theme-toggle__value{color:var(--color-text-primary)}.timeline{position:relative;padding-bottom:var(--space-9)}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:19px;width:1px;background:linear-gradient(to bottom,var(--color-line) 0%,var(--color-line) 80%,transparent 100%)}.timeline-entry{position:relative;z-index:1;display:flex;gap:var(--space-7);margin-bottom:var(--space-8);opacity:0;transform:translateY(20px);animation:entry-in .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--entry-delay, 0ms)}@keyframes entry-in{to{opacity:1;transform:translateY(0)}}.timeline-entry__node-container{width:40px;padding-top:6px;display:flex;justify-content:center;flex-shrink:0}.timeline-entry__node{width:10px;height:10px;border-radius:999px;position:relative;z-index:1;background:var(--color-background)}.timeline-entry--essay .timeline-entry__node{background:var(--color-accent);box-shadow:0 0 10px var(--color-accent-soft)}.timeline-entry--essay .timeline-entry__node:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--color-accent);z-index:-1;animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.timeline-entry--log .timeline-entry__node{background:transparent;border:1.5px solid var(--color-accent);border-top-color:transparent;border-right-color:transparent;animation:spin 4s linear infinite}.timeline-entry--note .timeline-entry__node{border:1px solid var(--color-line);background:var(--color-background)}@keyframes pulse{0%{transform:scale(1);opacity:.7}60%{transform:scale(3.2);opacity:0}to{transform:scale(3.2);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.timeline-entry__card{flex:1;display:block;padding:var(--space-5);margin:calc(var(--space-5) * -1);border-radius:var(--radius-md);position:relative;transition:transform var(--transition-base),color var(--transition-base)}.timeline-entry__card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,var(--color-accent-soft) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.timeline-entry__card:hover{transform:translateY(-2px)}.timeline-entry__card:hover:before{opacity:1}.timeline-entry__content{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.entry-meta,.article-meta,.about-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.entry-meta span,.article-meta span,.about-meta span{display:inline-flex;align-items:center;gap:var(--space-2)}.entry-meta span:not(:last-child):after,.article-meta span:not(:last-child):after,.about-meta span:not(:last-child):after{content:"";width:4px;height:1px;background:var(--color-line)}.entry-id{color:var(--color-text-primary);font-weight:700}.timeline-entry__title,.article-title{margin:0;color:var(--color-text-primary);letter-spacing:-.02em}.timeline-entry__title{font-size:22px;font-weight:450}.timeline-entry__summary,.manifest-intro,.manifest-section__body{margin:0;color:var(--color-text-secondary)}.timeline-entry__summary{max-width:720px;font-size:15px}.timeline-entry__tags,.article-tags,.manifest-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.timeline-entry__tag,.article-tag,.manifest-tag{padding:4px 8px;border:1px solid var(--color-line);border-radius:2px;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-base),border-color var(--transition-base)}.timeline-entry__card:hover .timeline-entry__tag{color:var(--color-text-primary);border-color:color-mix(in srgb,var(--color-line) 60%,var(--color-accent))}.article-layout{max-width:760px;animation:article-in .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes article-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-title{margin:0 0 var(--space-5);font-size:clamp(36px,5vw,48px);font-weight:450;line-height:1.08}.article-header{margin-bottom:var(--space-8)}.article-body{font-size:18px;color:color-mix(in srgb,var(--color-text-primary) 78%,var(--color-text-secondary));line-height:1.9}.article-body :where(p,ul,ol){margin:0 0 var(--space-6)}.article-body :where(h2,h3){margin:var(--space-8) 0 var(--space-5);color:var(--color-text-primary);font-weight:450;letter-spacing:-.02em}.article-body h2{font-size:28px}.article-body h3{font-size:22px}.article-body blockquote{margin:var(--space-7) 0;padding-left:var(--space-6);border-left:1px solid var(--color-accent);color:var(--color-text-secondary);font-style:italic}.article-body code{padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-surface);font-family:var(--font-mono);font-size:15px}.article-body pre{margin:var(--space-7) 0;padding:var(--space-6);border-radius:var(--radius-md);overflow-x:auto;border:1px solid var(--color-line);background:var(--color-surface)}.article-body pre code{padding:0;border:none;background:transparent}.article-footer{margin-top:var(--space-9);padding-top:var(--space-6);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--color-line);color:var(--color-text-muted)}.article-nav{margin-top:var(--space-7);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.article-nav__link{padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 85%,transparent);transition:transform var(--transition-base),border-color var(--transition-base)}.article-nav__link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-line) 60%,var(--color-accent))}.article-nav__eyebrow,.manifest-section__eyebrow,.back-link,.error-code{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.back-link{margin-top:var(--space-6)}.article-nav__title{margin-top:var(--space-3);color:var(--color-text-primary);font-size:16px;line-height:1.5}.manifest-page{max-width:860px}.manifest-header{margin-bottom:var(--space-8)}.manifest-title{margin:0 0 var(--space-5);font-size:clamp(34px,5vw,46px);line-height:1.1;letter-spacing:-.03em}.manifest-intro{font-size:18px;max-width:760px}.manifest-grid{display:grid;gap:var(--space-6)}.manifest-section{padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 88%,transparent)}.manifest-section__title{margin:var(--space-3) 0 var(--space-4);font-size:26px;line-height:1.15;letter-spacing:-.02em}.manifest-section__body{font-size:16px}.progress-container{position:fixed;inset:0 auto auto 0;width:100%;height:2px;z-index:1000;pointer-events:none}.progress-bar{width:0;height:100%;background:var(--color-accent);box-shadow:0 0 10px var(--color-accent-soft)}.error-page{max-width:640px;padding-top:var(--space-8)}.error-title{margin:var(--space-4) 0;font-size:clamp(40px,6vw,56px);letter-spacing:-.04em}.error-copy{color:var(--color-text-secondary);font-size:18px}.home-intro{max-width:780px;margin-bottom:var(--space-7);color:var(--color-text-secondary);font-size:16px}@media(max-width:1024px){.site-shell{grid-template-columns:1fr;gap:var(--space-7);padding:var(--space-7)}.site-shell__sidebar{position:relative;top:0;height:auto;gap:var(--space-7)}.article-nav{grid-template-columns:1fr}}@media(max-width:640px){.site-shell{padding:var(--space-5)}.timeline-entry{gap:var(--space-5)}.timeline-entry__card{padding:var(--space-4);margin:calc(var(--space-4) * -1)}.article-body{font-size:17px}.entry-meta,.article-meta,.about-meta{gap:var(--space-2)}.entry-meta span:not(:last-child):after,.article-meta span:not(:last-child):after,.about-meta span:not(:last-child):after{display:none}}
