/* Dedicated first-launch dialog; all selectors stay within its own component. */
.onboarding-replay{display:block;width:100%;margin:0;padding:8px 10px;border:0;border-radius:8px;background:none;box-shadow:none;color:#778391;font-family:var(--dx-font,"Helvetica Neue",Helvetica,Arial,sans-serif);font-size:12px;font-weight:500;line-height:18px;text-align:left;cursor:pointer}
.onboarding-replay:hover{background:#f1f4f6;color:#435568}
.onboarding-replay:focus-visible{outline:2px solid #526c84;outline-offset:2px}
#mavredo-onboarding{box-sizing:border-box;width:min(420px,calc(100vw - 24px));max-width:420px;height:680px;min-height:0;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;padding:0;border:1px solid #ffffffbd;border-radius:28px;background:#fff;color:#38465b;font-family:var(--dx-font,"Helvetica Neue",Helvetica,Arial,sans-serif);text-align:left;box-shadow:0 30px 100px #172c4240;overflow:hidden;overscroll-behavior:contain}
#mavredo-onboarding[open]{display:flex;flex-direction:column;animation:onboarding-enter .2s ease-out both}
#mavredo-onboarding::backdrop{background:rgb(21 30 42 / 48%);backdrop-filter:blur(8px)}
#mavredo-onboarding *,
#mavredo-onboarding *::before,
#mavredo-onboarding *::after{box-sizing:border-box}
#mavredo-onboarding button{font:inherit;cursor:pointer;touch-action:manipulation;letter-spacing:-.015em}
#mavredo-onboarding button:focus-visible{outline:2px solid #526c84;outline-offset:3px}
#mavredo-onboarding button:disabled{cursor:default;opacity:.3}
#mavredo-onboarding .onboarding-header{display:flex;align-items:center;justify-content:space-between;flex:none;padding:17px 20px 0 25px;min-width:0;gap:8px}
#mavredo-onboarding .onboarding-brand{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;line-height:20px;letter-spacing:.09em;color:#46515c}
#mavredo-onboarding .onboarding-demo{padding:3px 7px;border-radius:6px;background:#edf2f6;color:#65798c;font-size:10px;font-weight:500;line-height:14px;letter-spacing:0}
#mavredo-onboarding .onboarding-close{display:grid;place-items:center;flex:none;width:34px;height:34px;min-height:34px;margin:0;padding:0;border:0;border-radius:50%;background:#f1f3f5;box-shadow:none;color:#66717e;font-size:25px;line-height:1;font-weight:400}
#mavredo-onboarding .onboarding-close:hover{background:#e5ebf0}
#mavredo-onboarding .onboarding-scroll{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a2adb7 transparent}
#mavredo-onboarding .onboarding-art{position:relative;height:182px;margin:12px 18px 16px;border-radius:22px;background:linear-gradient(150deg,#e0eef9 0%,#dce7f0 42%,#f0f3f5 68%,#cbd5de 100%);overflow:hidden;isolation:isolate}
#mavredo-onboarding .onboarding-art::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 72% 0,#ffffffc9,transparent 58%);pointer-events:none}
#mavredo-onboarding .onboarding-text{padding:0 26px;overflow-wrap:break-word}
#mavredo-onboarding .onboarding-label{display:block;margin:0 0 7px;font-size:10px;font-weight:600;line-height:14px;letter-spacing:.08em;text-transform:uppercase;color:#7b8a99}
#mavredo-onboarding h2{margin:0;color:#303c4b;font-size:25px;font-weight:600;line-height:1.12;letter-spacing:-.035em;outline:none}
#mavredo-onboarding .onboarding-copy{display:grid;gap:10px;padding:13px 0 3px}
#mavredo-onboarding .onboarding-copy p{margin:0;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:#667383}
#mavredo-onboarding .onboarding-copy p:first-child{color:#465565}
#mavredo-onboarding .onboarding-footer{flex:none;padding:19px 26px 14px;background:#fff}
#mavredo-onboarding .onboarding-progress{display:flex;align-items:center;gap:12px;margin-bottom:15px}
#mavredo-onboarding .onboarding-segments{display:flex;gap:5px;flex:1;min-width:0}
#mavredo-onboarding .onboarding-segments>span{height:3px;flex:1;border-radius:4px;background:#e7ebef;transition:background-color .2s}
#mavredo-onboarding .onboarding-segments>span.is-filled{background:#63798d}
#mavredo-onboarding .onboarding-counter{flex:none;font-size:10px;line-height:12px;font-variant-numeric:tabular-nums;color:#8794a2}
#mavredo-onboarding .onboarding-actions{display:flex;gap:9px}
#mavredo-onboarding .onboarding-next{display:block;flex:1;min-width:0;min-height:46px;padding:12px 14px;border:0;border-radius:999px;background:#17191c;box-shadow:none;color:white;font-size:14px;font-weight:500;line-height:20px}
#mavredo-onboarding .onboarding-next:hover{background:#31363d}
#mavredo-onboarding .onboarding-back{display:grid;place-items:center;flex:0 0 46px;width:46px;min-height:46px;padding:0;border:0;border-radius:50%;background:#f0f3f6;box-shadow:none;color:#45596b;font-size:22px}
#mavredo-onboarding .onboarding-back:hover:not(:disabled){background:#e3eaf0}
#mavredo-onboarding .onboarding-skip{display:block;min-height:30px;margin:7px auto 0;padding:5px 10px;border:0;background:none;box-shadow:none;color:#818b96;font-size:11px;font-weight:400;line-height:18px}
#mavredo-onboarding .onboarding-skip:hover{color:#394c60}
#mavredo-onboarding .onboarding-gram{display:block;object-fit:contain;filter:drop-shadow(0 4px 6px #839bb84d)}
#mavredo-onboarding .onboarding-mission{position:relative;display:flex;align-items:center;justify-content:center;height:100%;padding-bottom:42px}
#mavredo-onboarding .onboarding-redo{position:relative;z-index:1;display:block;width:170px;height:170px;max-height:100%;object-fit:contain;filter:drop-shadow(0 13px 9px #48586926)}
#mavredo-onboarding .onboarding-orbit{position:absolute;width:205px;height:74px;border:1px solid #ffffffb8;border-radius:50%;transform:translateY(34px) rotate(-15deg)}
#mavredo-onboarding .onboarding-spark{position:absolute;z-index:2;animation:onboarding-float 4s ease-in-out infinite}
#mavredo-onboarding .onboarding-spark-one{left:19%;top:29%}
#mavredo-onboarding .onboarding-spark-two{right:18%;top:13%;animation-delay:-1.4s;transform:rotate(16deg)}
#mavredo-onboarding .onboarding-spark-two .onboarding-gram{width:23px;height:23px}
#mavredo-onboarding .onboarding-motto{position:absolute;z-index:3;bottom:10px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:7px 14px;border:1px solid #ffffff38;border-radius:999px;background:#252d36;color:#fff;font-size:clamp(14px,3.7vw,16px);font-weight:700;line-height:20px;letter-spacing:-.02em;text-align:center;overflow-wrap:break-word;box-shadow:0 5px 14px #1d2b3a24}
#mavredo-onboarding .onboarding-exchange{display:flex;justify-content:center;align-items:center;gap:14px;height:100%;padding:18px}
#mavredo-onboarding .onboarding-example-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:114px;min-width:0;height:124px;padding:12px 8px;border:1px solid #ffffffb3;border-radius:18px;background:#ffffffa6;box-shadow:0 8px 16px #7991a512}
#mavredo-onboarding .onboarding-example-card>strong{font-size:16px;font-weight:600;line-height:19px;letter-spacing:-.04em;color:#465768;white-space:nowrap}
#mavredo-onboarding .onboarding-example-card>span:last-child{font-size:9px;line-height:12px;color:#7c8c9b;white-space:nowrap}
#mavredo-onboarding .onboarding-arrow{flex:none;font-size:22px;font-weight:400;color:#7b92a6}
#mavredo-onboarding .onboarding-ticket{transform:rotate(5deg);background:linear-gradient(135deg,#fafcff,#e8eef3)}
#mavredo-onboarding .onboarding-ticket-number{padding:7px 4px 8px;border-bottom:1px dashed #b4c3d0;color:#748ca0;font-size:11px;line-height:16px;letter-spacing:.1em}
#mavredo-onboarding .onboarding-returns{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;padding:14px 32px}
#mavredo-onboarding .onboarding-big-number{font-size:55px;font-weight:500;line-height:1;letter-spacing:-.055em;color:#4e6375}
#mavredo-onboarding .onboarding-big-number>span{font-size:28px}
#mavredo-onboarding .onboarding-mini-strip,
#mavredo-onboarding .onboarding-timer-track{width:100%;height:6px;margin-top:4px;overflow:hidden;border-radius:999px;background:#b6c6d342}
#mavredo-onboarding .onboarding-mini-strip>span{display:block;width:70%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#99aebd,#5f778b)}
#mavredo-onboarding .onboarding-art-caption{display:block;font-size:9px;font-weight:400;line-height:13px;color:#7c8f9f;letter-spacing:.01em}
#mavredo-onboarding .onboarding-clock-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;height:100%;padding:20px 36px}
#mavredo-onboarding .onboarding-clock{font-size:44px;font-weight:500;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#4b6174}
#mavredo-onboarding .onboarding-timer-track{height:3px;margin:0}
#mavredo-onboarding .onboarding-timer-track>span{display:block;width:84%;height:100%;background:#829bad;border-radius:inherit}
#mavredo-onboarding .onboarding-prize-chip{margin-top:3px;padding:7px 10px;border:1px solid #ffffffad;border-radius:999px;background:#ffffff91;color:#7d8b97;font-size:9px;line-height:13px;white-space:nowrap}
#mavredo-onboarding .onboarding-prize-chip strong{margin-right:4px;font-size:13px;font-weight:600;color:#536c80}
#mavredo-onboarding .onboarding-auto-art{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:14px;padding:18px}
#mavredo-onboarding .onboarding-auto-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#ffffff9c;border:1px solid #ffffffad;color:#667f93;font-size:38px;line-height:1}
#mavredo-onboarding .onboarding-auto-flow{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;text-align:center}
#mavredo-onboarding .onboarding-auto-flow>span:not(.onboarding-arrow){display:flex;flex-direction:column;gap:4px;min-width:0}
#mavredo-onboarding .onboarding-auto-flow strong{font-size:13px;line-height:17px;font-weight:500;color:#4f6578}
#mavredo-onboarding .onboarding-auto-flow small{font-size:8px;line-height:12px;color:#7d8f9e}
#mavredo-onboarding .onboarding-podium{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:7px;height:100%;padding:20px 23px 14px}
#mavredo-onboarding .onboarding-podium-place{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;padding:16px 5px;border:1px solid #ffffffbf;border-radius:13px 13px 4px 4px;background:#ffffff85;color:#61798e}
#mavredo-onboarding .onboarding-podium-place>span{font-size:9px;line-height:13px}
#mavredo-onboarding .onboarding-podium-place>strong{font-size:29px;font-weight:500;line-height:1;letter-spacing:-.045em}
#mavredo-onboarding .onboarding-podium-place strong small{font-size:14px;font-weight:400}
#mavredo-onboarding .onboarding-podium-first{height:112px;background:linear-gradient(150deg,#f9fcff,#d1e0eb);color:#47637b}
#mavredo-onboarding .onboarding-podium-second{height:92px}
#mavredo-onboarding .onboarding-podium-third{height:81px}
#mavredo-onboarding .onboarding-podium-place>.onboarding-podium-star{position:absolute;top:-12px;right:9px;font-size:26px;color:#fff;text-shadow:0 0 8px #adc2d1}
#mavredo-onboarding .onboarding-podium-rest{grid-column:1/-1;align-self:center;text-align:center;color:#7d8f9f;font-size:10px;line-height:15px}
#mavredo-onboarding .onboarding-podium-rest>strong{margin-left:7px;font-weight:600;color:#61798d}
#mavredo-onboarding .onboarding-burn-art{position:relative;display:flex;align-items:center;justify-content:center;gap:13px;height:100%;padding:0 16px 20px}
#mavredo-onboarding .onboarding-burn-number{display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1}
#mavredo-onboarding .onboarding-burn-number>strong{font-size:54px;font-weight:500;line-height:1;letter-spacing:-.05em;color:#526c81}
#mavredo-onboarding .onboarding-burn-number strong span{font-size:26px}
#mavredo-onboarding .onboarding-burn-number>small{font-size:10px;line-height:14px;color:#7a8d9e}
#mavredo-onboarding .onboarding-burn-redo{display:block;width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 8px 8px #52697c24)}
#mavredo-onboarding .onboarding-burn-note{position:absolute;bottom:16px;left:0;width:100%;text-align:center;font-size:9px;line-height:13px;color:#7a8f9f}
@keyframes onboarding-enter{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes onboarding-float{0%,
100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:380px){#mavredo-onboarding{border-radius:24px}#mavredo-onboarding .onboarding-header{padding:14px 16px 0 21px}#mavredo-onboarding .onboarding-art{height:158px;margin:10px 14px 13px}#mavredo-onboarding .onboarding-text{padding-inline:22px}#mavredo-onboarding h2{font-size:23px}#mavredo-onboarding .onboarding-footer{padding:15px 22px 11px}#mavredo-onboarding .onboarding-copy p{font-size:12px}#mavredo-onboarding .onboarding-redo{width:150px;height:150px}#mavredo-onboarding .onboarding-podium{padding-top:10px;gap:6px}#mavredo-onboarding .onboarding-podium-first{height:99px}#mavredo-onboarding .onboarding-podium-second{height:82px}#mavredo-onboarding .onboarding-podium-third{height:73px}}
@media(max-height:650px){#mavredo-onboarding .onboarding-art{height:142px;margin-block:8px 12px}#mavredo-onboarding .onboarding-redo{width:142px;height:142px}#mavredo-onboarding .onboarding-example-card{height:105px}#mavredo-onboarding .onboarding-returns{gap:6px;padding-block:10px}#mavredo-onboarding .onboarding-big-number{font-size:43px}#mavredo-onboarding .onboarding-clock{font-size:38px}#mavredo-onboarding .onboarding-clock-art{gap:7px}#mavredo-onboarding .onboarding-auto-art{gap:9px;padding-block:10px}#mavredo-onboarding .onboarding-auto-symbol{width:38px;height:38px;font-size:30px}#mavredo-onboarding .onboarding-podium{padding-block:9px;gap:4px}#mavredo-onboarding .onboarding-podium-first{height:95px}#mavredo-onboarding .onboarding-podium-second{height:78px}#mavredo-onboarding .onboarding-podium-third{height:67px}#mavredo-onboarding .onboarding-burn-redo{width:112px;height:112px}#mavredo-onboarding .onboarding-footer{padding-top:13px}#mavredo-onboarding .onboarding-progress{margin-bottom:11px}}
@media(prefers-reduced-motion:reduce){#mavredo-onboarding[open],
#mavredo-onboarding .onboarding-spark{animation:none}#mavredo-onboarding .onboarding-segments>span{transition:none}}