@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color:#eeeef1;font-synthesis:none;background:#090a10;font-family:IBM Plex Mono,monospace}*{box-sizing:border-box}body{background:#090a10;min-height:100vh;margin:0}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(at 50% -18%,#271e36b8,#0000 68%),linear-gradient(145deg,#0c0d14,#08090e 52%,#0a0b11);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.045;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.shell{max-width:920px;margin:0 auto;padding:84px 48px 64px}.brand{color:#f3f3f5;letter-spacing:-1.8px;font-size:31px;text-decoration:none}.brand span{color:#ad42ff;vertical-align:-3px;margin-right:11px;font-size:42px}.tagline{color:#898391;margin:12px 0 0 2px;font-size:15px}.intro-row{justify-content:space-between;align-items:flex-start;gap:40px;margin-top:43px;display:flex}.intro{color:#8c8793;max-width:320px;margin:0;font-size:12px;line-height:1.7}.newsletter-label{color:#d4d0d8;margin-bottom:9px;font-size:12px}.newsletter-controls{border-bottom:1px solid #4a4353;padding-bottom:8px;display:flex}.newsletter input{font:inherit;color:#e8e5ea;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.newsletter input::placeholder{color:#625d69}.newsletter button{font:inherit;color:#b95cff;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.newsletter button:disabled{opacity:.5}.form-message{margin-top:8px;font-size:10px;display:block}.form-message.success{color:#86b89a}.form-message.error{color:#dc8d8d}.tools{border-top:1px solid #1d1b20;align-items:center;margin-top:54px;padding-top:17px;display:flex}.search{color:#76717d;align-items:center;gap:8px;display:flex}.search input{font:inherit;color:#d8d5dc;background:0 0;border:0;outline:0;width:92px;font-size:12px}.search button{color:#77717e;cursor:pointer;background:0 0;border:0;padding:0}.post-list{flex-direction:column;display:flex}.post{color:#efedf0;animation:.45s both rise;animation-delay:calc(var(--i) * 35ms);border-bottom:1px solid #151419;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:17px 0 18px;text-decoration:none;display:grid}.post:hover .title{color:#bd65ff}.post:hover .arrow{opacity:1;transform:translate(2px,-2px)}.title{letter-spacing:-.65px;font-size:17px;line-height:1.5;transition:color .2s}.arrow{opacity:0;color:#ad42ff;vertical-align:-3px;margin-left:8px;transition:all .2s}.post time{color:#777280;white-space:nowrap;font-size:13px}.empty{color:#777280;padding:24px 0;font-size:13px}footer{color:#777280;margin-top:112px;font-size:13px;line-height:1.8}footer p{margin:0}footer a{color:#b544ff;text-decoration:none}@keyframes rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (width<=650px){.shell{padding:45px 24px 40px}.brand{font-size:26px}.intro-row{margin-top:38px;display:block}.intro{margin-bottom:27px}.newsletter{width:100%;max-width:320px}.tools{margin-top:43px}.post{padding:15px 0;display:block}.post time{margin-top:8px;font-size:11px;display:block}.title{font-size:15px}header{margin-bottom:45px}footer{margin-top:75px}}.intro{max-width:340px;font-size:14px}.newsletter{width:360px}.newsletter-label{margin-bottom:12px;font-size:15px}.newsletter-controls{padding-bottom:11px}.newsletter input{font-size:14px}.newsletter button{font-size:13px}@media (width<=650px){.newsletter{width:100%;max-width:360px}}.admin-shell{color:#eeeef1;max-width:720px;margin:0 auto;padding:58px 32px}.admin-mark{color:#b95cff;font-size:16px;text-decoration:none}.admin-login{max-width:320px;margin:17vh auto 0}.admin-kicker{color:#777280;text-transform:uppercase;letter-spacing:2px;font-size:10px}.admin-login h1,.admin-panel h1{margin:20px 0 34px;font-size:28px;font-weight:400}.admin-login label{color:#99939f;margin:20px 0;font-size:11px;display:block}.admin-login input,.post-editor input,.post-editor textarea{width:100%;font:inherit;color:#eeeef1;background:#0d0e15;border:1px solid #282532;outline:none;margin-top:8px;padding:12px;font-size:13px;display:block}.admin-login input:focus,.post-editor input:focus,.post-editor textarea:focus{border-color:#8150a5}.admin-login button,.post-editor button{font:inherit;color:#b95cff;cursor:pointer;background:0 0;border:0;margin-top:20px;padding:0;font-size:12px}.admin-error{color:#d98d8d;font-size:11px}.admin-top{justify-content:space-between;align-items:center;display:flex}.admin-top button,.admin-post button{font:inherit;color:#777280;cursor:pointer;background:0 0;border:0;font-size:11px}.admin-panel{margin-top:90px}.post-editor{max-width:500px}.editor-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.post-editor textarea{resize:vertical;min-height:130px}.admin-posts{border-top:1px solid #24212b;margin-top:70px}.admin-post{border-bottom:1px solid #24212b;justify-content:space-between;gap:20px;padding:17px 0;font-size:13px;display:flex}.admin-post small{color:#777280;margin-top:6px;font-size:10px;display:block}@media (width<=600px){.admin-shell{padding:38px 24px}.admin-panel{margin-top:60px}}.admin-actions,.post-actions{align-items:center;gap:16px;display:flex}.admin-badge{color:#86b89a;text-transform:uppercase;letter-spacing:1px;border:1px solid #31513e;padding:5px 8px;font-size:10px}.post-actions a{color:#b95cff;font-size:11px;text-decoration:none}.cancel-edit{margin-left:14px;color:#777280!important}.post-actions button{font-size:11px}.post-actions button:hover,.post-actions a:hover{color:#e0a8ff}@media (width<=600px){.admin-actions{gap:9px}.admin-badge{font-size:9px}.admin-post{align-items:flex-start}.post-actions{flex-wrap:wrap;gap:9px}}.brand-row{align-items:center;gap:18px;display:flex}.home-admin-badge{color:#86b89a;text-transform:uppercase;letter-spacing:1px;font-size:10px}.article-brand-row{align-items:center;gap:18px;display:flex}.article-admin-actions{gap:14px;margin-left:auto;display:inline-flex}.article-admin-actions a,.article-admin-actions button{font:inherit;color:#b95cff;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:none}.article-admin-actions button{color:#c88787}@media (width<=700px){.shell{flex-direction:column;width:100%;min-height:100vh;padding:30px 24px 36px;display:flex}.brand{letter-spacing:-1.2px;font-size:27px}.brand span{margin-right:8px;font-size:36px}.tagline{margin-top:10px;font-size:14px}.intro-row{margin-top:30px}.intro{display:none}.newsletter{width:100%;max-width:none;margin-top:0}.newsletter-label{margin-bottom:8px;font-size:13px}.newsletter-controls{padding-bottom:8px}.newsletter input{font-size:13px}.newsletter button{font-size:12px}.tools{margin-top:30px;padding-top:14px}header{margin-bottom:0}.search{font-size:14px}.search input{width:120px;font-size:14px}.post{padding:15px 0 16px}.title{font-size:16px;line-height:1.45}.post time{font-size:12px}.empty,.loading-state{font-size:14px}footer{margin-top:auto;padding-top:60px;font-size:12px}.article-shell article{margin-top:72px}.article-shell h1{font-size:34px;line-height:1.25}.article-body{font-size:16px;line-height:1.9}}.shell{flex-direction:column;min-height:100vh;display:flex}@media (width<=700px){.shell>footer{padding-top:60px}}header .newsletter,.tools{display:none}.intro-row{margin-top:0}.footer-newsletter{align-items:center;gap:18px;max-width:430px;margin-top:22px;display:flex}.footer-newsletter input{font:inherit;color:#ddd;background:0 0;border:0;border-bottom:1px solid #383341;outline:0;flex:1;padding:8px 0;font-size:12px}.footer-newsletter button{font:inherit;color:#b95cff;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.footer-newsletter .form-message{margin:0}@media (width<=700px){.footer-newsletter{max-width:360px;display:block}.footer-newsletter input{width:100%;margin-bottom:12px;display:block}.footer-newsletter button{font-size:12px}}.post-list:before{content:"notes";color:#777280;letter-spacing:2px;text-transform:uppercase;padding:0 0 18px;font-size:11px;display:block}.post{border-bottom-color:#25212d}.post:first-of-type{border-top:0}@media (width<=700px){.post-list{margin-top:24px;padding-top:7px}.post-list:before{padding-bottom:12px;font-size:10px}}.footer-newsletter:before{content:"newsletter";color:#777280;letter-spacing:1.8px;text-transform:uppercase;margin-right:18px;font-size:10px;display:block}.shell{max-width:760px}.brand{font-size:28px}.brand span{font-size:38px}.intro{font-size:0}.intro:after{content:"notes on things I build and think about.";font-size:14px}.post-list{border-top:0;margin-top:34px;padding-top:0}.post-list:before{display:none}.post{border-bottom:0;padding:14px 0}.title{color:#f2f0f3;font-weight:500}.home-admin-badge{opacity:.45;font-size:9px}header{margin-bottom:0}.shell>footer{margin-top:auto;padding-top:48px}header .newsletter{display:none}.footer-newsletter{display:flex}@media (width<=700px){.shell{max-width:none}.brand{font-size:25px}.brand span{font-size:34px}.intro:after{font-size:13px}.post-list{margin-top:30px}.post{padding:13px 0}.shell>footer{margin-top:auto;padding-top:48px}.footer-newsletter{display:block}}.home-admin-link{color:#b95cff;opacity:.8;font-size:10px;text-decoration:none}.home-admin-link:hover{opacity:1}@media (width>=701px){.brand{font-size:32px}.brand span{font-size:42px}.tagline{font-size:16px}.intro:after{font-size:15px}.title{font-size:19px;line-height:1.55}.post time,footer{font-size:14px}.footer-newsletter input{font-size:13px}.footer-newsletter button{font-size:12px}}.post-status{color:#8c8793;margin-top:90px;font-size:13px}.post-status a,.back-link{color:#b95cff;text-decoration:none}.article-shell article{max-width:680px;margin:100px auto 0}.article-meta{color:#8c8793;text-transform:uppercase;letter-spacing:1px;gap:20px;font-size:12px;display:flex}.article-meta span{color:#b95cff}.article-shell h1{letter-spacing:-1.8px;margin:24px 0 46px;font-size:42px;font-weight:400;line-height:1.18}.article-body{color:#d0cbd5;white-space:pre-wrap;font-family:IBM Plex Mono,monospace;font-size:15px;line-height:1.9}.back-link{margin-top:70px;font-size:12px;display:inline-block}@media (width<=650px){.article-shell article{margin-top:70px}.article-shell h1{font-size:31px}.article-body{font-size:14px}}.loading-state{color:#777280;align-items:center;gap:10px;padding:18px 0;font-size:12px;display:flex}.loading-dot{background:#b95cff;border-radius:50%;width:7px;height:7px;animation:1.4s infinite pulse;box-shadow:0 0 #b95cff73}@keyframes pulse{0%{opacity:.45;box-shadow:0 0 #b95cff73}60%{opacity:1;box-shadow:0 0 0 7px #b95cff00}to{opacity:.45;box-shadow:0 0 #b95cff00}}.admin-progress{color:#b95cff;letter-spacing:.04em;font-size:11px;animation:1.2s ease-in-out infinite admin-pulse}.admin-shell button:disabled,.admin-shell input:disabled,.admin-shell textarea:disabled{opacity:.5;cursor:wait}@keyframes admin-pulse{50%{opacity:.45}}.markdown-body{color:#c8c4ce;font-size:1rem;line-height:1.85}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body pre,.markdown-body table{margin:0 0 1.5em}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:#f0edf2;margin:2em 0 .7em;font-weight:500;line-height:1.35}.markdown-body h1{font-size:1.7rem}.markdown-body h2{font-size:1.4rem}.markdown-body h3{font-size:1.15rem}.markdown-body a{color:#b95cff;text-underline-offset:4px}.markdown-body strong{color:#eeeaf1;font-weight:500}.markdown-body ul,.markdown-body ol{padding-left:1.5rem}.markdown-body li{margin:.45em 0;padding-left:.25rem}.markdown-body li::marker{color:#8d50b7}.markdown-body blockquote{color:#928b9e;border-left:2px solid #773c9f;margin-left:0;padding-left:1.25rem}.markdown-body code{color:#d7a2f5;background:#11121a;padding:.15em .35em;font-family:IBM Plex Mono,monospace;font-size:.9em}.markdown-body pre{background:#0d0e15;border:1px solid #26232e;padding:1.15rem;overflow-x:auto}.markdown-body pre code{color:#d8d3df;background:0 0;padding:0}.markdown-body hr{border:0;border-top:1px solid #26232e;margin:2.5rem 0}.markdown-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{text-align:left;border-bottom:1px solid #26232e;padding:.7rem 1rem .7rem 0}.markdown-body th{color:#eeeaf1;font-weight:500}.markdown-body img{max-width:100%;height:auto;margin:2rem 0;display:block}@media (width<=600px){.markdown-body{font-size:1.05rem;line-height:1.8}.markdown-body h1{font-size:1.5rem}.markdown-body h2{font-size:1.3rem}.markdown-body pre{margin-left:-.5rem;margin-right:-.5rem}}.md-editor{background:#0d0e15;border:1px solid #282532;margin-top:18px}.md-editor-head{border-bottom:1px solid #282532;justify-content:space-between;gap:14px;padding:9px 11px;display:flex}.md-tools,.md-modes{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.md-editor button{color:#827b8a!important;margin:0!important;font-size:10px!important}.md-editor button:hover,.md-editor button.active{color:#c764ff!important}.md-editor button.active{border-bottom:1px solid #b95cff}.md-workspace{min-height:300px;display:grid}.md-workspace.mode-split{grid-template-columns:1fr 1fr}.md-workspace textarea{resize:vertical;line-height:1.7;border:0!important;min-height:300px!important;margin:0!important;padding:18px!important}.md-preview{min-width:0;padding:18px;overflow:auto}.mode-split .md-preview{border-left:1px solid #282532}.md-editor-foot{color:#625d69;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #282532;justify-content:space-between;padding:8px 11px;font-size:9px;display:flex}@media (width<=700px){.md-editor-head{flex-direction:column;align-items:flex-start}.md-workspace.mode-split{grid-template-columns:1fr}.mode-split .md-preview{border-top:1px solid #282532;border-left:0}.md-workspace textarea{min-height:240px!important}}