.coachmark{--cm-font-ui:"Geist", -apple-system, system-ui, sans-serif;--cm-font-hand:"Caveat", cursive;--cm-font-mono:"JetBrains Mono", ui-monospace, monospace;--cm-scrim:#08090f8c;--cm-pop-bg:linear-gradient(180deg, #16172250 0%, #0c0d15 100%), #14151f;--cm-pop-border:#ffffff1a;--cm-pop-radius:18px;--cm-pop-pad:16px;--cm-pop-w:300px;--cm-pop-shadow:0 18px 50px #0000008c, 0 2px 0 #ffffff0a inset;--cm-spot-pad:10px;--cm-spot-radius:16px;--cm-beak:12px;--cm-ease:cubic-bezier(.2, .8, .2, 1);z-index:1000;pointer-events:none;opacity:0;visibility:hidden;position:absolute;inset:0}.coachmark.is-open{opacity:1;visibility:visible}.coachmark-backdrop{pointer-events:auto;cursor:pointer;position:absolute;inset:0}.coachmark-scrim{background:var(--cm-scrim);pointer-events:none;position:absolute;inset:0}.coachmark-spot{border-radius:var(--cm-spot-radius);pointer-events:none;transition:top .32s var(--cm-ease), left .32s var(--cm-ease), width .32s var(--cm-ease), height .32s var(--cm-ease);position:absolute}.coachmark-spot:after{content:"";border-radius:inherit;border:2px solid var(--cm-accent,var(--lime));box-shadow:0 0 0 6px color-mix(in oklch, var(--cm-accent,var(--lime)) 22%, transparent);animation:cmHalo 1.8s var(--cm-ease) infinite;position:absolute;inset:-3px}@keyframes cmHalo{0%,to{box-shadow:0 0 0 6px color-mix(in oklch, var(--cm-accent,var(--lime)) 22%, transparent)}50%{box-shadow:0 0 0 11px color-mix(in oklch, var(--cm-accent,var(--lime)) 6%, transparent)}}.coachmark-spot.round,.coachmark-spot.round:after{border-radius:50%}.coachmark-pop{pointer-events:auto;width:var(--cm-pop-w);background:var(--cm-pop-bg);border:1px solid var(--cm-pop-border);border-radius:var(--cm-pop-radius);max-width:calc(100% - 28px);padding:var(--cm-pop-pad);box-shadow:var(--cm-pop-shadow);transition:transform .26s var(--cm-ease);position:absolute;transform:translateY(8px)scale(.985)}.coachmark.is-open .coachmark-pop{transform:none}.coachmark-beak{width:var(--cm-beak);height:var(--cm-beak);border-right:1px solid var(--cm-pop-border);border-bottom:1px solid var(--cm-pop-border);background:#101119;position:absolute}.coachmark-pop.below .coachmark-beak{top:calc(var(--cm-beak) / -2 - 1px);transform:rotate(225deg)}.coachmark-pop.above .coachmark-beak{bottom:calc(var(--cm-beak) / -2 - 1px);transform:rotate(45deg)}.coachmark-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.coachmark-eyebrow{font-family:var(--cm-font-ui);letter-spacing:1.4px;text-transform:uppercase;color:var(--cm-accent,var(--lime));align-items:center;gap:7px;font-size:10.5px;font-weight:600;display:inline-flex}.coachmark-eyebrow .ei{background:color-mix(in oklch, var(--cm-accent,var(--lime)) 18%, transparent);width:22px;height:22px;color:var(--cm-accent,var(--lime));border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.coachmark-title{font-family:var(--cm-font-hand);color:var(--text);margin:10px 0 0;font-size:27px;font-weight:700;line-height:1.05}.coachmark-body{font-family:var(--cm-font-mono);color:var(--text-muted);margin:7px 0 0;font-size:12.5px;line-height:1.6}.coachmark-body b{color:var(--text);font-weight:600}.coachmark-foot{align-items:center;gap:8px;margin-top:16px;display:flex}.coachmark-cta{cursor:pointer;background:var(--cm-accent,var(--lime));color:var(--cm-on-accent,var(--on-lime,#1a2004));font-family:var(--cm-font-ui);border:none;border-radius:11px;flex:1;padding:11px 14px;font-size:13.5px;font-weight:700;transition:transform .1s,filter .15s}.coachmark-cta:hover{filter:brightness(1.06)}.coachmark-cta:active{transform:scale(.98)}.coachmark :focus-visible{outline:2px solid var(--cm-accent,var(--lime));outline-offset:2px}.cm-accent-purple{--cm-accent:var(--purple);--cm-on-accent:#fff}.cm-accent-amber{--cm-accent:var(--sev-gram);--cm-on-accent:#2a1a02}.cm-accent-lime{--cm-accent:var(--lime);--cm-on-accent:var(--on-lime,#1a2004)}@media (prefers-reduced-motion:reduce){.coachmark,.coachmark-pop,.coachmark-spot{transition:opacity .12s linear}.coachmark-pop{transform:none}.coachmark-spot:after{animation:none}}
