#welcome-tour{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#24211e;overflow:auto}
#welcome-tour::backdrop{background:#30241d70}
#welcome-tour:not([open]){display:none}
.tour-spotlight{position:fixed;border:3px solid #fff9ef;border-radius:18px;box-shadow:0 0 0 4px #e60033,0 0 24px #e6003366;pointer-events:none}
.tour-card{position:relative;display:flex;align-items:flex-end;gap:0;width:min(720px,calc(100% - 40px));margin: max(220px,calc(100dvh - 450px)) auto 32px}
.tour-robot{position:relative;flex:0 0 170px;height:220px;margin-right:-15px;z-index:1;pointer-events:none}
.tour-robot>span{position:absolute;bottom:12px;left:15px;width:135px;height:135px;background:#e60033;border-radius:50%}
.tour-robot img{position:absolute;bottom:4px;width:210px;max-width:none;height:210px;left:-22px;object-fit:contain;animation:tour-float 3s ease-in-out infinite}
.tour-dialogue{flex:1;min-width:0;padding:26px;background:#fffaf2;border:1px solid #e9dfd1;border-radius:28px 28px 28px 8px;box-shadow:0 16px 60px #30162430}
.tour-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.tour-top span{font-size:10px;letter-spacing:1px;font-weight:700;color:#9e1737}.tour-top button{font:inherit;font-size:12px;color:#75675b;background:transparent;border:0;padding:8px 0;min-height:40px}
#welcome-tour h2{font-size:27px;line-height:1.2;margin:18px 0 14px;letter-spacing:-.6px}
#tour-text{font-size:15px;line-height:1.75;margin:0}#tour-tip{font-size:12px;line-height:1.6;color:#847362;margin:16px 0 0}
.tour-dots{display:flex;gap:5px;margin:22px 0}.tour-dots span{width:6px;height:6px;border-radius:50%;background:#ddd1c2}.tour-dots .active{width:22px;border-radius:8px;background:#e60033}.tour-dots .done{background:#cd8798}
.tour-actions{display:flex;justify-content:space-between;gap:12px}.tour-actions button{font:600 14px 'DM Sans',sans-serif;min-height:46px;padding:12px 20px;border:0;border-radius:14px;cursor:pointer}#tour-next{background:#e60033;color:white;margin-left:auto}#tour-back{background:#eee5d8;color:#54483d}
#welcome-tour button:focus-visible{outline:3px solid #a30029;outline-offset:3px}
body.tour-running{overflow:hidden}body.tour-running .medical-mascot{visibility:hidden!important}
.tour-enter .tour-dialogue{animation:tour-pop .3s ease both}
@keyframes tour-pop{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes tour-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@media(max-width:700px){.tour-card{display:block;width:calc(100% - 24px);margin:240px auto 20px;padding-top:55px}.tour-robot{position:absolute;left:8px;top:-38px;width:110px;height:115px}.tour-robot>span{width:85px;height:85px;bottom:0;left:12px}.tour-robot img{width:135px;height:135px;left:-13px;bottom:-6px}.tour-dialogue{padding:20px;border-radius:24px}.tour-top{padding-left:0}.tour-top span{font-size:9px}#welcome-tour h2{font-size:24px}#tour-text{font-size:14px}.tour-top button{font-size:11px}}
@media(max-height:650px) and (min-width:701px){.tour-card{margin-top:170px}}
@media(prefers-reduced-motion:reduce){.tour-robot img,.tour-enter .tour-dialogue{animation:none!important}}