:root{--c-bg: #141416;--c-bg-elevated: #1C1C1F;--c-card-hover: #232327;--c-text: #F5EFE6;--c-text-secondary: #D4CEC4;--c-sub: #9A948A;--c-accent: #E8B86D;--c-line: rgba(245, 239, 230, .12);--c-line-strong: rgba(245, 239, 230, .22);--c-sage: #88C9AC;--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Inter", "Helvetica Neue", sans-serif;--font-mono: "Space Mono", monospace;--pad: clamp(1.5rem, 5vw, 4rem)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}canvas#bg{position:fixed;top:0;left:0;z-index:0;pointer-events:none}#app{position:relative;z-index:1;min-height:100vh}.masthead{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding:clamp(1.25rem,3vw,2.5rem) var(--pad) clamp(1.25rem,2.5vw,2rem);border-bottom:1px solid var(--c-line-strong)}.masthead-brand{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.75rem)}.masthead-mascot{height:clamp(144px,21.6vw,264px);width:auto;display:block}.masthead-wordmark{font-family:var(--font-serif);font-weight:400;font-size:clamp(2.98rem,10.2vw,7.65rem);line-height:.78;letter-spacing:-.045em;color:var(--c-text);margin:0}.masthead-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem;text-align:right;padding-bottom:.6rem;flex-shrink:0}.masthead-tagline{font-family:var(--font-mono);font-size:.66rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--c-sub)}.masthead-date{font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent)}.filterbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.5rem;height:52px;padding:0 var(--pad);background:#141416d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--c-line)}.filter-pills{display:flex;align-items:center;gap:1.5rem;flex:1;height:100%;overflow-x:auto;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{position:relative;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;padding:.35rem 0;border:none;background:none;color:var(--c-sub);cursor:pointer;white-space:nowrap;transition:color .2s}.filter-pill:hover{color:var(--c-text-secondary)}.filter-pill.active{color:var(--c-accent)}.filter-pill.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--c-accent)}.filter-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.random-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.4rem 1rem;border:1px solid var(--c-line-strong);background:transparent;color:var(--c-accent);cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.random-btn .btn-icon{width:22px;height:auto;transition:transform .2s ease}.random-btn:hover .btn-icon{transform:rotate(-8deg) scale(1.08)}.random-btn:hover{background:#e8b86d1a;border-color:var(--c-accent)}#feed{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--c-line);border-bottom:1px solid var(--c-line);margin-top:28px}.entry{position:relative;background:var(--c-bg-elevated);padding:clamp(2rem,3.5vw,3.5rem) var(--pad);cursor:pointer;transition:background .3s ease;display:flex;flex-direction:column;gap:1.1rem}.entry-thumb{position:absolute;top:-22px;right:clamp(1rem,3vw,2.5rem);width:52px;height:auto;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.entry:hover .entry-thumb{opacity:1;transform:translateY(0)}.diff-icon{width:1.15em;height:auto;vertical-align:-.25em;margin-right:.35em}.entry:hover{background:var(--c-card-hover)}.entry:hover .entry-cat-name{color:var(--c-accent)}.entry-kicker{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--c-line)}.entry-cat{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-sub)}.entry-cat-name{transition:color .2s}.entry-diff.approachable{color:var(--c-sage)}.entry-diff.technical{color:var(--c-sub)}.entry-diff.deep-dive{color:var(--c-accent)}.entry-date{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;color:var(--c-sub);flex-shrink:0}.entry-headline{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.7rem,2.6vw,2.5rem);line-height:1.08;letter-spacing:-.02em;color:var(--c-text);margin:0}.entry-standfirst{font-family:var(--font-sans);font-weight:400;font-size:1rem;line-height:1.7;color:var(--c-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.entry-title{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.02rem;line-height:1.4;color:var(--c-sub);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entry-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.5rem}.tag{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;text-transform:lowercase;padding:.2rem .5rem;border:1px solid var(--c-line);color:var(--c-sub)}.entry-byline{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;color:var(--c-sub)}.entry.skeleton{pointer-events:none;animation:pulse 2s ease-in-out infinite}.skel-line{height:12px;background:var(--c-line)}.skel-headline{height:30px;width:92%}.skel-short{width:30%}.skel-medium{width:55%}.skel-long{width:100%}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.5}}.feed-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:2.5rem var(--pad) 1.5rem;background:var(--c-bg-elevated)}.feed-loading img{width:88px;height:auto;animation:bob 2s ease-in-out infinite}.feed-loading span{font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--c-sub)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.error-state{grid-column:1 / -1;text-align:center;padding:6rem var(--pad);background:var(--c-bg-elevated);font-family:var(--font-mono);color:var(--c-sub)}.error-state p{margin:0 0 1.5rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.state-mascot{display:block;width:104px;height:auto;margin:0 auto 1.5rem;opacity:.9}.retry-btn{font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.6rem 1.5rem;border:1px solid var(--c-line-strong);background:transparent;color:var(--c-accent);cursor:pointer;transition:background .2s,border-color .2s}.retry-btn:hover{background:#e8b86d14;border-color:var(--c-accent)}.reader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0cb8;z-index:99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.reader-panel{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:min(660px,100vw);background:var(--c-bg-elevated);border-left:1px solid var(--c-line-strong);z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding:3rem clamp(1.75rem,5vw,4rem) 2.5rem;gap:2rem;transform:translate(100%)}.reader-close-btn{position:absolute;top:1.5rem;right:1.5rem;width:38px;height:38px;border:1px solid var(--c-line);background:#14141699;color:var(--c-sub);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1;font-family:var(--font-mono);transition:border-color .2s,color .2s;flex-shrink:0}.reader-close-btn:hover{border-color:var(--c-accent);color:var(--c-accent)}.reader-meta{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;padding:.25rem 0 .85rem;border-bottom:1px solid var(--c-line)}.reader-category-tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-sub)}.reader-difficulty-badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.reader-difficulty-badge.approachable{color:var(--c-sage)}.reader-difficulty-badge.technical{color:var(--c-sub)}.reader-difficulty-badge.deep-dive{color:var(--c-accent)}.reader-date{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;color:var(--c-sub);margin-left:auto}.reader-title{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.2;letter-spacing:-.02em;color:var(--c-text);margin:0}.reader-hook{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:clamp(1.4rem,4vw,1.75rem);line-height:1.3;letter-spacing:-.005em;color:var(--c-accent);border-left:2px solid var(--c-accent);padding-left:1.25rem;margin:0}.reader-section{display:flex;flex-direction:column;gap:1rem}.reader-section:before{content:attr(data-label);display:block;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--c-sub);padding-bottom:.6rem;border-bottom:1px solid var(--c-line)}.reader-section p{font-family:var(--font-sans);font-size:1.02rem;line-height:1.85;color:var(--c-text-secondary);margin:0}.analogy-illustration{width:100%;height:200px;background:var(--c-bg);border:1px solid var(--c-line);display:flex;align-items:center;justify-content:center;overflow:hidden}.analogy-illustration img{height:88%;width:auto;object-fit:contain}.reader-abstract-section{display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--c-line)}.reader-abstract-toggle{font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.5rem .9rem;border:1px solid var(--c-line);background:transparent;color:var(--c-sub);cursor:pointer;align-self:flex-start;transition:border-color .2s,color .2s}.reader-abstract-toggle:hover{border-color:var(--c-line-strong);color:var(--c-text-secondary)}.reader-abstract{font-family:var(--font-sans);font-size:.9rem;line-height:1.8;color:var(--c-sub);margin:0;overflow:hidden;max-height:0;transition:max-height .4s ease}.reader-abstract.expanded{max-height:2400px}.reader-footer{display:flex;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--c-line);margin-top:auto}.reader-pdf-link,.reader-abs-link{font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:.7rem 1.5rem;transition:all .2s}.reader-pdf-link{background:var(--c-accent);color:var(--c-bg)}.reader-pdf-link:hover{background:#f0c87a}.reader-abs-link{border:1px solid var(--c-line-strong);color:var(--c-sub)}.reader-abs-link:hover{border-color:var(--c-text-secondary);color:var(--c-text-secondary)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-line)}::-webkit-scrollbar-thumb:hover{background:var(--c-sub)}@media (max-width: 768px){.masthead{flex-direction:column;align-items:flex-start;gap:1.25rem;padding-top:clamp(2rem,8vw,3rem)}.masthead-meta{align-items:flex-start;text-align:left;padding-bottom:0}#feed{grid-template-columns:1fr}.entry{padding:2rem var(--pad)}.entry-headline{font-size:1.75rem}.reader-panel{width:100vw;border-left:none;padding:2.5rem var(--pad) 1.5rem}.reader-footer{position:sticky;bottom:0;background:var(--c-bg-elevated)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}canvas#bg{display:none}}