:root{--bg:#0e0e0d;--fg:#ebe9e4;--muted:#6f6d68;--dim:#9a9893;--rule:#26241f;--logo:#4d4b46}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;font-family:Geist,sans-serif;font-size:14px;line-height:1.45;position:relative;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:0;background-color:#050504;background-image:radial-gradient(circle at 96% 4%,#faf6ee38,#0000 35%);position:fixed;inset:0}body:before{content:"";pointer-events:none;z-index:1;opacity:.1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1 0 0 0 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}main{z-index:2;max-width:720px;margin:0 auto;padding:36px 18px 48px;position:relative}.logo{width:28px;height:28px;color:var(--logo);margin-bottom:24px}h1{letter-spacing:-.005em;margin:0 0 10px;font-size:24px;font-weight:500}p{margin:0 0 10px}.tag{color:var(--muted);font-size:14px}.lede{color:var(--fg);font-size:15px}hr{border:0;border-top:1px solid var(--rule);margin:20px 0}section h2{color:var(--muted);margin:0 0 14px;font-size:14px;font-weight:400}.row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.row:last-child{margin-bottom:0}.row .date{color:var(--dim);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}.pinned .item{margin-bottom:14px}.pinned .item:last-child{margin-bottom:0}.pinned .desc{color:var(--dim)}a{color:var(--fg);text-underline-offset:3px;-webkit-text-decoration:underline #ebe9e473;text-decoration:underline #ebe9e473;text-decoration-thickness:1px;transition:text-decoration-color .12s,color .12s}a:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}.elsewhere a+a:before{content:" . ";color:var(--muted);margin:0 6px;text-decoration:none;display:inline-block}footer{color:var(--muted);margin-top:32px;font-size:13px}footer a{color:var(--muted);text-decoration-color:currentColor}footer a:hover{text-decoration-color:currentColor}footer .dot{margin:0 6px}@keyframes blur-in{0%{filter:blur(9px);opacity:0}to{filter:blur();opacity:1}}.blur-in{animation:1.2s cubic-bezier(.22,1,.36,1) both blur-in}h1.blur-in{animation-delay:0s}.lede.blur-in{animation-delay:.16s}main>hr:first-of-type{animation:1.2s cubic-bezier(.22,1,.36,1) .267s both blur-in}section:first-of-type.blur-in{animation-delay:.32s}main>hr:nth-of-type(2){animation:1.2s cubic-bezier(.22,1,.36,1) .427s both blur-in}section:nth-of-type(2).blur-in{animation-delay:.48s}main>hr:nth-of-type(3){animation:1.2s cubic-bezier(.22,1,.36,1) .587s both blur-in}section:nth-of-type(3).blur-in{animation-delay:.64s}footer.blur-in{animation-delay:.72s}@media (prefers-reduced-motion:reduce){.blur-in,main>hr{animation:none!important}}.cursor-glow{pointer-events:none;z-index:1;width:64px;height:64px;transform:translate3d(calc(var(--mx,-9999px) - 50%), calc(var(--my,-9999px) - 50%), 0);opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,#faf6ee0a 0%,#faf6ee04 30%,#0000 65%);transition:opacity .3s;position:fixed;top:0;left:0}.cursor-glow.active{opacity:1}@media (hover:none){.cursor-glow{display:none}}@media (width<=480px){main{padding:48px 22px 80px}.row{flex-wrap:wrap}}.backlink{color:var(--muted);margin-bottom:20px;font-size:13px;text-decoration:none;display:inline-block}.backlink:hover{color:var(--fg)}.form .field{margin-bottom:14px}.form label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.form input[type=text],.form textarea{width:100%;color:var(--fg);border:1px solid var(--rule);resize:vertical;background:#faf6ee05;border-radius:6px;padding:9px 11px;font-family:inherit;font-size:14px;line-height:1.45;transition:border-color .12s}.form input[type=text]:focus,.form textarea:focus{border-color:var(--dim);outline:none}.form input::placeholder,.form textarea::placeholder{color:var(--muted)}.btn{background:var(--fg);color:#0e0e0d;border:1px solid var(--fg);cursor:pointer;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .12s,background .12s}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:default}.btn.ghost{color:var(--dim);border-color:var(--rule);background:0 0}.btn.ghost:hover{color:var(--fg);border-color:var(--dim);opacity:1}.error{color:#c0563a;margin:0 0 12px;font-size:13px}.notice{color:var(--dim);margin:0 0 12px;font-size:13px}.pad canvas{aspect-ratio:16/9;border:1px solid var(--rule);cursor:crosshair;touch-action:none;background:#faf6ee;border-radius:8px;width:100%;height:auto;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.swatches{gap:6px;display:flex}.swatch{border:1px solid var(--rule);cursor:pointer;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .1s}.swatch.active{outline:2px solid var(--fg);outline-offset:1px}.swatch:hover{transform:scale(1.1)}.brush{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:13px;display:inline-flex}.brush input[type=range]{accent-color:var(--dim)}.form-actions{align-items:center;gap:10px;margin-top:16px;display:flex}.entries{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.entry{border:1px solid var(--rule);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.entry img{border-bottom:1px solid var(--rule);background:#faf6ee;width:100%;height:auto;display:block}.entry .body{flex-direction:column;gap:8px;padding:12px 13px;display:flex}.entry .msg{color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.entry .meta{color:var(--dim);justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.entry .meta .who{color:var(--muted)}.entry .meta .when{white-space:nowrap;font-variant-numeric:tabular-nums}.empty{color:var(--muted);font-size:14px}