.layout{min-height:100vh;display:flex;flex-direction:column}.content-wrapper{max-width:1440px;width:100%;margin:0 auto;padding:0 40px;flex:1;display:flex}.main{flex:1;min-width:0;display:flex;gap:64px;padding-bottom:120px}.header{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--color-border)}.header-inner{max-width:1440px;margin:0 auto;padding:0 40px;height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.logo{justify-self:start;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.03em;color:var(--color-text);text-decoration:none}.logo-sup{font-size:.55em;vertical-align:super;color:var(--color-accent);font-weight:500}.nav{display:flex;align-items:center;gap:32px}.nav a{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--color-text-muted);text-decoration:none;position:relative;transition:color .2s var(--ease-out)}.nav a:before{content:"";position:absolute;left:-12px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--color-accent);transform:translateY(-50%) scale(0);transition:transform .25s var(--ease-out)}.nav a:hover{color:var(--color-text)}.nav a:hover:before{transform:translateY(-50%) scale(1)}.header-meta{justify-self:end;display:flex;align-items:center;gap:18px}.header-clock{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-text-muted);cursor:pointer;transition:color .2s,border-color .2s,transform .35s var(--ease-out)}.theme-toggle:hover{color:var(--color-accent);border-color:var(--color-accent);transform:rotate(45deg)}.home{flex:1;min-width:0}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding:88px 0 56px}.hero-text{min-width:0}.hero-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 28px}.hero-kicker:before{content:"";width:8px;height:8px;background:var(--color-accent)}.hero h1{font-family:var(--font-display);font-size:clamp(2.9rem,7vw,6rem);font-weight:700;letter-spacing:-.04em;line-height:.98;margin:0 0 32px;text-wrap:balance}.hero h1 .serif-accent{font-size:1.02em;color:var(--color-accent)}.hero-sub{font-size:1.1rem;line-height:1.7;color:var(--color-text-muted);max-width:480px;margin:0}.hero-art{flex-shrink:0}.ascii-art{font-family:var(--font-mono);font-size:.58rem;line-height:1.15;color:var(--color-accent);margin:0;-webkit-user-select:none;user-select:none}.hero-stats{display:flex;gap:48px;padding:20px 0;border-top:1px solid var(--color-border)}.hero-stat{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.hero-stat-num{color:var(--color-accent);font-weight:600}.hero-stat-right{margin-left:auto}.marquee{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:16px 0}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 30s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{display:inline-flex;align-items:center;gap:2.4rem;padding-right:2.4rem;font-family:var(--font-display);font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted);white-space:nowrap}.marquee-star{color:var(--color-accent);font-size:.8em}@keyframes marquee-scroll{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 0 16px}.section-count{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent)}.section-head-link{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s}.section-head-link:hover{color:var(--color-accent)}.posts-section{padding-top:48px}.posts{list-style:none;margin:0;padding:0}.post-row{display:grid;grid-template-columns:56px minmax(0,1fr) 180px 40px;align-items:center;gap:36px;padding:34px 24px;margin:0 -24px;text-decoration:none;color:inherit;border-bottom:1px solid var(--color-border);position:relative;overflow:hidden;transition:color .05s linear .12s}.posts li:first-child .post-row,.posts li:first-child .reveal .post-row{border-top:1px solid var(--color-border)}.post-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-accent);transform:translateY(101%);transition:transform .38s var(--ease-expo);z-index:0}.post-row:hover:before{transform:translateY(0)}.post-row>*{position:relative;z-index:1}.post-row:hover{color:var(--color-accent-contrast)}.post-row-index{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);transition:color .05s linear .12s}.post-row:hover .post-row-index{color:var(--color-accent-contrast)}.post-row-main{min-width:0}.post-row-title{font-family:var(--font-display);font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:600;letter-spacing:-.025em;line-height:1.15;margin:0 0 8px;transition:transform .38s var(--ease-expo)}.post-row:hover .post-row-title{transform:translate(10px)}.post-row-excerpt{margin:0;font-size:.92rem;line-height:1.6;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .05s linear .12s}.post-row:hover .post-row-excerpt{color:var(--color-accent-contrast);opacity:.85}.post-row-side{display:flex;flex-direction:column;gap:6px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--color-text-muted);transition:color .05s linear .12s}.post-row:hover .post-row-side{color:var(--color-accent-contrast)}.post-row-tags{text-transform:lowercase}.post-row-arrow{font-family:var(--font-display);font-size:1.5rem;justify-self:end;opacity:0;transform:translate(-8px,8px);transition:opacity .3s var(--ease-out),transform .38s var(--ease-expo)}.post-row:hover .post-row-arrow{opacity:1;transform:translate(0)}.no-posts{color:var(--color-text-muted);padding:32px 0}.no-posts code{font-family:var(--font-mono);background:var(--color-surface);padding:.15em .45em;border-radius:4px;font-size:.875em}.projects-section{padding-top:96px}.projects-loading{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border)}.project-cell{background:var(--color-bg)}.project-cell.reveal{transform:none}.project-card{display:flex;flex-direction:column;height:100%;padding:28px;text-decoration:none;color:inherit;background:transparent;transition:background .3s var(--ease-out)}.project-card:hover{background:var(--color-bg-elevated)}.project-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:36px}.project-index{font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted)}.project-arrow{font-family:var(--font-display);font-size:1.1rem;color:var(--color-text-muted);transition:transform .3s var(--ease-expo),color .2s}.project-card:hover .project-arrow{transform:translate(3px,-3px);color:var(--color-accent)}.project-name{font-family:var(--font-mono);font-size:.95rem;font-weight:600;margin:0 0 10px;word-break:break-word;transition:color .2s}.project-card:hover .project-name{color:var(--color-accent)}.project-description{margin:0 0 24px;font-size:.84rem;line-height:1.6;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-meta{margin-top:auto;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted)}.project-language:before{content:"● ";color:var(--color-accent);font-size:.7em;vertical-align:2px}.tags-section{padding-top:96px}.tags-grid{display:flex;flex-wrap:wrap;gap:10px}.tag-box{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.78rem;color:var(--color-text);text-decoration:none;border:1px solid var(--color-border-strong);padding:7px 16px;border-radius:99px;transition:background .25s var(--ease-out),color .25s,border-color .25s}.tag-box:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.tag-box-count{font-size:.7rem;color:var(--color-accent);transition:color .25s}.tag-box:hover .tag-box-count{color:var(--color-accent-contrast)}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--color-accent);transform-origin:0 0;transform:scaleX(0);z-index:300}.post{flex:1;min-width:0;max-width:760px;margin:0 auto;padding-top:56px}.back-link{display:inline-block;font-family:var(--font-mono);font-size:.76rem;color:var(--color-text-muted);text-decoration:none;margin-bottom:40px;transition:color .2s}.back-link:hover{color:var(--color-accent)}.post-header{margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid var(--color-border);position:relative}.post-header:after{content:"";position:absolute;bottom:-1px;left:0;width:72px;height:3px;background:var(--color-accent)}.post-header time{font-family:var(--font-mono);font-size:.78rem;color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase}.post-header h1{font-family:var(--font-display);font-size:clamp(2rem,4.2vw,3.1rem);font-weight:700;letter-spacing:-.035em;line-height:1.08;margin:16px 0 0;text-wrap:balance}.post-sidebar{width:250px;flex-shrink:0;position:sticky;top:92px;align-self:flex-start;max-height:calc(100vh - 120px);overflow-y:auto;display:flex;flex-direction:column;gap:40px;padding-top:56px;scrollbar-width:thin}.sidebar-section-title{font-family:var(--font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted);margin:0 0 14px}.toc-nav{border-left:1px solid var(--color-border)}.toc-list{list-style:none;margin:0;padding:0}.toc-item{margin:0}.toc-link{display:block;font-size:.8rem;line-height:1.45;color:var(--color-text-muted);text-decoration:none;padding:5px 0 5px 14px;margin-left:-1px;border-left:1px solid transparent;transition:color .2s,border-color .2s}.toc-level-3 .toc-link{padding-left:28px;font-size:.74rem}.toc-link:hover{color:var(--color-text)}.toc-item.active .toc-link{color:var(--color-accent);border-left-color:var(--color-accent)}.post-tags-sidebar .tags-grid{gap:8px}.post-tags-sidebar .tag-box{padding:4px 12px;font-size:.72rem}.post-navigation{display:flex;flex-direction:column;gap:12px}.nav-post-link{display:flex;flex-direction:column;gap:4px;text-decoration:none;padding:14px 16px;border:1px solid var(--color-border);transition:border-color .2s,background .25s var(--ease-out)}.nav-post-link:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.nav-post-label{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:var(--color-accent)}.nav-post-title{font-family:var(--font-display);font-size:.85rem;font-weight:500;line-height:1.4;color:var(--color-text)}.tag-page{flex:1;min-width:0;padding-top:56px}.tag-header{margin-bottom:48px}.tag-header h1{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;letter-spacing:-.035em;margin:0 0 10px}.tag-name{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--color-accent)}.tag-count{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin:0}.not-found,.post-not-found{flex:1;text-align:center;padding:140px 0}.not-found h1,.post-not-found h1{font-family:var(--font-display);font-size:clamp(3rem,10vw,7rem);font-weight:700;letter-spacing:-.04em;margin:0 0 8px;color:transparent;-webkit-text-stroke:1.5px var(--color-text)}.not-found p{color:var(--color-text-muted)}.not-found a,.post-not-found a{font-family:var(--font-mono);font-size:.85rem;color:var(--color-accent);text-decoration:none}.footer{border-top:1px solid var(--color-border);margin-top:auto}.footer-inner{max-width:1440px;margin:0 auto;padding:72px 40px 32px}.footer-top{margin-bottom:64px}.footer-top .micro-label{margin:0 0 20px}.footer-wordmark{display:inline-block;font-family:var(--font-display);font-size:clamp(3.2rem,11vw,10rem);font-weight:700;letter-spacing:-.03em;line-height:.92;text-decoration:none;color:transparent;-webkit-text-stroke:1.5px var(--color-text);transition:color .45s var(--ease-out),-webkit-text-stroke-color .45s var(--ease-out)}.footer-wordmark:hover{color:var(--color-accent);-webkit-text-stroke-color:var(--color-accent)}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:32px 0;border-top:1px solid var(--color-border)}.footer-col{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.footer-col .micro-label{margin:0 0 8px}.footer-col a{font-family:var(--font-display);font-size:.95rem;font-weight:500;color:var(--color-text);text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--color-accent)}.footer-col-right{align-items:flex-end;text-align:right}.footer-topics{font-family:var(--font-display);font-size:.95rem;font-weight:500}.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}@media(max-width:1100px){.post-sidebar{display:none}.post{max-width:100%}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.hero-art{display:none}}@media(max-width:720px){.header-inner,.content-wrapper,.footer-inner{padding-left:22px;padding-right:22px}.header-inner{grid-template-columns:auto 1fr auto;gap:20px}.nav{justify-content:flex-end;gap:20px}.header-clock{display:none}.hero{padding:56px 0 40px}.hero-stats{gap:24px;flex-wrap:wrap}.post-row{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:26px 18px;margin:0 -18px}.post-row-index{display:none}.post-row-side{order:-1;flex-direction:row;gap:14px}.post-row-arrow{display:none}.projects-grid{grid-template-columns:1fr}.projects-section,.tags-section{padding-top:64px}.footer-grid{grid-template-columns:1fr 1fr}.footer-col-right{align-items:flex-start;text-align:left}}:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1)}:root,[data-theme=dark]{--color-bg: #0c0b09;--color-bg-elevated: #14120f;--color-surface: #1b1915;--color-border: #262320;--color-border-strong: #3a3630;--color-text: #f2efe9;--color-text-muted: #8f8b82;--color-accent: #ff4d00;--color-accent-contrast: #0c0b09;--color-accent-soft: rgba(255, 77, 0, .1);--header-bg: rgba(12, 11, 9, .78)}[data-theme=light]{--color-bg: #f2efe9;--color-bg-elevated: #faf8f4;--color-surface: #e9e4da;--color-border: #ddd7cb;--color-border-strong: #c4bcab;--color-text: #14120f;--color-text-muted: #6e6a61;--color-accent: #e64500;--color-accent-contrast: #f2efe9;--color-accent-soft: rgba(230, 69, 0, .09);--header-bg: rgba(242, 239, 233, .78)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;transition:background .4s ease,color .4s ease}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}#root{min-height:100vh}::selection{background:var(--color-accent);color:var(--color-accent-contrast)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:5px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.serif-accent{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:0}.micro-label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-expo),transform .9s var(--ease-expo)}.reveal.in{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}.prose{max-width:100%;font-size:1.0625rem;line-height:1.85}.prose>p:first-of-type:first-letter{font-family:var(--font-serif);font-size:3.4em;line-height:.8;float:left;padding:.08em .12em 0 0;color:var(--color-accent)}.prose h1,.prose h2,.prose h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;margin-top:2.4em;margin-bottom:.6em;line-height:1.2}.prose h1{font-size:1.85rem;margin-top:0}.prose h2{font-size:1.5rem;padding-top:.9em;border-top:1px solid var(--color-border)}.prose h3{font-size:1.15rem}.prose p{margin-bottom:1.45em}.prose a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid var(--color-accent-soft);transition:border-color .2s var(--ease-out)}.prose a:hover{border-bottom-color:var(--color-accent)}.prose strong{font-weight:600}.prose pre,.prose code{font-family:var(--font-mono);font-size:.875em}.prose pre{background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:1.4rem 1.6rem;border-radius:8px;overflow-x:auto;margin:1.9em 0;line-height:1.65}.prose code{background:var(--color-surface);padding:.15em .45em;border-radius:4px;color:var(--color-accent)}.prose pre code{padding:0;background:none;color:inherit}.prose ul,.prose ol{margin:1.45em 0;padding-left:1.5em}.prose li{margin-bottom:.45em}.prose li::marker{color:var(--color-accent);font-family:var(--font-mono)}.prose blockquote{font-family:var(--font-serif);font-style:italic;font-size:1.3em;line-height:1.55;border-left:2px solid var(--color-accent);margin:2em 0;padding:.3em 0 .3em 1.4em;color:var(--color-text)}.prose hr{border:none;height:1px;background:var(--color-border);margin:3.2em 0}.prose img{max-width:100%;height:auto;border-radius:8px;margin:2.2em 0 .6em;border:1px solid var(--color-border)}.prose img+em{display:block;font-size:.85rem;color:var(--color-text-muted);text-align:center;margin-bottom:2.2em}.prose table{width:100%;border-collapse:collapse;margin:1.9em 0;font-size:.9em}.prose th,.prose td{border:1px solid var(--color-border);padding:.6em .9em;text-align:left}.prose th{font-family:var(--font-mono);font-size:.78em;text-transform:uppercase;letter-spacing:.08em;background:var(--color-surface)}