.code-block-wrapper{position:relative;margin:1.5rem 0;border-radius:1.25rem;overflow:hidden}.code-block-wrapper.has-title{border:1px solid rgba(var(--color-border),.5)}.code-block-wrapper pre:has(code){margin:0}.code-block-wrapper.has-title pre:has(code){border:none;border-radius:0}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.3rem 1rem;background:rgba(var(--color-card),.98);border-bottom:1px solid rgba(var(--color-border),.3);font-size:.85rem;color:rgba(var(--color-text-base),.8)}.code-block-title{font-weight:500;font-family:var(--font-sans)}.code-block-meta{display:flex;align-items:center;gap:.75rem}.code-block-lang{font-size:.75rem;font-weight:500;letter-spacing:.02em;color:rgba(var(--color-text-base),.5);text-transform:lowercase}pre:has(code){position:relative;border:1px solid rgba(var(--color-border),.5);border-radius:1.25rem;background:rgba(var(--color-card),.95);margin:1.5rem 0;overflow:hidden}pre:has(code) code{display:block;padding:1.25rem 0;overflow-x:auto;background:inherit;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.875rem;line-height:1.4!important;-moz-tab-size:2;-o-tab-size:2;tab-size:2}pre:has(code) code>.line{display:inline}.copy-code-btn{position:absolute;top:.375rem;right:.375rem;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:.625rem;background:transparent;color:rgba(var(--color-text-base),.4);cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .15s ease,color .15s ease;z-index:10}pre:has(code):hover .copy-code-btn,.code-block-wrapper:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{background:rgba(var(--color-text-base),.08);color:rgba(var(--color-text-base),.7)}.copy-code-btn:active{background:rgba(var(--color-text-base),.12);transform:scale(.95)}.copy-code-btn svg{width:1.125rem;height:1.125rem}.copy-code-btn.copied{color:rgb(var(--color-accent))}.code-block-header .copy-code-btn{position:static;opacity:1;width:2.25rem;height:2.25rem}pre:has(code) code .line-number{display:inline-block;width:2.5rem;margin-right:1rem;text-align:right;color:rgba(var(--color-text-base),.3);-webkit-user-select:none;-moz-user-select:none;user-select:none}html[data-theme=dark] pre:has(code){background:rgba(var(--color-card),.98)!important;border-color:rgba(var(--color-border),.4)}html[data-theme=dark] .code-block-wrapper.has-title{border-color:rgba(var(--color-border),.4)}html[data-theme=dark] .code-block-wrapper.has-title pre:has(code){border:none!important}html[data-theme=dark] .code-block-header{background:rgba(var(--color-card),.98);border-bottom-color:rgba(var(--color-border),.3)}html[data-theme=dark] .copy-code-btn:hover{background:#ffffff1a}pre:has(code) code::-webkit-scrollbar{height:6px}pre:has(code) code::-webkit-scrollbar-track{background:transparent}pre:has(code) code::-webkit-scrollbar-thumb{background:rgba(var(--color-text-base),.15);border-radius:3px}pre:has(code) code::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-text-base),.25)}@media (max-width: 640px){pre:has(code) code{padding:1rem;font-size:.8rem}.copy-code-btn{top:.375rem;right:.375rem;width:2.25rem;height:2.25rem}.copy-code-btn svg{width:1.125rem;height:1.125rem}}.social-icons:where(.astro-xqqzuiuc){display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem}@media (min-width: 640px){.social-icons:where(.astro-xqqzuiuc){align-items:flex-start}}.link-button:where(.astro-xqqzuiuc){--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding:.5rem}@media (min-width: 640px){.link-button:where(.astro-xqqzuiuc){padding:.25rem}}.link-button:where(.astro-xqqzuiuc){transition:color var(--duration-fast) var(--ease-smooth)}.link-button:where(.astro-xqqzuiuc):hover{color:rgb(var(--color-accent))}:root{--gradient-accent-1: rgba(167, 216, 245, .5);--gradient-accent-2: rgba(246, 229, 179, .5);--gradient-bg-1: rgba(227, 242, 253, .5);--gradient-bg-2: rgba(252, 228, 236, .5);--gradient-bg-3: rgba(232, 245, 233, .5)}:root[data-theme=dark]{--gradient-accent-1: rgba(67, 116, 145, .4);--gradient-accent-2: rgba(146, 109, 39, .4);--gradient-bg-1: rgba(27, 42, 53, .4);--gradient-bg-2: rgba(52, 28, 36, .4);--gradient-bg-3: rgba(32, 45, 33, .4)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--gradient-accent-1: rgba(67, 116, 145, .4);--gradient-accent-2: rgba(146, 109, 39, .4);--gradient-bg-1: rgba(27, 42, 53, .4);--gradient-bg-2: rgba(52, 28, 36, .4);--gradient-bg-3: rgba(32, 45, 33, .4)}}.blog-image-wrapper:where(.astro-ql53wvzy){contain:layout style}.aspect-ratio-wrapper:where(.astro-ql53wvzy){will-change:auto}.gradient-placeholder:where(.astro-ql53wvzy){will-change:opacity}.blog-image:where(.astro-ql53wvzy){will-change:opacity}@media print{.gradient-placeholder:where(.astro-ql53wvzy){display:none}}.post-page:where(.astro-3hrixfn6){margin-left:auto;margin-right:auto;width:100%;padding-left:1rem;padding-right:1rem;padding-bottom:3rem;max-width:min(92vw,52rem)}.post-card:where(.astro-3hrixfn6){position:relative;background:var(--glass-surface-strong);border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));overflow:hidden;padding:clamp(2rem,5vw,3.5rem)}.post-header:where(.astro-3hrixfn6){text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px dashed rgba(var(--color-border),.5)}.post-title:where(.astro-3hrixfn6){font-size:1.5rem;line-height:2rem;font-weight:600;--tw-text-opacity: 1;color:rgba(var(--color-text-base),var(--tw-text-opacity, 1));font-family:var(--font-display);line-height:1.3;margin-bottom:.75rem;letter-spacing:-.02em}.post-header:where(.astro-3hrixfn6) .post-datetime{justify-content:center;color:rgba(var(--color-text-base),.6);font-size:.9rem}.post-description:where(.astro-3hrixfn6){font-size:1rem;line-height:1.5rem;color:rgba(var(--color-text-base),.7);text-align:center;line-height:1.65;margin-top:1.25rem;max-width:38rem;margin-left:auto;margin-right:auto}.post-content:where(.astro-3hrixfn6){margin-left:auto;margin-right:auto;max-width:none}.post-footer:where(.astro-3hrixfn6){margin-top:3rem;padding-top:2rem;border-top:1px dashed rgba(var(--color-border),.5)}.post-tags:where(.astro-3hrixfn6){display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;list-style:none;padding:0;margin-bottom:1.5rem}.post-tag-item:where(.astro-3hrixfn6){display:inline-flex}.post-share:where(.astro-3hrixfn6){display:flex;align-items:center;justify-content:flex-start}.post-share:where(.astro-3hrixfn6) .social-icons{align-items:flex-start;justify-content:flex-start}.post-nav:where(.astro-3hrixfn6){display:flex;align-items:stretch;justify-content:space-between;gap:1rem;margin-top:2rem}.post-nav-link:where(.astro-3hrixfn6){display:flex;max-width:45%;align-items:center;gap:.5rem;border-radius:1rem;padding:.75rem 1rem;background:var(--glass-surface);border:1px solid var(--glass-border);transition:all var(--duration-fast) var(--ease-smooth)}.post-nav-link:where(.astro-3hrixfn6):hover{background:var(--glass-surface-strong);transform:translateY(-2px)}.post-nav-prev:where(.astro-3hrixfn6){text-align:left}.post-nav-next:where(.astro-3hrixfn6){margin-left:auto;text-align:right}.post-nav-icon:where(.astro-3hrixfn6){height:1.25rem;width:1.25rem;flex-shrink:0;opacity:.6}.post-nav-title:where(.astro-3hrixfn6){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;color:rgba(var(--color-text-base),.85)}.post-nav-placeholder:where(.astro-3hrixfn6){flex:1 1 0%}@media (max-width: 640px){.post-card:where(.astro-3hrixfn6){padding:clamp(1.5rem,4vw,2rem);border-radius:1.5rem}.post-title:where(.astro-3hrixfn6){font-size:1.25rem;line-height:1.75rem}.post-nav:where(.astro-3hrixfn6){flex-direction:column;gap:1rem}.post-nav-link:where(.astro-3hrixfn6){max-width:100%}.post-nav-next:where(.astro-3hrixfn6){margin-left:0}}