.screen-head.svelte-4y82z0{text-align:center;max-width:760px;margin:0 auto 40px}.screen-head.svelte-4y82z0 h2:where(.svelte-4y82z0){letter-spacing:-.035em;text-wrap:balance;margin:0 0 16px;font-size:clamp(32px,4.2vw,56px);font-weight:800;line-height:1.02}.screen-head.svelte-4y82z0 p:where(.svelte-4y82z0){color:var(--ink-dim);text-wrap:pretty;margin:0;font-size:18px;line-height:1.55}.screen-stage.svelte-4y82z0{position:relative}.callout.svelte-4y82z0{font:inherit;color:inherit;text-align:left;cursor:pointer;opacity:0;transition:opacity .5s var(--ease);transition-delay:var(--d,0s);z-index:3;background:0 0;border:0;align-items:center;gap:0;margin:0;padding:0;display:flex;position:absolute;transform:translate(-6px,-6px)}.callout.open.svelte-4y82z0{z-index:4}.screen.in .callout.svelte-4y82z0{opacity:1}.callout.svelte-4y82z0:focus-visible{outline:none}.callout.svelte-4y82z0:hover .callout-label:where(.svelte-4y82z0),.callout.open.svelte-4y82z0 .callout-label:where(.svelte-4y82z0){border-color:var(--emerald);box-shadow:0 0 0 3px color-mix(in oklab, var(--emerald) 22%, transparent)}.callout.svelte-4y82z0:focus-visible .callout-label:where(.svelte-4y82z0){border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--emerald) 22%, transparent);outline:2px solid var(--focus-ring);outline-offset:2px}.callout.open.svelte-4y82z0 .callout-label:where(.svelte-4y82z0){background:color-mix(in oklab, var(--emerald) 16%, var(--bg))}.callout-intro.svelte-4y82z0{border:1px solid color-mix(in oklab, var(--emerald) 40%, var(--line-strong));background:color-mix(in oklab, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:260px;color:var(--ink);white-space:normal;text-wrap:pretty;border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:400;line-height:1.45;position:absolute;box-shadow:0 20px 40px -18px #00000080}.callout.right.svelte-4y82z0 .callout-intro:where(.svelte-4y82z0){top:calc(100% + 8px);left:46px}.callout.right.far.svelte-4y82z0 .callout-intro:where(.svelte-4y82z0){left:auto;right:0}.callout.left.svelte-4y82z0 .callout-intro:where(.svelte-4y82z0){top:calc(100% + 8px);right:46px}.callout.left.near.svelte-4y82z0 .callout-intro:where(.svelte-4y82z0){inset:auto auto calc(100% + 8px) 0}.callout.below.svelte-4y82z0 .callout-intro:where(.svelte-4y82z0){top:calc(100% + 8px);left:50%;transform:translate(-50%)}.callout.above.svelte-4y82z0 .callout-intro:where(.svelte-4y82z0){bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.callout-dot.svelte-4y82z0{background:var(--emerald);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in oklab, var(--emerald) 30%, transparent), 0 0 18px var(--emerald);border-radius:999px;flex-shrink:0}.callout-line.svelte-4y82z0{background:color-mix(in oklab, var(--emerald) 70%, transparent);width:34px;height:1px}.callout-label.svelte-4y82z0{white-space:nowrap;border:1px solid color-mix(in oklab, var(--emerald) 45%, var(--line-strong));background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:600}.callout.left.svelte-4y82z0{flex-direction:row-reverse;transform:translate(calc(6px - 100%),-6px)}.callout.above.svelte-4y82z0,.callout.below.svelte-4y82z0{flex-direction:column}.callout.above.svelte-4y82z0{flex-direction:column-reverse;transform:translate(-50%,calc(6px - 100%))}.callout.below.svelte-4y82z0{transform:translate(-50%,-6px)}.callout.above.svelte-4y82z0 .callout-line:where(.svelte-4y82z0),.callout.below.svelte-4y82z0 .callout-line:where(.svelte-4y82z0){width:1px;height:26px}@media (width<=720px){.callout-line.svelte-4y82z0{width:12px}.callout.above.svelte-4y82z0 .callout-line:where(.svelte-4y82z0),.callout.below.svelte-4y82z0 .callout-line:where(.svelte-4y82z0){width:1px;height:10px}.callout-intro.svelte-4y82z0{width:200px;font-size:12px}.callout.right.svelte-4y82z0 .callout-intro:where(.svelte-4y82z0){left:24px}.callout.left.svelte-4y82z0 .callout-intro:where(.svelte-4y82z0){right:24px}.callout-label.svelte-4y82z0{padding:4px 8px;font-size:11px}.callout.right.far.svelte-4y82z0{flex-direction:row-reverse;transform:translate(calc(6px - 100%),-6px)}.callout.right.far.svelte-4y82z0 .callout-intro:where(.svelte-4y82z0){left:auto;right:24px}}
