/* Scoped styles: no global dialog, label, or button overrides. */
.guide-dialog{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;background:transparent;color:#f6f7ff;overflow:hidden;overscroll-behavior:contain;z-index:10000;font-family:inherit}
.guide-dialog::backdrop{background:transparent;backdrop-filter:none}
.guide-shade{position:absolute;background:rgba(8,12,23,.78);pointer-events:auto}
.guide-spotlight{position:absolute;border:2px solid color-mix(in srgb,var(--accent,#7865f5) 70%,white);border-radius:14px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent,#7865f5) 15%,transparent),0 0 38px color-mix(in srgb,var(--accent,#7865f5) 30%,transparent);pointer-events:none}
.guide-card{position:absolute;box-sizing:border-box;width:366px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:23px;border:1px solid #3a3e54;border-radius:24px;background:radial-gradient(ellipse at 15% 25%,color-mix(in srgb,var(--accent,#7865f5) 13%,transparent),transparent 65%),#181c2b;box-shadow:0 24px 90px #0008;text-align:start;animation:guide-card-in .22s ease-out}
.guide-card-top,.guide-actions,.guide-introduction{display:flex;align-items:center;justify-content:space-between;gap:12px}
.guide-brand{font-size:12px;line-height:1.4;font-weight:700;color:#c3c8dc;overflow-wrap:anywhere}
.guide-dialog button,.guide-support-tip button{font-family:inherit;cursor:pointer}
.guide-skip{display:flex;align-items:center;gap:9px;flex-shrink:0;border:0;background:none;color:#c3c8dc;padding:8px 0 8px 8px;font-size:12px}
.guide-skip span{font-size:22px;font-weight:400}
.guide-skip:hover{color:white}
.guide-introduction{margin:4px 0 7px}
.guide-avatar{width:98px;height:98px;flex-shrink:0}
.guide-step-count{color:#f0f1ff;font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;direction:ltr}
.guide-step-count span{color:#9ba3be;font-size:12px}
.guide-card h2{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin:0 0 12px;color:#fafbff;overflow-wrap:anywhere}
.guide-card p{font-size:14px;line-height:1.75;margin:0;color:#ccd1e3;overflow-wrap:anywhere}
.guide-progress{display:flex;gap:5px;margin:22px 0}
.guide-progress i{flex:1;height:3px;border-radius:5px;background:#383d50}
.guide-progress i.filled{background:color-mix(in srgb,var(--accent,#7865f5) 60%,white)}
.guide-actions button{min-height:44px;border:0;border-radius:12px;padding:12px 17px;font-size:13px;line-height:1.4;font-weight:650;white-space:normal}
.guide-back{background:#292e42;color:#edf0ff}
.guide-next{display:flex;align-items:center;justify-content:center;gap:16px;background:color-mix(in srgb,var(--accent,#7865f5) 60%,white);color:#141626}
.guide-next:hover{filter:brightness(1.1)}
.guide-dialog button:focus-visible,.guide-support-tip button:focus-visible{outline:2px solid #cbd1ff;outline-offset:4px}
.guide-character{display:block;width:100%;height:100%;overflow:visible}
.guide-shadow{fill:#090d22;opacity:.2}
.guide-float{animation:guide-bob 3.4s ease-in-out infinite}
.guide-body{fill:color-mix(in srgb,var(--accent,#7865f5) 20%,#edf1ff);stroke:#fff;stroke-width:1.2}
.guide-face{fill:#24283e}
.guide-eyes{fill:#a3f0ec;transform-origin:60px 58px;animation:guide-blink 5.6s infinite}
.guide-aerial,.guide-headset,.guide-mic,.guide-hand,.guide-wave{fill:none;stroke:color-mix(in srgb,var(--accent,#7865f5) 65%,#d3ddff);stroke-width:7;stroke-linecap:round}
.guide-spark,.guide-ear,.guide-mic-tip{fill:color-mix(in srgb,var(--accent,#7865f5) 70%,#d3ddff)}
.guide-smile{fill:none;stroke:#a3f0ec;stroke-width:2.5;stroke-linecap:round}
.guide-wave{transform-origin:94px 81px;animation:guide-wave 3.4s ease-in-out infinite}
.guide-flight{position:fixed;z-index:100001;pointer-events:none;transform-origin:center}
.guide-flight .guide-float{animation:none}
.chat-launcher.guide-chat-launcher{overflow:visible}
.chat-launcher.guide-chat-launcher>svg:not(.guide-character){display:none}
.chat-launcher.guide-chat-launcher>.guide-character{width:54px;height:54px;flex:none;margin:0}
.guide-chat-launcher .guide-float,.guide-chat-launcher .guide-wave{animation:none}
.guide-support-tip{pointer-events:auto;position:absolute;bottom:76px;inset-inline-end:0;display:flex;align-items:center;gap:4px;width:max-content;max-width:min(290px,calc(100vw - 36px));box-sizing:border-box;border:1px solid #44465d;border-radius:16px 16px 5px 16px;padding:7px;background:#202438;color:#f4f5ff;box-shadow:0 12px 38px #0004;animation:guide-card-in .25s ease-out;z-index:3}
.guide-support-tip button{border:0;color:inherit;background:none}
.guide-tip-open{display:flex;align-items:center;gap:14px;padding:8px;font-size:13px;line-height:1.5;text-align:start}
.guide-tip-open span{color:#b4b8ff;font-size:20px}
.guide-tip-close{padding:8px;min-width:32px;font-size:21px;color:#bfc5dc!important}
.store-body .member-page-title>.guide-replay{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.store-body .member-page-title{gap:16px;flex-wrap:wrap}
.store-body .welcome-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.store-body label.directory-search{display:flex;align-items:center;margin:0;min-width:0}
.store-body label.directory-search>input{margin-top:0;min-width:0}
@keyframes guide-bob{0%,100%{transform:translateY(1px)}50%{transform:translateY(-4px)}}
@keyframes guide-wave{0%,55%,100%{transform:rotate(0)}65%{transform:rotate(-16deg)}75%{transform:rotate(6deg)}85%{transform:rotate(-12deg)}}
@keyframes guide-blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.12)}}
@keyframes guide-card-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:560px){.guide-card{padding:16px 20px}.guide-avatar{width:62px;height:62px}.guide-card h2{font-size:20px}.guide-card p{font-size:13px;line-height:1.5}.guide-progress{margin:14px 0}}
@media(prefers-reduced-motion:reduce){.guide-character *,.guide-card,.guide-support-tip{animation:none!important}.guide-dialog *{scroll-behavior:auto!important}}