:root{--tour-safe-area-top:env(safe-area-inset-top);--tour-safe-area-bottom:env(safe-area-inset-bottom)}.tour-overlay{z-index:80;pointer-events:none;position:fixed;top:0;left:0}html[data-product-tour=active] [data-player-hub-root]{z-index:70!important}.tour-shade{pointer-events:auto;background:#00000059;position:absolute}.tour-ring{pointer-events:none;border:2px solid var(--primary);box-shadow:0 0 0 1px #0006, 0 0 20px color-mix(in srgb, var(--primary) 20%, transparent);border-radius:12px;position:absolute}.tour-guide{pointer-events:auto;max-height:calc(100dvh - 32px - var(--tour-safe-area-top) - var(--tour-safe-area-bottom));background:#101010;border:1px solid #ffffff21;border-radius:18px;outline:none;flex-direction:column;gap:12px;padding:20px;animation:.18s ease-out tour-guide-enter;display:flex;position:absolute;overflow-y:auto;box-shadow:0 20px 70px #000000a6}.tour-guide>:first-child,.tour-guide-actions{flex-shrink:0}.tour-guide>:first-child{margin-bottom:0}.tour-guide-copy{overscroll-behavior:contain;min-height:0;overflow-y:auto}html[data-tour-docked=true] .tour-guide{max-height:min(320px, max(144px, calc(var(--tour-viewport-height,100dvh) * .44 - var(--tour-safe-area-bottom))));padding:16px}.tour-guide-actions button{min-height:44px}@keyframes tour-guide-enter{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}html[data-tour-docked=true]{scroll-padding-bottom:var(--tour-guide-height,280px)}html[data-tour-docked=true] body{padding-bottom:var(--tour-guide-height,280px)}html[data-tour-docked=true] [data-sonner-toaster][data-y-position=bottom]{bottom:calc(100% - var(--tour-viewport-top,0px) - var(--tour-viewport-height,100dvh) + var(--tour-guide-height,280px) + var(--tour-safe-area-bottom));left:calc(var(--tour-viewport-left,0px) + 16px);width:min(360px, calc(var(--tour-viewport-width,100vw) - 32px));right:auto}html[data-tour-docked=true] [data-tour-dialog=true]{top:calc(var(--tour-viewport-top,0px) + 12px + var(--tour-safe-area-top));left:calc(var(--tour-viewport-left,0px) + 12px);right:calc(100% - var(--tour-viewport-left,0px) - var(--tour-viewport-width,100vw) + 12px);width:calc(var(--tour-viewport-width,100vw) - 24px);max-height:max(64px, calc(var(--tour-viewport-height,100dvh) - var(--tour-guide-height,280px) - 24px - var(--tour-safe-area-top) - var(--tour-safe-area-bottom)));margin-inline:auto;transform:translate(0,0)}html[data-tour-docked=true] [data-tour-target]{scroll-margin-bottom:var(--tour-guide-height,280px)}html[data-tour-docked=true] [data-tour-dialog=true] [data-tour-target]{scroll-margin:12px}@media (prefers-reduced-motion:reduce){.tour-guide{animation:none}}