.tutorial-mode-enabled .tutorial-highlight{position:relative;z-index:12072!important;outline:4px solid var(--ds-accent)!important;outline-offset:5px!important;border-radius:8px;box-shadow:0 0 0 9999px rgb(var(--ds-rgb-overlay) / .28)!important}.tutorial-info-button{display:inline-grid!important;place-items:center!important;flex:0 0 22px!important;width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;margin:0 0 0 6px!important;padding:0!important;border:1px solid var(--ds-sky)!important;border-radius:50%!important;background:var(--ds-surface-alt)!important;color:var(--ds-primary)!important;font:900 12px/1 Manrope,sans-serif!important;vertical-align:middle!important;box-shadow:none!important;cursor:pointer}.tutorial-info-button:hover,.tutorial-info-button:focus-visible{border-color:var(--ds-primary)!important;background:var(--ds-primary)!important;color:var(--ds-white)!important;outline:3px solid rgb(var(--ds-rgb-accent) / .2)}.tutorial-tour-card,.tutorial-info-card{position:fixed;right:22px;bottom:22px;z-index:12080;width:min(420px,calc(100vw - 28px));padding:22px;border:1px solid var(--ds-line-strong);border-radius:14px;background:var(--ds-white);color:var(--ds-ink);box-shadow:0 24px 70px rgb(var(--ds-rgb-overlay) / .32)}.tutorial-card-kicker{margin-bottom:7px;color:var(--ds-primary);font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.tutorial-tour-card h2,.tutorial-info-card h2{margin:0 34px 8px 0;font:800 21px Manrope}.tutorial-tour-card p,.tutorial-info-card p{margin:0;color:var(--ds-text-muted);font-size:12px;line-height:1.6}.tutorial-card-progress{height:5px;margin:18px 0;border-radius:99px;background:var(--ds-primary-soft);overflow:hidden}.tutorial-card-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ds-primary),var(--ds-accent))}.tutorial-card-actions{display:flex;align-items:center;gap:8px}.tutorial-card-actions span{flex:1}.tutorial-card-actions button,.tutorial-info-tour,.tutorial-info-close{min-height:36px;padding:8px 12px;border:1px solid var(--ds-line-strong);border-radius:8px;background:var(--ds-white);color:var(--ds-ink);font:800 10px "DM Sans";cursor:pointer}.tutorial-card-actions button.primary,.tutorial-info-tour{border-color:var(--ds-primary);background:var(--ds-primary);color:var(--ds-white)}.tutorial-info-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:32px;min-width:32px;padding:0;font-size:18px}.tutorial-info-tour{margin-top:17px}.tutorial-settings-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:24px;margin:0 0 18px;padding:22px;border:1px solid var(--ds-line-strong);border-radius:12px;background:linear-gradient(135deg,var(--ds-surface),var(--ds-white));box-shadow:0 8px 28px rgb(var(--ds-rgb-ink) / .07)}.tutorial-settings-card h2{margin:3px 0 7px;font:800 20px Manrope}.tutorial-settings-card p{max-width:650px;margin:0;color:var(--ds-text-muted);font-size:12px;line-height:1.55}.tutorial-settings-card>div>small{display:block;margin-top:9px;color:var(--ds-text-subtle);font-size:9px}.tutorial-setting-controls{display:grid;gap:10px}.tutorial-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid var(--ds-line);border-radius:9px;background:var(--ds-white)}.tutorial-switch span{display:grid;gap:3px}.tutorial-switch b{font-size:11px}.tutorial-switch small{color:var(--ds-text-muted);font-size:9px}.tutorial-switch input{width:18px;height:18px;accent-color:var(--ds-primary)}.tutorial-setting-controls>div{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.tutorial-settings-status{min-height:16px;color:var(--ds-primary);font-size:9px;font-weight:800;text-align:right}#tutorial-launch{display:inline-flex!important;align-items:center;gap:5px}#tutorial-launch[hidden]{display:none!important}#tutorial-launch span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ds-primary-soft);color:var(--ds-primary);font-size:11px}
#tutorial-launch.has-new-tutorial{position:relative}#tutorial-launch.has-new-tutorial::after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;border:2px solid var(--ds-white);border-radius:50%;background:var(--ds-danger)}
.tutorial-info-button{display:none!important}.tutorial-mode-enabled .tutorial-info-button{display:inline-grid!important}.tutorial-info-host{position:relative}.tutorial-info-host>.tutorial-info-dynamic{position:absolute!important;top:50%;right:-30px;margin:0!important;transform:translateY(-50%)}
@media(max-width:1000px){.tutorial-info-action,.tutorial-mode-enabled .tutorial-info-dynamic{display:none!important}}
@media(max-width:760px){.tutorial-tour-card,.tutorial-info-card{right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px);padding:18px}.tutorial-settings-card{grid-template-columns:1fr;padding:17px}.tutorial-card-actions{flex-wrap:wrap}.tutorial-card-actions span{display:none}.tutorial-card-actions button{flex:1}#tutorial-launch{width:38px;overflow:hidden;font-size:0!important}#tutorial-launch span{flex:0 0 18px;font-size:11px!important}.tutorial-info-button{width:24px!important;height:24px!important}}
@media(prefers-reduced-motion:reduce){.tutorial-mode-enabled .tutorial-highlight{scroll-behavior:auto}}
