/* MukLib onboarding tour v5.0.3 */
.muk-tour[hidden]{display:none!important}
.muk-tour{position:fixed;inset:0;z-index:10000;direction:rtl;font-family:inherit}
.muk-tour-blocker{position:fixed;inset:0;border:0;padding:0;background:transparent;cursor:default;z-index:0}
.muk-tour-spotlight{position:fixed;z-index:1;border:3px solid rgba(255,255,255,.96);border-radius:20px;background:transparent;box-shadow:0 0 0 9999px rgba(5,16,27,.72),0 0 0 8px color-mix(in srgb,var(--gold) 38%,transparent),0 18px 50px rgba(0,0,0,.24);pointer-events:none;transition:left .28s cubic-bezier(.2,.8,.2,1),top .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),border-radius .2s ease}
.muk-tour-spotlight:before,.muk-tour-spotlight:after{content:"";position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 52%,transparent);animation:muk-tour-pop 1.7s ease-in-out infinite}
.muk-tour-spotlight:before{width:8px;height:8px;top:-10px;right:13px}
.muk-tour-spotlight:after{width:5px;height:5px;bottom:-8px;left:17px;animation-delay:.38s}
.muk-tour-arrow{position:fixed;inset:0;width:100vw;height:100vh;z-index:2;overflow:visible;pointer-events:none}
.muk-tour-arrow-path{fill:none;stroke:url(#mukTourArrowGradient);stroke-width:7;stroke-linecap:round;stroke-dasharray:12 12;filter:drop-shadow(0 5px 8px rgba(0,0,0,.23));animation:muk-tour-dash .9s linear infinite}
.muk-tour-arrow-head{fill:#ffd36a;filter:drop-shadow(0 4px 7px rgba(0,0,0,.24))}
.muk-tour-arrow-face{transform-box:fill-box;transform-origin:center;animation:muk-tour-face 1.2s ease-in-out infinite}
.muk-tour-arrow-face>circle:first-child{fill:#fff4bd;stroke:#9a6d19;stroke-width:2}
.muk-tour-arrow-eye{fill:#253446}
.muk-tour-card{--tour-card-width:min(370px,calc(100vw - 28px));position:fixed;z-index:3;width:var(--tour-card-width);padding:17px 18px 15px;border:1px solid rgba(255,255,255,.75);border-radius:24px;background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.18);backdrop-filter:blur(20px) saturate(1.18);box-shadow:0 24px 70px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.8);color:var(--ink);outline:0;opacity:0;transform:translateY(8px) scale(.98);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}
.muk-tour.is-visible .muk-tour-card{opacity:1;transform:none}
.muk-tour-card-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 9px}
.muk-tour-mascot{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#ffdd78,#ff9b6d);box-shadow:0 9px 20px rgba(197,105,43,.22);transform:rotate(3deg)}
.muk-tour-mascot:before,.muk-tour-mascot:after{content:"";position:absolute;top:15px;width:5px;height:7px;border-radius:999px;background:#263548}
.muk-tour-mascot:before{right:12px}.muk-tour-mascot:after{left:12px}
.muk-tour-mascot i{width:15px;height:7px;border-bottom:2px solid #263548;border-radius:0 0 999px 999px;transform:translateY(7px)}
.muk-tour-title-wrap{min-width:0}
.muk-tour-kicker{display:block;margin:0 0 1px;color:var(--gold);font-size:10px;font-weight:950;line-height:1.35}
.muk-tour-title{margin:0;font-size:18px;line-height:1.45;letter-spacing:-.25px}
.muk-tour-close{width:34px;height:34px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--muted);font:inherit;font-size:21px;line-height:1;cursor:pointer}
.muk-tour-text{margin:0;color:var(--muted);font-size:13px;line-height:1.85}
.muk-tour-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid color-mix(in srgb,var(--line) 78%,transparent)}
.muk-tour-progress{display:flex;align-items:center;gap:5px;min-width:58px}
.muk-tour-progress i{width:7px;height:7px;border-radius:99px;background:var(--line);transition:.2s}
.muk-tour-progress i.active{width:19px;background:linear-gradient(90deg,var(--gold),#f2bd57)}
.muk-tour-actions{display:flex;align-items:center;gap:7px;margin-right:auto}
.muk-tour-button{min-height:40px;padding:0 14px;border:0;border-radius:13px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.muk-tour-button.secondary{background:var(--soft);color:var(--muted);border:1px solid var(--line)}
.muk-tour-button.primary{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;box-shadow:0 9px 20px rgba(13,53,87,.18)}
.muk-tour-button:focus-visible,.muk-tour-close:focus-visible{outline:3px solid color-mix(in srgb,var(--gold) 55%,transparent);outline-offset:2px}
.app-tool-item[data-tour-replay]{width:100%;font:inherit;text-align:right;cursor:pointer}
.app-tool-item[data-tour-replay] .app-tool-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 22%,var(--paper)),color-mix(in srgb,var(--theme-hero-2,var(--navy)) 10%,var(--paper)))}

@keyframes muk-tour-dash{to{stroke-dashoffset:-24}}
@keyframes muk-tour-face{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-3px) rotate(3deg)}}
@keyframes muk-tour-pop{0%,100%{transform:scale(.7);opacity:.5}50%{transform:scale(1.15);opacity:1}}

@media(max-width:760px){
  .muk-tour-card{padding:15px 15px 13px;border-radius:21px}
  .muk-tour-card-head{grid-template-columns:40px minmax(0,1fr) 32px;gap:9px;margin-bottom:7px}
  .muk-tour-mascot{width:40px;height:40px;border-radius:14px}
  .muk-tour-title{font-size:16px}
  .muk-tour-text{font-size:12px;line-height:1.8}
  .muk-tour-footer{margin-top:11px;padding-top:10px}
  .muk-tour-button{min-height:39px;padding-inline:12px;font-size:11px}
  .muk-tour-arrow-path{stroke-width:6}
}
@media(prefers-reduced-motion:reduce){.muk-tour *{animation:none!important;transition:none!important}.muk-tour-arrow-path{stroke-dasharray:none}}
body.dark .muk-tour-card{background:color-mix(in srgb,#10202d 95%,transparent);border-color:#385266}
body.dark .muk-tour-close,body.dark .muk-tour-button.secondary{background:#172b3a;border-color:#385266;color:#c1ccd4}
