*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#f2f2f2;--text:#1a1a1a;--muted:#666;--lh:1.6}html{font-size:14px}body{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Courier New,monospace;background:var(--bg);color:var(--text);line-height:var(--lh);-webkit-font-smoothing:antialiased}main{max-width:64ch;margin:0 auto;padding:3rem 1.5rem}a{color:inherit;text-decoration:none;border-bottom:1px dotted var(--muted);transition:border-color .15s ease-out}a:hover{border-bottom-style:solid}.site-header{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:baseline;animation:fadeIn .3s ease-out both}.site-title{font-size:1rem;font-weight:400;letter-spacing:.02em}.site-title a{border-bottom:none}.site-nav a{margin-left:1.5rem;font-size:.875rem;color:var(--muted);transition:color .15s ease-out}.site-nav a:hover{color:var(--text)}.post-list{list-style:none}.post-list li{display:flex;gap:1rem;margin-bottom:0;font-size:.9375rem;padding:.3rem .5rem;margin-left:-.5rem;margin-right:-.5rem;border-radius:4px;transition:transform .15s cubic-bezier(.23,1,.32,1),background .15s ease-out;animation:slideIn .28s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--i) * .04s)}.post-list li:hover{transform:translateX(4px);background:rgba(0,0,0,.03)}.post-list li:active{transform:translateX(2px) scale(.98);transition-duration:.1s}.post-number{color:var(--muted);min-width:2ch;text-align:right;flex-shrink:0;transition:color .15s ease-out}.post-list li:hover .post-number{color:var(--text)}.post-list-end{color:var(--muted);font-size:.8125rem;margin-top:2rem;padding-left:.5rem;animation:fadeIn .3s ease-out .8s both}.post-list-end-link{border-bottom-color:var(--muted)}.post-page{max-width:64ch}.post-title{font-size:1rem;font-weight:400;margin-bottom:.25rem;animation:fadeUp .28s cubic-bezier(.23,1,.32,1) both}.post-date{font-size:.8125rem;color:var(--muted);margin-bottom:2rem;animation:fadeUp .28s cubic-bezier(.23,1,.32,1) .05s both}.post-body{font-size:.9375rem;line-height:1.7;animation:fadeUp .28s cubic-bezier(.23,1,.32,1) .1s both}.post-body p{margin-bottom:1.25rem}.post-body p:last-child{margin-bottom:0}.post-nav{display:flex;justify-content:space-between;gap:2rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.08);animation:fadeUp .28s cubic-bezier(.23,1,.32,1) .15s both}.post-nav-link{font-size:.8125rem;color:var(--muted);transition:color .15s ease-out;border-bottom:none}.post-nav-link:hover{color:var(--text)}.post-nav-link.next{text-align:right;margin-left:auto}.post-nav-link .arrow{display:inline-block;transition:transform .15s cubic-bezier(.23,1,.32,1)}.post-nav-link.prev:hover .arrow{transform:translateX(-3px)}.post-nav-link.next:hover .arrow{transform:translateX(3px)}.back-link{display:inline-block;margin-top:1.5rem;font-size:.8125rem;color:var(--muted);transition:color .15s ease-out;animation:fadeUp .28s cubic-bezier(.23,1,.32,1) .15s both}.back-link:hover{color:var(--text)}.back-link .arrow{display:inline-block;transition:transform .15s cubic-bezier(.23,1,.32,1)}.back-link:hover .arrow{transform:translateX(-3px)}.post-end-note{color:var(--muted);font-size:.75rem;margin-top:3rem;opacity:0;animation:fadeIn .5s ease-out 1s both}.info-page{font-size:.9375rem;line-height:1.7;animation:fadeUp .28s cubic-bezier(.23,1,.32,1) both}.info-page p{margin-bottom:1rem}.connect-page{display:flex;align-items:center;justify-content:center;min-height:60vh;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.connect-card{max-width:36ch;text-align:center;opacity:0;transition:opacity .3s ease-out}.connect-card.visible{opacity:1}.connect-top{font-size:.75rem;color:var(--muted);letter-spacing:.05em;margin-bottom:2rem;min-height:1em}.connect-main{font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.connect-bottom{font-size:.75rem;color:var(--muted);min-height:1em}.not-found{font-size:.9375rem;line-height:1.7;animation:fadeUp .28s cubic-bezier(.23,1,.32,1) both}.not-found-sub{color:var(--muted);margin-bottom:2rem}::selection{background:rgba(200,160,80,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}[data-theme=dark]{--bg:#111;--text:#e0e0e0;--muted:#777}[data-theme=dark] .post-list li:hover{background:rgba(255,255,255,.04)}[data-theme=dark] .post-nav{border-top-color:rgba(255,255,255,.1)}[data-theme=dark] ::selection{background:rgba(200,160,80,.25)}.theme-toggle{background:none;border:none;font:inherit;font-size:.875rem;color:var(--muted);cursor:pointer;padding:0;transition:color .15s ease-out}.theme-toggle:hover{color:var(--text)}@keyframes lemonPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}