.content-code-annotation[data-astro-cid-quqiqqop]{--code-line-height: 1.15rem;--code-highlight-top: calc( var(--space-16) + (var(--highlight-index) * var(--code-line-height)) );margin-block:var(--space-10)}.content-code-annotation__card[data-astro-cid-quqiqqop]{position:relative;max-width:24rem;min-height:20rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 46%,var(--border));border-radius:var(--r-md);background:linear-gradient(color-mix(in srgb,var(--border) 44%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 44%,transparent) 1px,transparent 1px),color-mix(in srgb,var(--surface) 92%,var(--accent) 8%);background-size:var(--space-8) var(--space-8);box-shadow:var(--shadow-accent);transform:rotate(-2deg);transform-origin:center;animation:contentCodeCardFloat 6s var(--ease) infinite}.content-code-annotation__chrome[data-astro-cid-quqiqqop]{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid color-mix(in srgb,var(--accent) 34%,var(--border))}.content-code-annotation__chrome[data-astro-cid-quqiqqop] span[data-astro-cid-quqiqqop]{width:var(--space-2);aspect-ratio:1;border-radius:var(--r-pill);background:color-mix(in srgb,var(--accent) 58%,var(--border-mid))}.content-code-annotation__eyebrow[data-astro-cid-quqiqqop],.content-code-annotation__note[data-astro-cid-quqiqqop]{margin:0;font-family:var(--font-mono);font-size:var(--fs-xs)}.content-code-annotation__eyebrow[data-astro-cid-quqiqqop]{padding:var(--space-4) var(--space-5) 0;color:var(--accent-blue);font-weight:700}.content-code-annotation[data-astro-cid-quqiqqop] pre[data-astro-cid-quqiqqop]{margin:var(--space-2) 0 0;padding:0 var(--space-5);white-space:normal}.content-code-annotation[data-astro-cid-quqiqqop] code[data-astro-cid-quqiqqop]{display:block;color:var(--muted-hi);font-family:var(--font-mono);font-size:var(--fs-xs);line-height:var(--code-line-height)}.content-code-annotation__line[data-astro-cid-quqiqqop]{display:block;padding-inline-start:calc(var(--line-indent) * var(--space-4))}.content-code-annotation__line--muted[data-astro-cid-quqiqqop]{color:var(--muted)}.content-code-annotation__line--accent[data-astro-cid-quqiqqop]{color:var(--accent-pink)}.content-code-annotation__ring[data-astro-cid-quqiqqop]{position:absolute;inset-block-start:var(--code-highlight-top);inset-inline-start:var(--space-5);width:min(76%,17rem);height:var(--space-8);border:2px solid var(--accent-pink);border-radius:50%;transform:rotate(-6deg) scaleX(.18);transform-origin:left center;opacity:.92;animation:contentCodeRingDraw 2.8s var(--ease) infinite}.content-code-annotation__pointer[data-astro-cid-quqiqqop]{position:absolute;inset-block-start:calc(var(--code-highlight-top) + var(--space-2));inset-inline-end:var(--space-4);width:var(--space-5);aspect-ratio:1;border-block-start:2px solid var(--accent-pink);border-inline-end:2px solid var(--accent-pink);transform:rotate(39deg);animation:contentCodePointerPulse 2.8s var(--ease) infinite}.content-code-annotation__note[data-astro-cid-quqiqqop]{position:absolute;inset-block-end:var(--space-5);inset-inline-start:var(--space-5);color:var(--accent)}.content-code-annotation[data-astro-cid-quqiqqop] figcaption[data-astro-cid-quqiqqop]{max-width:32rem;margin-block-start:var(--space-3);color:var(--muted);font-size:var(--fs-sm)}@keyframes contentCodeCardFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(calc(var(--space-2) * -1)) rotate(-1deg)}}@keyframes contentCodeRingDraw{0%,18%{transform:rotate(-6deg) scaleX(.18);opacity:0}46%,to{transform:rotate(-6deg) scaleX(1);opacity:.92}}@keyframes contentCodePointerPulse{0%,42%{opacity:0;transform:translate(var(--space-3)) rotate(39deg)}60%,to{opacity:1;transform:translate(0) rotate(39deg)}}@media(max-width:36rem){.content-code-annotation__card[data-astro-cid-quqiqqop]{max-width:none;min-height:18rem;transform:none}.content-code-annotation__ring[data-astro-cid-quqiqqop]{width:70%}}@media(prefers-reduced-motion:reduce){.content-code-annotation__card[data-astro-cid-quqiqqop],.content-code-annotation__ring[data-astro-cid-quqiqqop],.content-code-annotation__pointer[data-astro-cid-quqiqqop]{animation:none}.content-code-annotation__ring[data-astro-cid-quqiqqop]{transform:rotate(-6deg) scaleX(1)}}