:root{--step-tour-primary:#3b82f6;--step-tour-primary-hover:#2563eb;--step-tour-bg:#fff;--step-tour-text:#0f172a;--step-tour-muted:#64748b;--step-tour-border:#94a3b8b3;--step-tour-backdrop:#0000004d;--step-tour-radius-lg:16px;--step-tour-radius-xl:18px;--step-tour-shadow-lg:0 25px 50px -12px #00000040;--step-tour-shadow-highlight:0 0 0 10px #3b82f62e;--step-tour-spot:#3b82f61f;--step-tour-progress:#475569}.dark{--step-tour-bg:#0f172a;--step-tour-text:#e2e8f0;--step-tour-muted:#94a3b8;--step-tour-border:#94a3b84d;--step-tour-backdrop:#00000080;--step-tour-spot:#3b82f62e;--step-tour-progress:#cbd5e1}.step-tour-overlay,.highlight-tour-overlay{z-index:1200;position:fixed;inset:0}.highlight-tour-overlay{pointer-events:none}.step-tour-overlay{justify-content:center;align-items:center;padding:16px;display:flex}.step-tour-backdrop{background:var(--step-tour-backdrop);-webkit-backdrop-filter:blur(6px);position:absolute;inset:0}.highlight-tour-backdrop{pointer-events:none;background:0 0;position:absolute;inset:0}.step-tour-modal{background:var(--step-tour-bg);border:1px solid var(--step-tour-border);border-radius:var(--step-tour-radius-xl);width:min(480px,100%);box-shadow:var(--step-tour-shadow-lg);color:var(--step-tour-text);flex-direction:column;gap:8px;margin:0 auto;padding:20px;display:flex;position:relative}.step-tour-title{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.step-tour-description{color:var(--step-tour-muted);margin:0;font-size:12px;line-height:1.6}.step-tour-actions{gap:8px;margin-top:12px;display:flex}.step-tour-button,.highlight-tour-button{cursor:pointer;border:none;border-radius:10px;height:32px;padding:0 12px;font-size:12px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.step-tour-close,.highlight-tour-close{border:1px solid var(--step-tour-border);width:28px;height:28px;color:var(--step-tour-text);cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px}.step-tour-close:hover,.highlight-tour-close:hover{background:#0000000a}.step-tour-close:focus-visible,.highlight-tour-close:focus-visible,.step-tour-button:focus-visible,.highlight-tour-button:focus-visible{outline:2px solid var(--step-tour-primary);outline-offset:2px}.step-tour-button-outline,.highlight-tour-button-outline{border:1px solid var(--step-tour-border);color:var(--step-tour-text);background:0 0}.step-tour-button-primary,.highlight-tour-button-primary{background:var(--step-tour-primary);color:#fff;border:1px solid #0000}.step-tour-button-primary:hover,.highlight-tour-button-primary:hover{background:var(--step-tour-primary-hover)}.highlight-tour-highlight{border:2px solid var(--step-tour-primary);background:var(--step-tour-spot);box-shadow:0 0 0 9999px var(--step-tour-backdrop),var(--step-tour-shadow-highlight);pointer-events:none;border-radius:12px;position:absolute}.highlight-tour-tooltip{background:var(--step-tour-bg);border:1px solid var(--step-tour-border);border-radius:var(--step-tour-radius-xl);max-width:420px;box-shadow:var(--step-tour-shadow-lg);color:var(--step-tour-text);pointer-events:auto;padding:16px;position:absolute}.highlight-tour-tooltip-header{justify-content:space-between;align-items:center;display:flex}.highlight-tour-title,.highlight-tour-badge{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.highlight-tour-progress{color:var(--step-tour-progress);font-size:11px;font-weight:600}.highlight-tour-description{color:var(--step-tour-muted);margin:4px 0 0;font-size:12px;line-height:1.6}.highlight-tour-actions{gap:8px;margin-top:12px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes ripple{0%{box-shadow:0 0 #3b82f666}to{box-shadow:0 0 0 8px #3b82f600}}.step-tour-overlay,.step-tour-modal,.highlight-tour-tooltip{animation:.3s ease-out fadeIn}.highlight-tour-highlight{transition:top .3s ease-out,left .3s ease-out,width .3s ease-out,height .3s ease-out}.step-tour-button:active,.highlight-tour-button:active{animation:.6s ease-out ripple}@media (max-width:640px){.highlight-tour-tooltip{max-width:90vw}.step-tour-modal{width:min(90vw,480px)}}