.tour-root{--tour-dim:#06103a80;--tour-ring:var(--accent);--tour-glow:color-mix(in srgb, var(--accent) 24%, transparent);z-index:50;pointer-events:none;animation:tour-in var(--t-3) linear both;position:fixed;inset:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tour-root{--tour-dim:#0000009e;--tour-glow:color-mix(in srgb, var(--accent) 34%, transparent)}}:root[data-theme=dark] .tour-root{--tour-dim:#0000009e;--tour-glow:color-mix(in srgb, var(--accent) 34%, transparent)}@keyframes tour-in{0%{opacity:0}}.tour-veil{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tour-veil-fill{fill:var(--tour-dim)}.tour-cut{transition:x var(--t-4) var(--ease-expo), y var(--t-4) var(--ease-expo), width var(--t-4) var(--ease-expo), height var(--t-4) var(--ease-expo), rx var(--t-3) linear}.tour-ring{border:2px solid var(--tour-ring);box-shadow:0 0 0 4px var(--tour-glow);pointer-events:none;transition:transform var(--t-4) var(--ease-expo), width var(--t-4) var(--ease-expo), height var(--t-4) var(--ease-expo), border-radius var(--t-3) linear;position:absolute;top:0;left:0}.tour-block{pointer-events:auto;position:absolute}.tour-dim{background:var(--tour-dim)}.tour-card{border:1px solid var(--line-strong);border-radius:var(--r-card);background:var(--card);width:min(23rem,100vw - 32px);color:var(--body);box-shadow:var(--shadow-pop), var(--lift-soft);pointer-events:auto;transition:left var(--t-4) var(--ease-expo), top var(--t-4) var(--ease-expo);padding:14px 18px;position:absolute}.tour-card:focus,.tour-card:focus-visible{outline:none}.tour-arrow{background:var(--card);border:1px solid var(--line-strong);width:14px;height:14px;position:absolute;transform:rotate(45deg)}.tour-card[data-side=below] .tour-arrow{top:-8px;left:calc(var(--arrow,50%) - 7px);border-bottom:0;border-right:0}.tour-card[data-side=above] .tour-arrow{bottom:-8px;left:calc(var(--arrow,50%) - 7px);border-top:0;border-left:0}.tour-card[data-side=right] .tour-arrow{left:-8px;top:calc(var(--arrow,50%) - 7px);border-top:0;border-right:0}.tour-card[data-side=left] .tour-arrow{right:-8px;top:calc(var(--arrow,50%) - 7px);border-bottom:0;border-left:0}.tour-card[data-side=none] .tour-arrow{display:none}.tour-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.tour-eyebrow{min-width:0;font-family:var(--font-barlow-condensed), sans-serif;font-weight:600;font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.tour-count{color:var(--muted);letter-spacing:.06em;font-variant-numeric:tabular-nums}.tour-skip{flex:none}.tour-step{animation:tour-step var(--t-4) var(--ease-expo) both}@keyframes tour-step{0%{opacity:0;transform:translateY(6px)}}.tour-name{font-family:var(--font-barlow-condensed), sans-serif;font-weight:600;font-size:var(--fs-6);color:var(--ink);text-wrap:balance;margin:6px 0;line-height:1.1}.tour-body p{font-size:var(--fs-4);color:var(--body);text-wrap:pretty;margin:0 0 8px;line-height:1.45}.tour-try{border:1px solid var(--accent-line,var(--line-strong));background:var(--accent-soft);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:8px 12px;display:flex}.tour-body .tour-try{color:var(--ink);font-weight:600}.tour-try-label{font-family:var(--font-barlow-condensed), sans-serif;font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.tour-body .tour-safe{font-size:var(--fs-2);color:var(--muted)}.tour-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:12px;display:flex}.tour-keys{min-width:0;font-size:var(--fs-1);color:var(--faint);flex:1 1 0;line-height:1.35}.tour-nav{flex:none;justify-content:flex-end;gap:8px;display:flex}.tour-nav .btn{min-width:5.5rem}.tour-card[data-compact] .tour-body,.tour-card[data-compact] .tour-keys{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tour-card[data-compact] .tour-foot{margin-top:6px;padding-top:10px}.tour-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:720px){.tour-card{padding:12px 14px}.tour-name{font-size:1.3rem}.tour-nav{flex:1}.tour-nav .btn{flex:1;min-height:44px}.tour-keys{display:none}}html[data-tour-on] .needs-pill[data-empty]{display:inline-flex}@media print{.tour-root{display:none!important}}
