.xo-tutorial-layer[hidden]{display:none!important}.xo-tutorial-layer{position:fixed;inset:0;z-index:50000;pointer-events:none}.xo-tutorial-dim{position:absolute;inset:0;background:rgba(0,0,0,.34);backdrop-filter:blur(.2px);pointer-events:none}.xo-tutorial-card{position:fixed;z-index:2;width:min(360px,calc(100vw - 24px));padding:1rem;border:1px solid rgba(217,70,239,.55);border-radius:18px;background:rgba(7,6,10,.97);color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 26px rgba(168,85,247,.12);pointer-events:auto}.xo-tutorial-card h2{margin:.1rem 0 .45rem;font-size:1.35rem;letter-spacing:-.03em}.xo-tutorial-card p{margin:.2rem 0 .8rem;color:#ddd5e2;line-height:1.5}.xo-tutorial-kicker{font-size:.72rem;letter-spacing:.16em;color:#d946ef;font-weight:800}.xo-tutorial-actions{display:flex;justify-content:space-between;gap:.55rem;align-items:center;flex-wrap:wrap}.xo-tutorial-actions-right{display:flex;gap:.45rem}.xo-tutorial-button{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.55rem .8rem;background:#fff;color:#08070a;font:700 .9rem inherit;cursor:pointer}.xo-tutorial-button.secondary{background:transparent;color:#fff}.xo-tutorial-target{position:relative!important;z-index:50001!important;box-shadow:0 0 0 4px rgba(217,70,239,.95),0 0 0 10px rgba(168,85,247,.2),0 0 40px rgba(217,70,239,.24)!important}.xo-tutorial-progress{font-size:.78rem;color:#bdb3c4}.xo-tutorial-toast{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);background:#08070a;color:#fff;border:1px solid rgba(217,70,239,.45);border-radius:999px;padding:.55rem .9rem;z-index:3}.xo-tutorial-card:focus-visible,.xo-tutorial-button:focus-visible{outline:3px solid #d946ef;outline-offset:3px}@media(max-width:760px){.xo-tutorial-card{left:12px!important;right:12px!important;bottom:12px!important;top:auto!important;width:auto}.xo-tutorial-dim{background:rgba(0,0,0,.28)}}@media(prefers-reduced-motion:reduce){.xo-tutorial-layer,.xo-tutorial-card{transition:none!important;animation:none!important}}