@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-10px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(10px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.tour-beacon{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#14b8a6;border-radius:50%;box-shadow:0 4px 12px rgba(20,184,166,.3);cursor:pointer;transition:all .3s ease;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.tour-beacon:hover{background-color:#0f766e;box-shadow:0 6px 16px rgba(20,184,166,.4);transform:scale(1.1)}.tour-beacon:before{content:"";position:absolute;inset:0;border-radius:50%;background-color:#14b8a6;animation:ping 2s cubic-bezier(0,0,.2,1) infinite;opacity:.3}.tour-beacon-inner{position:relative;width:12px;height:12px;background-color:white;border-radius:50%;z-index:1}.tour-tooltip{animation:slideInFromBottom .3s ease-out;filter:drop-shadow(0 20px 25px rgba(0,0,0,.15))}.tour-tooltip[data-placement=top]{animation:slideInFromTop .3s ease-out}.tour-tooltip[data-placement=left]{animation:slideInFromLeft .3s ease-out}.tour-tooltip[data-placement=right]{animation:slideInFromRight .3s ease-out}.tour-tooltip .tooltip__body{transition:all .2s ease}.tour-tooltip .tooltip__body:hover{transform:translateY(-1px)}.tour-tooltip button{transition:all .2s ease;position:relative;overflow:hidden}.tour-tooltip button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.tour-tooltip button:hover:before{width:100px;height:100px}.tour-tooltip .tooltip__button--primary{background:linear-gradient(135deg,#14b8a6,#0f766e);box-shadow:0 2px 8px rgba(20,184,166,.3);position:relative}.tour-tooltip .tooltip__button--primary:hover{background:linear-gradient(135deg,#0f766e,#0d5b52);box-shadow:0 4px 12px rgba(20,184,166,.4);transform:translateY(-1px)}.tour-tooltip .tooltip__button--primary:active{transform:translateY(0);box-shadow:0 2px 6px rgba(20,184,166,.3)}.tour-skip-button{position:relative;overflow:hidden}.tour-skip-button:after{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.tour-skip-button:hover:after{left:100%}.tour-progress{display:flex;align-items:center;gap:4px}.tour-progress-dot{width:6px;height:6px;border-radius:50%;background-color:#e5e7eb;transition:all .3s ease}.tour-progress-dot.active{background-color:#14b8a6;transform:scale(1.2)}.tour-overlay{background:rgba(0,0,0,.6);backdrop-filter:blur(2px);transition:all .3s ease}.tour-spotlight{border-radius:8px;transition:all .3s ease;box-shadow:0 0 0 9999px rgba(0,0,0,.6),0 0 20px rgba(20,184,166,.3)}@media (max-width:768px){.tour-tooltip{max-width:90vw;margin:0 5vw}.tour-beacon{width:32px;height:32px}.tour-beacon-inner{width:10px;height:10px}}@media (max-width:480px){.tour-tooltip{max-width:95vw;margin:0 2.5vw}.tour-tooltip .tooltip__content{font-size:.875rem;line-height:1.4}.tour-tooltip .tooltip__title{font-size:1rem}.tour-tooltip button{padding:8px 12px;font-size:.875rem}}@media (prefers-color-scheme:dark){.tour-tooltip{background-color:#1f2937;border-color:#374151;color:#f9fafb}.tour-tooltip .tooltip__title{color:#f9fafb}.tour-tooltip .tooltip__content{color:#d1d5db}.tour-progress-dot{background-color:#4b5563}}@media (prefers-contrast:high){.tour-beacon,.tour-tooltip,.tour-tooltip .tooltip__button--primary{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.tour-beacon,.tour-progress-dot,.tour-spotlight,.tour-tooltip,.tour-tooltip button{animation:none;transition:none}.tour-beacon{opacity:1;transform:none}}