.note-prose{color:var(--color-bone-200);font-size:1rem;line-height:1.75;overflow-wrap:break-word}.note-prose h1{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;line-height:1.1;color:#fff;letter-spacing:-.02em;margin:0 0 1.25rem;text-shadow:0 0 28px rgb(225 29 72 / .25)}.note-prose h2{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:700;color:#fff;margin:2.6rem 0 1rem;padding-top:1.6rem;border-top:1px solid rgb(255 255 255 / .07);scroll-margin-top:6rem}.note-prose h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--color-crimson-300);margin:1.9rem 0 .7rem;scroll-margin-top:6rem}.note-prose h4{font-size:1rem;font-weight:600;color:var(--color-bone-100);margin:1.4rem 0 .5rem;scroll-margin-top:6rem}.note-prose h1~h1{font-size:clamp(1.4rem,2.5vw,1.8rem);margin:2.6rem 0 1rem;padding-top:1.6rem;border-top:1px solid rgb(255 255 255 / .07);text-shadow:none;scroll-margin-top:6rem}.note-prose h2:before,.note-prose h1~h1:before{content:"";display:inline-block;width:.8rem;height:2px;margin-right:.65rem;vertical-align:middle;background:linear-gradient(to right,var(--color-crimson-500),var(--color-crimson-500) 60%,transparent);box-shadow:0 0 10px -1px var(--color-crimson-500)}.note-prose p{margin:0 0 1.15rem}.note-prose strong{color:#fff;font-weight:600}.note-prose em{color:var(--color-bone-100)}.note-prose hr{border:0;border-top:1px dashed rgb(255 255 255 / .12);margin:2rem 0}.note-prose a{color:var(--color-crimson-300);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#f43f5e66;transition:color .2s ease,text-decoration-color .2s ease}.note-prose a:hover{color:#fff;text-decoration-color:var(--color-crimson-400)}.note-prose ul,.note-prose ol{margin:0 0 1.15rem;padding-left:1.4rem}.note-prose li{margin:.35rem 0}.note-prose ul>li::marker{color:var(--color-crimson-500)}.note-prose ol>li::marker{color:var(--color-crimson-400);font-family:var(--font-mono)}.note-prose li>ul,.note-prose li>ol{margin:.35rem 0}.note-prose input[type=checkbox]{accent-color:var(--color-crimson-500);margin-right:.5rem}.note-prose :not(pre)>code{font-family:var(--font-mono);font-size:.86em;color:var(--color-crimson-300);background:#f43f5e17;border:1px solid rgb(244 63 94 / .18);border-radius:6px;padding:.12em .4em;white-space:nowrap}.note-prose pre.code-block,.note-prose pre.astro-code{position:relative;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;margin:0 0 1.3rem;padding:1.1rem 1.1rem 1rem;border-radius:.75rem;border:1px solid rgb(255 255 255 / .08);background:var(--color-ink-950)!important;overflow-x:auto;box-shadow:inset 0 0 0 1px #0000004d}.note-prose pre code{font-family:var(--font-mono);background:none;border:0;padding:0;color:inherit;white-space:pre}.note-prose pre.code-block:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(to right,var(--color-crimson-600),transparent 60%);border-radius:.75rem .75rem 0 0}.note-prose .code-copy{position:absolute;top:.55rem;right:.55rem;z-index:2;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-bone-400);background:#0e0e14e6;border:1px solid rgb(255 255 255 / .1);border-radius:6px;padding:.25rem .55rem;cursor:pointer;opacity:0;transition:opacity .2s ease,color .2s ease,border-color .2s ease}.note-prose pre:hover .code-copy,.note-prose .code-copy:focus-visible{opacity:1}.note-prose .code-copy:hover{color:#fff;border-color:var(--color-crimson-500)}.note-prose .table-wrap{overflow-x:auto;margin:0 0 1.4rem}.note-prose table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:420px}.note-prose thead th{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;text-align:left;color:var(--color-crimson-300);background:#f43f5e12;padding:.6rem .8rem;border-bottom:1px solid rgb(244 63 94 / .25)}.note-prose tbody td{padding:.55rem .8rem;border-bottom:1px solid rgb(255 255 255 / .06);vertical-align:top}.note-prose tbody tr:hover td{background:#ffffff05}.note-prose blockquote{margin:0 0 1.3rem;padding:.9rem 1.1rem;border-left:3px solid var(--color-crimson-500);border-radius:0 .6rem .6rem 0;background:#e11d480f;color:var(--color-bone-200)}.note-prose blockquote p:last-child{margin-bottom:0}.note-prose blockquote strong{color:var(--color-crimson-300)}.note-prose img{max-width:100%;border-radius:.6rem;border:1px solid rgb(255 255 255 / .08)}.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:.7rem;color:var(--color-crimson-300);border:1px solid rgb(244 63 94 / .3);background:linear-gradient(145deg,#f43f5e24,#f43f5e08);box-shadow:inset 0 1px #ffffff0d,0 0 22px -8px #e11d4899}.note-prose .callout{display:flex;gap:.85rem;margin:0 0 1.4rem;padding:.95rem 1.1rem;border-radius:.75rem;border:1px solid;background:var(--co-bg);border-color:var(--co-bd)}.note-prose .callout>.callout-ico{flex-shrink:0;width:1.35rem;height:1.35rem;margin-top:.1rem;color:var(--co-ac)}.note-prose .callout .callout-body{min-width:0;flex:1}.note-prose .callout .callout-body>:last-child{margin-bottom:0}.note-prose .callout .callout-body>:first-child{margin-top:0}.note-prose .callout strong:first-child{color:var(--co-ac)}.note-prose .callout.note{--co-ac: var(--color-crimson-300);--co-bg: rgb(225 29 72 / .06);--co-bd: rgb(244 63 94 / .22)}.note-prose .callout.tip{--co-ac: #34d399;--co-bg: rgb(16 185 129 / .07);--co-bd: rgb(16 185 129 / .25)}.note-prose .callout.warning{--co-ac: #fbbf24;--co-bg: rgb(251 191 36 / .07);--co-bd: rgb(251 191 36 / .25)}.note-prose .callout.danger{--co-ac: var(--color-crimson-400);--co-bg: rgb(225 29 72 / .1);--co-bd: rgb(244 63 94 / .4)}.note-prose .hn-flow{counter-reset:hnstep;margin:1.8rem 0;padding:0;list-style:none}.note-prose .hn-flow .hn-step{position:relative;display:flex;gap:1rem;padding:0 0 1.5rem;margin:0}.note-prose .hn-flow .hn-step::marker{content:none}.note-prose .hn-flow .hn-step:not(:last-child):before{content:"";position:absolute;left:17px;top:38px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-crimson-600),rgb(244 63 94 / .1))}.note-prose .hn-flow .hn-num{counter-increment:hnstep;position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:#fff;background:var(--color-ink-800);border:1px solid rgb(244 63 94 / .4);box-shadow:0 0 20px -6px #e11d48b3}.note-prose .hn-flow .hn-num:before{content:counter(hnstep,decimal-leading-zero)}.note-prose .hn-flow .hn-body{padding-top:.35rem}.note-prose .hn-flow .hn-title{font-family:var(--font-display);font-weight:600;color:#fff}.note-prose .hn-flow .hn-desc{margin-top:.15rem;font-size:.9rem;color:var(--color-bone-400)}.note-prose .hn-pipeline{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:1.8rem 0;padding:1.1rem;border-radius:.9rem;border:1px solid rgb(255 255 255 / .07);background:radial-gradient(120% 140% at 0% 0%,rgb(225 29 72 / .06),transparent 55%),var(--color-ink-950)}.note-prose .hn-pipeline .hn-node{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border-radius:.6rem;font-family:var(--font-mono);font-size:.82rem;color:var(--color-bone-100);background:#0e0e14e6;border:1px solid rgb(255 255 255 / .1);transition:border-color .25s ease,color .25s ease,box-shadow .25s ease}.note-prose .hn-pipeline .hn-node:hover{color:#fff;border-color:#f43f5e80;box-shadow:0 0 22px -8px #e11d48cc}.note-prose .hn-pipeline .hn-node:last-child{color:var(--color-crimson-300);border-color:#f43f5e66}.note-prose .hn-pipeline .hn-arrow{color:var(--color-crimson-500);display:inline-flex}.reveal{opacity:1!important;transform:none!important}@media(prefers-reduced-motion:no-preference){.note-prose{animation:notes-fade-in .5s ease both}}@keyframes notes-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
