/* Compatibility for already-open PWA tabs retaining the previous guide script. */
.mj-tour-open{overflow:hidden!important}
aside.mj-app-tour{position:fixed;inset:0;z-index:2147483000;direction:rtl;font-family:inherit;color:#17243a;isolation:isolate;background:#0b1220;overscroll-behavior:contain}
aside.mj-app-tour.is-ready{background:transparent}
aside.mj-app-tour .mj-app-tour__mask{position:fixed;background:#0b1220;pointer-events:auto}
aside.mj-app-tour .mj-app-tour__spot{position:fixed;box-sizing:border-box;border:2px solid #66c6ac;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);pointer-events:none}
aside.mj-app-tour .mj-app-tour__card{position:fixed;margin:0!important;box-sizing:border-box;width:min(370px,calc(100vw - 24px));padding:22px;border:1px solid #dce5eb;border-radius:20px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
aside.mj-app-tour .mj-app-tour__head,aside.mj-app-tour .mj-app-tour__card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
aside.mj-app-tour .mj-app-tour__head>span{font-size:12px;font-weight:700;color:#526478}
aside.mj-app-tour button{font-family:inherit;cursor:pointer;touch-action:manipulation}
aside.mj-app-tour .mj-app-tour__head button{min-height:44px;padding:8px 10px;border:0;border-radius:10px;background:#f1f5f8;color:#465569;font-size:12px}
aside.mj-app-tour h2{margin:14px 0 8px;font-size:19px;line-height:1.6;color:#17243a;outline:none!important;font-weight:800}
aside.mj-app-tour p{margin:0;color:#4b5c70;font-size:14px;line-height:1.95}
aside.mj-app-tour .mj-app-tour__bar{height:4px;margin:20px 0;background:#edf2f5;border-radius:99px;overflow:hidden}
aside.mj-app-tour .mj-app-tour__bar i{display:block;height:100%;border-radius:inherit;background:#178568;transition:width .18s ease}
aside.mj-app-tour .mj-app-tour__card footer button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 18px;border:1px solid #dce5eb;border-radius:11px;background:#fff;color:#405269;font-size:13px;font-weight:700}
aside.mj-app-tour .mj-app-tour__card footer button.is-primary{margin-right:auto;border-color:#176f59;background:#176f59;color:#fff;min-width:110px}
aside.mj-app-tour .mj-app-tour__card footer button:disabled{visibility:hidden}
aside.mj-app-tour .mj-app-tour__hint{display:block;margin-top:16px;text-align:center;font-size:10px;color:#68798a;line-height:1.7}
aside.mj-app-tour button:focus-visible{outline:3px solid #39a78b;outline-offset:3px}
aside.mj-app-tour button:hover{filter:brightness(.96)}

@media(max-width:699px){aside.mj-app-tour .mj-app-tour__card{width:calc(100vw - 24px);padding:16px;border-radius:16px}
aside.mj-app-tour h2{font-size:17px}
aside.mj-app-tour p{font-size:13px}
aside.mj-app-tour .mj-app-tour__bar{margin:15px 0}
aside.mj-app-tour .mj-app-tour__hint{margin-top:12px}
}

@media(prefers-reduced-motion:reduce){aside.mj-app-tour *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}


/* Current modal guide. */

/* A modal spotlight guide,shared by desktop browsers and the mobile PWA. */
.mj-tour-open{overflow:hidden!important}
dialog.mj-app-tour{position:fixed;inset:auto;margin:0!important;padding:0!important;max-width:none!important;max-height:none!important;border:0!important;box-sizing:border-box;z-index:2147483000;direction:rtl;font-family:inherit;color:#f0f5ef;background:#080f0c;isolation:isolate;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;cursor:pointer;color-scheme:dark}
dialog.mj-app-tour:not([open]){display:none}
dialog.mj-app-tour::backdrop{background:transparent}
dialog.mj-app-tour.is-ready{background:transparent}
dialog.mj-app-tour *{box-sizing:border-box}
dialog.mj-app-tour .mj-app-tour__spot{position:absolute;border:2px solid #9ce7bc;border-radius:17px;box-shadow:0 0 0 5px rgba(156,231,188,.16),0 0 0 9999px rgba(8,15,12,.96);pointer-events:none}
dialog.mj-app-tour .mj-app-tour__card{position:absolute;display:flex;flex-direction:column;gap:0;margin:0!important;padding:10px 20px 14px;width:360px;border:1px solid rgba(156,231,188,.28);border-radius:24px;background:#16251d;color:#f0f5ef;box-shadow:0 16px 48px rgba(0,0,0,.25);overflow:hidden}
dialog.mj-app-tour .mj-app-tour__head{display:flex;flex-shrink:0;align-items:center;gap:10px;min-height:48px}
dialog.mj-app-tour .mj-app-tour__eyebrow{flex:1;color:#9ce7bc;font-size:12px;font-weight:700}
dialog.mj-app-tour [data-tour-count]{color:#9db5a5;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
dialog.mj-app-tour button{font-family:inherit;cursor:pointer;touch-action:manipulation;box-shadow:none}
dialog.mj-app-tour .mj-app-tour__head button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:#b5c7bc;font-size:26px;line-height:1}
dialog.mj-app-tour .mj-app-tour__head button:disabled{display:none}
dialog.mj-app-tour .mj-app-tour__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#527660 transparent;padding-block:6px 16px}
dialog.mj-app-tour h2{margin:0 0 10px;font-size:20px;line-height:1.65;color:#f0f5ef;font-weight:800;outline:none!important;box-shadow:none!important;overflow-wrap:anywhere}
dialog.mj-app-tour p{margin:0;color:#bccfc2;font-size:14px;line-height:1.9;overflow-wrap:anywhere}
dialog.mj-app-tour .mj-app-tour__bar{display:flex;flex-shrink:0;gap:5px;height:3px;margin:0}
dialog.mj-app-tour .mj-app-tour__bar i{flex:1;display:block;height:3px;border-radius:10px;background:rgba(156,231,188,.13)}
dialog.mj-app-tour .mj-app-tour__bar i.is-done{background:#9ce7bc}
dialog.mj-app-tour .mj-app-tour__hint{display:flex;flex-shrink:0;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:44px;margin:8px 0 0;padding:5px 0;border:0;border-radius:8px;background:transparent;color:#9ce7bc;text-align:right;font-size:12px;font-weight:400;line-height:1.75}
dialog.mj-app-tour .mj-app-tour__hint svg{flex-shrink:0;width:18px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
dialog.mj-app-tour button:focus-visible{outline:3px solid #9ce7bc;outline-offset:2px}

@media(hover:hover){dialog.mj-app-tour .mj-app-tour__head button:hover{background:rgba(156,231,188,.1)}
dialog.mj-app-tour .mj-app-tour__hint:hover{color:#d6ffe6}
}

@media(max-width:359px){dialog.mj-app-tour .mj-app-tour__card{padding-inline:16px}
dialog.mj-app-tour .mj-app-tour__head{gap:6px}
dialog.mj-app-tour h2{font-size:18px}
}

@media(prefers-reduced-motion:reduce){dialog.mj-app-tour *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
dialog.mj-app-tour .mj-app-tour__head button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}