.tour-blocker{z-index:90;position:fixed;inset:0}.tour-spotlight{z-index:91;box-shadow:0 0 0 9999px var(--scrim);outline:2px solid var(--brand);outline-offset:2px;pointer-events:none;transition:top .25s,left .25s,width .25s,height .25s;position:fixed}@media (prefers-reduced-motion:reduce){.tour-spotlight{transition:none}}.tour-positioner{z-index:95}.tour-popup{width:min(320px,100vw - 32px);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);transform-origin:var(--transform-origin);outline:none;transition:opacity .16s,transform .16s}.tour-popup[data-starting-style],.tour-popup[data-ending-style]{opacity:0;transform:scale(.96)}.tour-popup__step{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--brand-text);font-weight:600}.tour-popup__title{margin:var(--space-1) 0 var(--space-2);font-size:var(--text-lg);color:var(--text);font-weight:700}.tour-popup__body{font-size:var(--text-sm);color:var(--muted);margin:0;line-height:1.5}.tour-popup__actions{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.tour-popup__skip{font-size:var(--text-sm);color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.tour-popup__skip:hover{color:var(--text)}.tour-popup__next{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--on-accent);background:var(--brand-grad);border:1px solid var(--brand);border-radius:var(--radius-pill);cursor:pointer;font-weight:600;transition:opacity .12s}.tour-popup__next:hover{opacity:.92}
