.lightbox-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;background:#000000e0;background:lab(0% 0 0/.88);justify-content:center;align-items:center;padding:24px;animation:.15s lightbox-in;display:flex;position:fixed;inset:0}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.lightbox-img{object-fit:contain;cursor:default;border-radius:14px;box-shadow:0 32px 96px #000000b3;box-shadow:0 32px 96px lab(0% 0 0/.7)}
.post-prose{font-family:var(--font-sans);color:var(--text);max-width:70ch;font-size:17px;line-height:1.72}.post-prose>*+*{margin-top:1.2em}.post-prose p{text-wrap:pretty;margin:0}.post-prose strong{color:var(--text-bright);font-weight:600}.post-prose em{color:var(--accent);font-style:italic}.post-prose a{color:var(--accent);border-bottom:1px solid color-mix(in oklab, var(--accent) 40%, transparent);transition:border-color .15s}.post-prose a:hover{border-bottom-color:var(--accent)}.post-prose h2{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text-bright);align-items:baseline;gap:12px;margin-top:2.4em;margin-bottom:.6em;scroll-margin-top:100px;font-size:26px;font-weight:500;display:flex}.post-prose h2:before{content:"##";color:var(--accent);opacity:.7;font-size:.7em}.post-prose h3{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--text-bright);margin-top:2em;margin-bottom:.5em;scroll-margin-top:100px;font-size:19px;font-weight:500}.post-prose h3:before{content:"### ";color:var(--accent);opacity:.6}.post-prose ul,.post-prose ol{margin-left:0;padding-left:1.4em}.post-prose ul{list-style-type:disc}.post-prose ol{list-style-type:decimal}.post-prose li{margin-top:.4em}.post-prose ul li::marker{color:var(--accent)}.post-prose ol li::marker{color:var(--text-dim);font-family:var(--font-mono);font-size:.9em}.post-prose blockquote{border-left:3px solid var(--accent);color:var(--text);background:var(--accent-dim);border-radius:0 8px 8px 0;margin:1.4em 0;padding:14px 18px;font-style:italic}.post-prose blockquote p{margin:0}.post-prose code:not(pre code){font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:.88em}.post-prose img{background:var(--surface-2);border-radius:14px;max-width:100%;height:auto;display:block;box-shadow:0 4px 28px #00000073;box-shadow:0 4px 28px lab(0% 0 0/.45)}.post-prose p:has(>img:only-child){text-align:center;margin:2em 0}:is(.post-prose .screenshot-grid>p:has(>img:only-child),.post-prose .app-logo p:has(>img:only-child)){margin:0}.post-prose .screenshot-grid>p:has(>img:only-child){text-align:unset}.post-prose .screenshot-grid{flex-wrap:nowrap;gap:12px;margin:2em 0;display:flex;overflow:hidden}.post-prose .screenshot-grid>p{flex:1 1 0;min-width:0;max-width:280px;margin:0}.post-prose .screenshot-grid>img{flex:1 1 0;min-width:0;max-width:280px}.post-prose .screenshot-grid img{background:var(--surface-2);border-radius:20px;width:100%;height:auto;display:block;box-shadow:0 8px 40px #0000008c;box-shadow:0 8px 40px lab(0% 0 0/.55)}.post-prose .app-logo{justify-content:center;margin:1.5em 0;display:flex}.post-prose .app-logo img{object-fit:contain;background:#1a1a1a;border-radius:24px;width:120px;height:120px;box-shadow:0 4px 20px #0006;box-shadow:0 4px 20px lab(0% 0 0/.4)}.callout{border:1px solid color-mix(in oklab, var(--accent) 35%, transparent);background:var(--accent-dim);border-radius:10px;grid-template-columns:auto 1fr;gap:14px;margin:1.6em 0;padding:16px 18px;font-size:15px;line-height:1.6;display:grid}.callout:before{content:"›";font-family:var(--font-mono);color:var(--accent);font-size:18px;font-weight:700;line-height:1.5}.callout p{margin:0}.tok-key{color:#ff79c6}.tok-str{color:#f1fa8c}.tok-num{color:#bd93f9}.tok-fn{color:var(--accent)}.tok-com{color:#5a6168;font-style:italic}.tok-typ{color:#8be9fd}.tok-pun{color:#888}.post-prose .overflow-x-auto{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}.post-prose .overflow-x-auto::-webkit-scrollbar{height:5px}.post-prose .overflow-x-auto::-webkit-scrollbar-track{background:0 0}.post-prose .overflow-x-auto::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.post-prose .overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=light] .post-prose .overflow-x-auto{scrollbar-color:#0000002e transparent}[data-theme=light] .post-prose .overflow-x-auto::-webkit-scrollbar-thumb{background:#0000002e}[data-theme=light] .post-prose .overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#00000052}[data-theme=light] .post-prose img{box-shadow:0 2px 12px #0000001a;box-shadow:0 2px 12px lab(0% 0 0/.1)}[data-theme=light] .post-prose .screenshot-grid img{box-shadow:0 4px 20px #0000001f;box-shadow:0 4px 20px lab(0% 0 0/.12)}[data-theme=light] .post-prose .app-logo img{box-shadow:0 4px 16px #00000024;box-shadow:0 4px 16px lab(0% 0 0/.14)}
