.code-block-wrap{--c: var(--frame-corner);position:relative;margin:1.5rem 0;border:1px solid var(--frame-line);border-radius:0;background-color:var(--bg-2);background-image:linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c));background-size:var(--corner-len) 1px,1px var(--corner-len),var(--corner-len) 1px,1px var(--corner-len);background-position:0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-origin:border-box;box-shadow:none;overflow:hidden}.code-block-header{display:flex;align-items:center;gap:1ch;min-width:0;padding:0 0 0 1ch;background:var(--bg-3);border-bottom:1px solid var(--frame-line);font-family:var(--font-mono);font-size:.7rem;line-height:1;height:2.15rem}.code-block-lang{flex-shrink:0;font-weight:600;letter-spacing:.06em;text-transform:lowercase;color:var(--text-2);white-space:nowrap}.code-block-lang:before{content:"─[ ";content:"─[ " / "";color:var(--text-3);font-weight:400}.code-block-lang:after{content:" ]";content:" ]" / "";color:var(--text-3);font-weight:400}.code-block-rule{flex:1 1 auto;min-width:1ch;height:1px;background:var(--frame-line)}.code-block-meta{flex-shrink:0;color:var(--text-3);letter-spacing:.04em;white-space:nowrap}.code-copy-btn{flex-shrink:0;align-self:stretch;display:flex;align-items:center;margin:0;padding:0 1.4ch;border:0;border-left:1px solid var(--frame-line);border-radius:0;font:inherit;font-weight:600;letter-spacing:.06em;text-transform:lowercase;color:var(--text-2);background-color:transparent;background-image:linear-gradient(var(--red),var(--red));background-repeat:no-repeat;background-position:0 0;background-size:0% 100%;cursor:pointer;transition:background-size var(--dur-fast) steps(5,end),color 0s linear calc(var(--dur-fast) / 2)}.code-copy-btn:before{content:"[";content:"[" / ""}.code-copy-btn:after{content:"]";content:"]" / ""}.code-copy-btn:hover,.code-copy-btn:focus-visible{background-size:100% 100%;color:var(--on-red)}.code-copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.code-copy-btn:active{transform:translateY(1px)}.code-copy-btn.copied{color:#3fb950;background-size:0% 100%}.code-copy-btn.failed{color:var(--accent);background-size:0% 100%}[data-theme=light] .code-copy-btn.copied{color:#1a7f37}.code-block-wrap pre.astro-code{margin:0!important;border:none!important;border-radius:0!important;padding:1.05rem 1.4rem 1.15rem!important;background:transparent!important}.prose .code-block-wrap pre{margin:0!important;border:none!important}@media(max-width:480px){.code-block-meta{display:none}.code-block-wrap pre.astro-code{padding:.9rem 1rem 1rem!important}}.astro-code .code-hint{position:relative;cursor:help;border-bottom:1px dotted var(--text-3);border-radius:0;outline:none}.astro-code .code-hint:before{content:"";position:absolute;left:-3.5px;top:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4.5px solid var(--accent);opacity:.75}.astro-code .code-hint:hover,.astro-code .code-hint:focus-visible,.astro-code .code-hint[aria-describedby]{border-bottom:1px solid var(--accent)}.astro-code .code-hint:hover:before,.astro-code .code-hint:focus-visible:before,.astro-code .code-hint[aria-describedby]:before{opacity:1}.astro-code .code-hint:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.code-hint-pop{position:fixed;z-index:200;top:0;left:0;width:max-content;max-width:min(360px,calc(100vw - 24px));padding:10px 14px 11px;background:var(--bg-3);border:1px solid var(--border-hi);border-left:3px solid var(--accent);border-radius:0;box-shadow:var(--shadow-hard);font-family:var(--font-sans);pointer-events:none;opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path var(--dur-fast) steps(4,end),opacity 0s linear,visibility 0s linear var(--dur-fast)}.code-hint-pop.below{clip-path:inset(0 0 100% 0)}.code-hint-pop.visible{opacity:1;visibility:visible;clip-path:inset(-20px -20px -20px -20px);transition-delay:0s}.code-hint-pop:after{content:"";position:absolute;left:calc(var(--pole-x, 0px) - 2px);top:100%;width:1px;height:9px;background:var(--accent)}.code-hint-pop.below:after{top:auto;bottom:100%}.code-hint-title{margin:0 0 4px;font-family:var(--font-mono);font-size:.78rem;font-weight:600;line-height:1.4;color:var(--text)}.code-hint-title:before{content:"// ";content:"// " / "";color:var(--text-3);font-weight:400}.code-hint-body{margin:0;font-size:.8rem;line-height:1.55;color:var(--text-2)}.code-hint-pop code{font-family:var(--font-mono);font-size:.92em;color:var(--text);background:none;border:none;padding:0}@media(prefers-reduced-motion:reduce){.code-copy-btn,.code-hint-pop{transition:none}}