#intro-tour{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;box-shadow:none;color:var(--ink)}
#intro-tour::backdrop{background:transparent;backdrop-filter:none}
.tour-spotlight{position:fixed;border:2px solid #ec7987;border-radius:12px;box-shadow:0 0 0 9999px rgba(20,30,48,.68);pointer-events:none;transition:top .28s ease,left .28s ease,width .28s ease,height .28s ease;z-index:0}
.tour-card{position:fixed;z-index:1;width:390px;max-width:calc(100vw - 28px);padding:25px;background:#fff;border:1px solid #e4e8f0;border-radius:16px;box-shadow:0 20px 80px #12213e40;max-height:calc(100dvh - 28px);overflow:auto}
.tour-topline,.tour-bottomline,.tour-buttons{display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-kicker{color:#9a6970;letter-spacing:1.5px;font-size:9px;font-weight:700}#tour-skip{margin:0;font-size:11px;color:#7a8594}#tour-skip .ui-icon{width:14px;height:14px}
.tour-symbol{display:grid;place-items:center;width:48px;height:48px;background:#fff0f2;color:#dc2638;border:1px solid #f8dfe3;border-radius:13px;margin:24px 0 17px}.tour-symbol .ui-icon{width:25px;height:25px}
.tour-section{font-size:10px!important;letter-spacing:.8px;color:#9b7278!important;margin:0 0 8px;font-weight:650;text-transform:uppercase}#tour-title{font-size:21px;line-height:1.4;letter-spacing:-.5px;color:#29394e;margin:0 0 12px}#tour-description{font-size:13px;line-height:1.85;color:#738197;margin:0 0 22px}
.tour-progress{height:4px;background:#f0f2f6;border-radius:4px;overflow:hidden;margin-bottom:20px}.tour-progress>span{display:block;height:100%;background:#df3a4b;transition:width .25s ease;border-radius:4px}#tour-counter{font-size:11px;color:#8792a3;white-space:nowrap}.tour-buttons{gap:8px}.tour-buttons button{min-height:38px;font-size:11px}.tour-card.entering{animation:tour-enter .24s ease-out}@keyframes tour-enter{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
#tour-trigger{border:1px solid #e4e8f0;background:#fff;color:#6a788c;border-radius:7px;padding:7px 10px;display:inline-flex;gap:6px;align-items:center;font-size:11px;cursor:pointer}#tour-trigger .ui-icon{width:16px;height:16px}
@media(max-width:550px){.tour-card{padding:21px}.tour-symbol{margin:18px 0 14px}#tour-title{font-size:19px}#tour-description{font-size:12px;margin-bottom:18px}.tour-bottomline{gap:6px}#tour-trigger{padding:7px}#tour-trigger .tour-trigger-label{display:none}.tour-buttons button{padding:9px 11px}.tour-card{max-height:calc(100dvh - 24px)}}
@media(prefers-reduced-motion:reduce){.tour-spotlight,.tour-progress>span{transition:none}.tour-card.entering{animation:none}}