.tour-layer{--tour-fill:color-mix(in oklch, var(--scrim) 50%, transparent);z-index:60;pointer-events:none;background:0 0;border:0;width:100vw;height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.tour-veil{background:var(--tour-fill);position:absolute;inset:0}.tour-hole{outline:100vmax solid var(--tour-fill);transition:top var(--dur-sheet) var(--ease-out), left var(--dur-sheet) var(--ease-out), width var(--dur-sheet) var(--ease-out), height var(--dur-sheet) var(--ease-out);border-radius:16px;position:absolute}.tour-ring{border:2px solid var(--primary);animation:tour-pulse 1.6s var(--ease-out) infinite;transition:top var(--dur-sheet) var(--ease-out), left var(--dur-sheet) var(--ease-out), width var(--dur-sheet) var(--ease-out), height var(--dur-sheet) var(--ease-out);border-radius:16px;position:absolute}.tour-card{pointer-events:auto;animation:tour-in .24s var(--ease-out) both;position:absolute}.tour-fade{animation:tour-in .24s var(--ease-out) both}@keyframes tour-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.04)}}@keyframes tour-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tour-hole,.tour-ring{transition:none}.tour-ring,.tour-card,.tour-fade{animation:none}}
