@layer components{.prose pre,.prose .astro-code{margin-top:1.35rem!important;margin-bottom:1.35rem!important;padding:1rem 1.1rem!important;border-radius:.75rem!important;font-size:.82rem;line-height:1.55;tab-size:2;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-muted-foreground) 42%,transparent) transparent}.prose pre::-webkit-scrollbar,.prose .astro-code::-webkit-scrollbar{width:.65rem;height:.65rem}.prose pre::-webkit-scrollbar-thumb,.prose .astro-code::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-muted-foreground) 42%,transparent);border:2px solid transparent;border-radius:999px;background-clip:padding-box}.prose .code-block-shell{position:relative;isolation:isolate;width:100%;margin:1.35rem 0}.prose .code-block-shell>pre{width:100%;margin:0!important;overflow-x:auto!important}.prose .code-block-shell.is-collapsible:not(.is-expanded)>pre{max-height:clamp(16rem,46vh,22rem);overflow-y:hidden!important;padding-bottom:4.3rem!important}.prose .code-block-shell.is-collapsible:not(.is-expanded):after{position:absolute;z-index:1;right:1px;bottom:1px;left:1px;height:5.5rem;border-radius:0 0 .7rem .7rem;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-card) 94%,transparent) 58%,color-mix(in srgb,var(--color-card) 99%,transparent));content:"";pointer-events:none}.prose .code-block-copy,.prose .code-block-toggle{border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);background:color-mix(in srgb,var(--color-card) 90%,transparent);color:var(--color-foreground);box-shadow:0 6px 18px -12px #0f172a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-sans);font-weight:800;letter-spacing:-.01em;cursor:pointer;transition:opacity .16s ease,border-color .16s ease,background-color .16s ease,transform .16s ease}.prose .code-block-copy{position:absolute;z-index:3;top:.58rem;right:.58rem;min-height:1.95rem;padding:.34rem .58rem;border-radius:.55rem;font-size:.7rem;line-height:1;opacity:.52}.prose .code-block-shell:hover .code-block-copy,.prose .code-block-copy:focus-visible,.prose .code-block-copy[data-copy-state=copied],.prose .code-block-copy[data-copy-state=error]{opacity:1}.prose .code-block-copy[data-copy-state=copied]{border-color:color-mix(in srgb,#16a34a 58%,var(--color-border))}.prose .code-block-copy[data-copy-state=error]{border-color:color-mix(in srgb,#dc2626 58%,var(--color-border))}.prose .code-block-toggle{position:absolute;z-index:2;bottom:.72rem;left:50%;min-height:2.15rem;padding:.42rem .78rem;border-radius:999px;font-size:.74rem;line-height:1.1;transform:translate(-50%)}.prose .code-block-toggle:hover{border-color:color-mix(in srgb,var(--color-foreground) 28%,var(--color-border));background:color-mix(in srgb,var(--color-card) 98%,var(--color-secondary));transform:translate(-50%) translateY(-1px)}.prose .code-block-copy:focus-visible,.prose .code-block-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--color-ring) 34%,transparent);outline-offset:2px}.prose .code-block-shell.is-expanded>pre{max-height:none;overflow-y:visible;padding-bottom:4.3rem!important}}@media(max-width:640px){.prose pre,.prose .astro-code{margin:1.05rem -.25rem!important;padding:.82rem .88rem!important;border-radius:.65rem!important;font-size:.76rem;line-height:1.5}.prose .code-block-shell{width:calc(100% + .5rem);margin:1.05rem -.25rem}.prose .code-block-shell>pre{width:100%;margin:0!important}.prose .code-block-shell.is-collapsible:not(.is-expanded)>pre{max-height:min(17rem,52vh);padding-bottom:4rem!important}.prose .code-block-shell.is-expanded>pre{padding-bottom:4rem!important}.prose .code-block-copy{top:.42rem;right:.42rem;min-height:1.8rem;padding:.3rem .48rem;font-size:.66rem;opacity:.86}.prose .code-block-toggle{bottom:.58rem;max-width:calc(100% - 2rem);min-height:2rem;padding:.38rem .66rem;font-size:.69rem;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.prose .code-block-copy,.prose .code-block-toggle{transition:none!important}}.scrollbar-hide.svelte-13lojxz::-webkit-scrollbar{display:none}.scrollbar-hide.svelte-13lojxz{-ms-overflow-style:none;scrollbar-width:none}.giscus{width:100%}.giscus-frame{width:100%;border:none}