html.tutorial-active{scroll-behavior:smooth!important}body.tutorial-active{-webkit-user-select:none!important;user-select:none!important}body.tutorial-active .group .absolute.inset-0.bg-black\/60{opacity:1!important;visibility:visible!important;display:flex!important}body.tutorial-active [data-tour=avatar-upload],body.tutorial-active [data-tour=avatar-delete],body.tutorial-active [data-tour=banner-upload],body.tutorial-active [data-tour=banner-delete]{opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:flex!important}body.tutorial-active .absolute.top-4.right-4{opacity:1!important;visibility:visible!important;display:flex!important}*{-webkit-tap-highlight-color:transparent!important}.react-joyride__beacon{z-index:10001!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;background-color:#3b82f6!important;border-radius:50%!important;width:36px!important;height:36px!important;animation:2s infinite pulse!important;display:block!important;position:absolute!important;box-shadow:0 0 #3b82f6b3!important}@keyframes pulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}.react-joyride__beacon:after{content:""!important;opacity:1!important;visibility:visible!important;background-color:#fff!important;border-radius:50%!important;width:16px!important;height:16px!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.react-joyride__spotlight{opacity:1!important;visibility:visible!important;z-index:9999!important;background-color:#ffffff05!important;border:3px solid #3b82f6!important;border-radius:8px!important;animation:2s ease-in-out infinite spotlightPulse!important;position:absolute!important;box-shadow:0 0 0 9999px #00000080,0 0 20px #3b82f680!important}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 4px #9333ea80,0 0 0 8px #9333ea4d,0 0 20px 12px #9333ea33}50%{box-shadow:0 0 0 6px #a855f799,0 0 0 12px #9333ea66,0 0 40px 20px #9333ea59}}.react-joyride__overlay{display:none!important}.react-joyride__tooltip{pointer-events:auto!important;z-index:10003!important;position:absolute!important}.react-joyride__tooltip[data-placement=bottom]{margin-top:20px!important;left:50%!important;transform:translate(-50%)!important}.react-joyride__tooltip[data-placement=top]{margin-bottom:20px!important;left:50%!important;transform:translate(-50%)!important}.react-joyride__tooltip{box-sizing:border-box!important;-webkit-backdrop-filter:blur(20px)saturate(120%)!important;color:#fff!important;z-index:10001!important;background:linear-gradient(#14141cfa 0%,#0f0f16fc 100%)!important;border:1px solid #9333ea66!important;border-radius:16px!important;width:auto!important;max-width:480px!important;padding:28px!important;animation:.42s cubic-bezier(.34,1.56,.64,1) tooltipEntrance!important;position:absolute!important;overflow:hidden!important;box-shadow:0 24px 60px #000c,0 0 0 1px #9333ea66,0 4px 20px #9333ea4d!important}@keyframes tooltipEntrance{0%{opacity:0;transform:scale(.85)translateY(20px)}60%{transform:scale(1.02)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.react-joyride__tooltip:before{display:none!important}.react-joyride__tooltip h4{color:#fff!important;letter-spacing:-.01em!important;text-shadow:none!important;margin-bottom:12px!important;font-size:20px!important;font-weight:600!important;line-height:1.4!important}.react-joyride__tooltip__main{color:#fffffff2!important;letter-spacing:.02em!important;font-size:15px!important;font-weight:400!important;line-height:1.65!important}.react-joyride__tooltip__footer{border-top:1px solid #9333ea33!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-top:24px!important;padding-top:20px!important;display:flex!important}@media (prefers-color-scheme:dark){.react-joyride__tooltip__footer{border-top-color:#ffffff14!important}}.react-joyride__tooltip__footer>div{box-sizing:border-box!important;flex:1!important;gap:10px!important;width:auto!important;display:flex!important}.react-joyride__tooltip__button{box-sizing:border-box!important}.react-joyride__tooltip__button--primary{color:#fff!important;cursor:pointer!important;letter-spacing:.02em!important;text-transform:none!important;background:#9333ea!important;border:none!important;border-radius:10px!important;padding:12px 28px!important;font-size:15px!important;font-weight:600!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 12px #9333ea66!important}.react-joyride__tooltip__button--primary:hover{background:#a855f7!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px #9333ea80!important}.react-joyride__tooltip__button--primary:active{transform:translateY(0)!important;box-shadow:0 2px 8px #9333ea66!important}.react-joyride__tooltip__button--back{color:#fffffff2!important;cursor:pointer!important;letter-spacing:.02em!important;box-shadow:none!important;background:#ffffff0f!important;border:1px solid #ffffff26!important;border-radius:10px!important;padding:12px 24px!important;font-size:15px!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.react-joyride__tooltip__button--back:hover{background:#ffffff1f!important;border-color:#ffffff40!important;transform:translateY(-1px)!important}.react-joyride__tooltip__button--back:active{background:#ffffff14!important;transform:translateY(0)!important}.react-joyride__tooltip__button--skip{color:#fff9!important;cursor:pointer!important;letter-spacing:.01em!important;background:0 0!important;border:none!important;border-radius:8px!important;padding:10px 20px!important;font-size:14px!important;font-weight:500!important;transition:all .2s!important}.react-joyride__tooltip__button--skip:hover{color:#ffffffe6!important;background:#ffffff0d!important}.react-joyride__tooltip__footer .progress{color:#fff9!important;letter-spacing:.03em!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;font-size:13px!important;font-weight:500!important}.react-joyride__tooltip__close{cursor:pointer!important;z-index:2!important;opacity:1!important;background:#ffffff0f!important;border:1px solid #ffffff1f!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;transition:all .18s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:absolute!important;top:16px!important;right:16px!important}.react-joyride__tooltip__close:hover{background:#ffffff1f!important;border-color:#fff3!important;transform:scale(1.05)!important}.react-joyride__tooltip__close:active{transform:scale(.95)!important}.react-joyride__tooltip__close svg{color:#ffffffd9!important;width:16px!important;height:16px!important;transition:color .18s!important}.react-joyride__tooltip__close:hover svg{color:#fff!important}.react-joyride__spotlight{z-index:10002!important;pointer-events:auto!important;box-shadow:none!important;background-color:#0000!important;border:3px solid #3b82f6!important;border-radius:8px!important;position:absolute!important}.react-joyride__spotlight:before,.react-joyride__beacon{display:none!important}@media (max-width:1024px){.react-joyride__tooltip{max-width:420px!important;padding:28px!important}.react-joyride__tooltip h4{font-size:20px!important}.react-joyride__tooltip__main{font-size:14px!important;line-height:1.6!important}}@media (max-width:768px){.react-joyride__tooltip{border-radius:16px!important;width:90vw!important;max-width:min(90vw,450px)!important;margin:20px auto!important;padding:28px 24px!important;position:fixed!important;left:50%!important;transform:translate(-50%)!important}.react-joyride__tooltip:before{display:none!important}.react-joyride__tooltip h4{margin-bottom:14px!important;font-size:19px!important;line-height:1.35!important}.react-joyride__tooltip__footer{border-top:1px solid #9333ea33!important;flex-direction:column-reverse!important;gap:14px!important;margin-top:26px!important;padding-top:22px!important}.react-joyride__tooltip__button--skip{text-align:center!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:48px!important;padding:13px 24px!important;font-size:14px!important;display:flex!important}.react-joyride__tooltip__footer .progress{text-align:center!important;color:#ffffffa6!important;width:100%!important;padding:0!important;font-size:13px!important}.react-joyride__spotlight{box-shadow:none!important;border:3px solid #3b82f6!important;border-radius:8px!important}[data-popper-placement]{width:max-content!important;margin:0!important;position:fixed!important;inset:auto auto auto 50%!important;transform:translate(-50%)!important}[data-popper-placement^=bottom]{top:auto!important}.react-joyride__tooltip{box-sizing:border-box!important;border-radius:16px!important;width:calc(100vw - 20px)!important;max-width:min(95vw,400px)!important;margin:10px 0!important;padding:20px 16px!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.react-joyride__tooltip__arrow{display:block!important}.react-joyride__tooltip h4{letter-spacing:0!important;margin-bottom:10px!important;font-size:16px!important;line-height:1.3!important}.react-joyride__tooltip__main{font-size:13px!important;line-height:1.55!important}.react-joyride__tooltip__close{border-radius:10px!important;width:40px!important;height:40px!important;top:10px!important;right:10px!important}.react-joyride__tooltip__close svg{width:18px!important;height:18px!important}.react-joyride__tooltip__footer{gap:10px!important;margin-top:18px!important;padding-top:18px!important}.react-joyride__tooltip__button--primary,.react-joyride__tooltip__button--back{box-sizing:border-box!important;border-radius:11px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:52px!important;padding:14px 20px!important;font-size:14px!important;font-weight:600!important;display:flex!important}.react-joyride__tooltip__button--skip{border-radius:10px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:48px!important;padding:12px 20px!important;font-size:13px!important;display:flex!important}.react-joyride__tooltip__footer .progress{text-align:center!important;box-sizing:border-box!important;width:100%!important;padding:8px 12px!important;font-size:11px!important}.react-joyride__overlay{-webkit-backdrop-filter:blur(8px)saturate(140%)brightness(.85)!important}.react-joyride__tooltip{-webkit-backdrop-filter:blur(18px)saturate(130%)!important}.react-joyride__tooltip__footer>div{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}}@media (max-width:375px){.react-joyride__tooltip{border-radius:14px!important;width:calc(100vw - 16px)!important;max-width:95vw!important;margin:8px auto!important;padding:18px 14px!important}.react-joyride__tooltip h4{margin-bottom:8px!important;font-size:15px!important}.react-joyride__tooltip__main{font-size:12px!important;line-height:1.5!important}.react-joyride__tooltip__close{width:38px!important;height:38px!important;top:8px!important;right:8px!important}.react-joyride__tooltip__close svg{width:16px!important;height:16px!important}.react-joyride__tooltip__footer{margin-top:16px!important;padding-top:16px!important}.react-joyride__tooltip__button--primary,.react-joyride__tooltip__button--back{border-radius:10px!important;min-height:50px!important;padding:13px 18px!important;font-size:13px!important}.react-joyride__tooltip__button--skip{min-height:46px!important;padding:11px 18px!important;font-size:12px!important}.react-joyride__tooltip__footer .progress{padding:7px 10px!important;font-size:10px!important}}@media (max-height:600px) and (orientation:landscape){.react-joyride__tooltip{width:min(90vw,500px)!important;max-width:90vw!important;max-height:80vh!important;margin:8px auto!important;padding:16px 18px!important;overflow-y:auto!important}.react-joyride__tooltip h4{margin-bottom:6px!important;font-size:14px!important}.react-joyride__tooltip__main{font-size:12px!important;line-height:1.45!important}.react-joyride__tooltip__footer{gap:8px!important;margin-top:14px!important;padding-top:14px!important}.react-joyride__tooltip__button--primary,.react-joyride__tooltip__button--back{min-height:42px!important;padding:10px 18px!important;font-size:13px!important}.react-joyride__tooltip__button--skip{min-height:38px!important;padding:8px 16px!important;font-size:12px!important}.react-joyride__tooltip__close{width:36px!important;height:36px!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.react-joyride__tooltip{border-width:1px!important}.react-joyride__tooltip:before{height:3px!important}.react-joyride__spotlight{box-shadow:none!important;border:3px solid #3b82f6!important}}.react-joyride__tooltip:focus-visible{outline-offset:4px!important;outline:3px solid #a855f799!important}.react-joyride__tooltip__button:focus-visible{outline-offset:3px!important;outline:2px solid #a855f7cc!important;box-shadow:0 0 0 4px #a855f733!important}.react-joyride__overlay--tooltip{-webkit-backdrop-filter:blur(14px)saturate(140%)!important}.react-joyride__tooltip__arrow{filter:drop-shadow(0 2px 8px #9333ea4d)!important;display:block!important}[data-tour=avatar-upload]~div .react-joyride__tooltip[data-popper-placement=bottom] .react-joyride__tooltip__arrow,[data-tour=avatar-upload]~div .react-joyride__tooltip[data-popper-placement=bottom-start] .react-joyride__tooltip__arrow{left:20%!important;transform:translate(0)!important}[data-tour=banner-upload]~div .react-joyride__tooltip[data-popper-placement=bottom] .react-joyride__tooltip__arrow{left:50%!important;transform:translate(-50%)!important}[data-tour=profile-completion]~div .react-joyride__tooltip[data-popper-placement=bottom] .react-joyride__tooltip__arrow{left:20%!important;transform:translate(0)!important}@media (max-width:768px){[data-tour=add-section]~div .react-joyride__tooltip[data-popper-placement=bottom] .react-joyride__tooltip__arrow{left:auto!important;right:20%!important;transform:translate(0)!important}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}
