.post{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--heading-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--link-color:#ed511c;--link-hover:#ff6b3d;--spacer-down:clamp(1.5rem,4vw,2.5rem);--blockquote-border-color:#ed511c;--tt-inline-code-text-color:#ed511c;color:var(--text);font-family:var(--font-family);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;font-size:clamp(1.125rem,2vw,1.25rem);font-weight:400;line-height:1.8}:where(.dark,.dark *) .post{--text:#e5e7eb;--heading-color:#fff;--code-block-bg:#0a0a0a;--code-block-text:#e0e0e0;--code-block-border:#2a2a2a;--blockquote-bg:#1a1a1a;--blockquote-text:#e5e7eb;--tt-inline-code-bg-color:#1f2937;--tt-inline-code-border-color:#374151;--task-border:#4b5563;--placeholder-color:#6b7280;--hr-color:#2a2a2a}:where(.light,.light *) .post{--text:#1f2937;--heading-color:#111827;--code-block-bg:#f3f4f6;--code-block-text:#1f2937;--code-block-border:#e5e7eb;--blockquote-bg:#f9fafb;--blockquote-text:#1f2937;--tt-inline-code-bg-color:#f3f4f6;--tt-inline-code-border-color:#e5e7eb;--task-border:#d1d5db;--placeholder-color:#9ca3af;--hr-color:#e5e7eb}.post>p{margin-bottom:var(--spacer-down)}.post .simple-editor{padding-top:clamp(2rem,5vw,4rem)}.post h1,.post h2,.post h3,.post h4{color:var(--heading-color);font-family:var(--heading-font);margin-top:calc(var(--spacer-down)*2);margin-bottom:calc(var(--spacer-down)*.75);letter-spacing:-.02em;font-weight:700;line-height:1.3;position:relative}.post h2{align-items:center;gap:1rem;font-weight:700;display:flex}.post h2:before{content:"";background:linear-gradient(to bottom,var(--link-color),#ff8a5c);border-radius:3px;width:6px;height:1.4em;display:inline-block}.post h1:first-child,.post h2:first-child,.post h3:first-child,.post h4:first-child{margin-top:0}.post h1{letter-spacing:-.03em;font-size:clamp(2.5rem,7vw,3.5rem);font-weight:800;line-height:1.2}.post h2{font-size:clamp(1.875rem,5vw,2.25rem)}.post h3{font-size:clamp(1.5rem,4vw,1.875rem)}.post h4{font-size:clamp(1.25rem,3vw,1.5rem)}.post h1.is-empty[data-placeholder]:before,.post h2.is-empty[data-placeholder]:before,.post h3.is-empty[data-placeholder]:before,.post h4.is-empty[data-placeholder]:before,.post div>p.is-empty[data-placeholder]:before{content:attr(data-placeholder);float:left;color:var(--placeholder-color);pointer-events:none;opacity:.7;height:0;font-weight:400}.post blockquote{margin:calc(var(--spacer-down)*1.5)0;background-color:var(--blockquote-bg);color:var(--blockquote-text);border:1px solid var(--tt-inline-code-border-color);border-radius:1rem;padding:clamp(1.5rem,5vw,2.5rem) clamp(1.5rem,5vw,2.5rem) clamp(1.5rem,5vw,2.5rem) clamp(2.5rem,6vw,4rem);font-size:clamp(1.125rem,2.5vw,1.375rem);font-style:italic;position:relative;box-shadow:0 4px 12px #0000000d}.post blockquote:before{background:linear-gradient(180deg,var(--link-color)0%,#ff8a5c 100%);content:"";border-radius:1rem 0 0 1rem;width:6px;position:absolute;top:0;bottom:0;left:0}.post blockquote:after{content:"\"";color:var(--link-color);opacity:.2;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;top:.5rem;left:1rem}.post code:not(pre code){background-color:var(--tt-inline-code-bg-color);color:var(--tt-inline-code-text-color);border:1px solid var(--tt-inline-code-border-color);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.5rem;padding:.2rem .4rem;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em;font-weight:500}.post pre{background-color:var(--code-block-bg);color:var(--code-block-text);border:1px solid var(--code-block-border);margin:calc(var(--spacer-down)*1.5)0;border-radius:1.5rem;padding:clamp(1.5rem,5vw,2.5rem);font-size:.95rem;line-height:1.7;position:relative;overflow-x:auto;box-shadow:0 8px 20px #0000000d}.post pre:after{content:"⌨️ CODE";color:var(--link-color);background:var(--code-block-bg);letter-spacing:.05em;border:1px solid var(--code-block-border);opacity:.9;text-transform:uppercase;border-top:none;border-radius:0 0 .75rem .75rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600;position:absolute;top:0;right:1.5rem}.post pre code{color:inherit;font-size:inherit;background-color:#0000;border:none;border-radius:0;padding:0;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.post ol,.post ul{margin:var(--spacer-down)0;padding-left:clamp(1.5rem,5vw,2.5rem)}.post li{margin-bottom:.5rem;padding-left:.5rem}.post li p{margin:0}.post ol{counter-reset:custom-counter;list-style:none}.post ol li{counter-increment:custom-counter;position:relative}.post ol li:before{content:counter(custom-counter)".";color:var(--link-color);font-weight:700;font-family:var(--heading-font);font-size:1rem;position:absolute;left:-2rem}.post ul:not([data-type=taskList]){list-style:none}.post ul:not([data-type=taskList]) li{position:relative}.post ul:not([data-type=taskList]) li:before{content:"→";color:var(--link-color);opacity:.7;font-weight:500;position:absolute;left:-1.75rem}.post ul[data-type=taskList]{padding-left:0;list-style:none}.post ul[data-type=taskList] li{border-radius:.75rem;flex-direction:row;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:.5rem;transition:background-color .2s;display:flex}.post ul[data-type=taskList] li:hover{background-color:var(--tt-inline-code-bg-color)}.post ul[data-type=taskList] li[data-checked=true]>div>p{opacity:.6;text-decoration:line-through}.post ul[data-type=taskList] li label{cursor:pointer;padding-top:.25rem;display:flex;position:relative}.post ul[data-type=taskList] li label input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.post ul[data-type=taskList] li label span{border:2px solid var(--task-border);background-color:#0000;border-radius:.5rem;width:1.5rem;height:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;position:relative}.post ul[data-type=taskList] li label span:before{content:"";opacity:0;background-color:#fff;width:1rem;height:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);-webkit-mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.post ul[data-type=taskList] li label input[type=checkbox]:checked+span{background:var(--link-color);border-color:var(--link-color);box-shadow:0 4px 12px #ed511c4d}.post ul[data-type=taskList] li label input[type=checkbox]:checked+span:before{opacity:1;transform:translate(-50%,-50%)scale(1)}.post ul[data-type=taskList] li div{flex:1;min-width:0}.post a{color:var(--link-color);border-bottom:2px solid #ed511c26;padding:0 2px;font-weight:500;text-decoration:none;transition:all .2s}.post a:hover{border-bottom-color:var(--link-color);background-color:#ed511c0d;border-radius:4px}@media screen and (max-width:768px){.post img{height:auto;max-height:100vh;width:100%!important}}.post img{object-fit:cover;max-width:100%;height:auto;max-height:80vh;margin:calc(var(--spacer-down)*2)0;border-radius:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 20px 40px -15px #00000026,0 10px 20px -10px #0000001a}.post hr{background:linear-gradient(to right,transparent,var(--hr-color),transparent);height:2px;margin:calc(var(--spacer-down)*2.5)0;opacity:.5;border:0}
