.tour{--tour-surface:var(--surface,var(--solid,#fff));--tour-ink:var(--text-1,var(--ink,#1d1f24));--tour-ink-2:var(--text-2,var(--ink-2,#4b505b));--tour-accent:var(--brand,var(--accent,#2f55d4));--tour-on-accent:var(--accent-ink,#fff);--tour-line:var(--border-strong,var(--line,#111b332e));--tour-dim:#0e111880;z-index:3000;color:var(--tour-ink);-webkit-tap-highlight-color:transparent;font-family:inherit;position:fixed;inset:0}:root[data-theme=dark] .tour{--tour-dim:#0000009e}.tour-dim{width:100%;height:100%;position:absolute;inset:0}.tour-shade{fill:var(--tour-dim)}.tour-ring{fill:none;stroke:var(--tour-accent);stroke-width:2px}.tour-card{box-sizing:border-box;background:var(--tour-surface);width:min(360px,100vw - 24px);color:var(--tour-ink);border:1px solid var(--tour-line);border-radius:16px;padding:16px 16px 12px;position:absolute;top:50%;left:50%;box-shadow:0 24px 64px -12px #00000059,0 8px 20px -8px #0003}.tour-card[data-at]{width:auto;left:8px;right:8px}.tour-card[data-at=bottom]{top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px))}.tour-card[data-at=top]{top:calc(8px + env(safe-area-inset-top,0px))}.tour-body{gap:4px;display:grid}.tour-count{letter-spacing:.02em;color:var(--tour-ink-2);font-variant-numeric:tabular-nums;margin:0;font-size:12px;font-weight:600}.tour-title{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:16px;font-weight:650;line-height:1.3}.tour-text{color:var(--tour-ink-2);margin:0;font-size:14px;line-height:1.45}.tour-acts{align-items:center;gap:8px;margin-top:14px;display:flex}.tour-btn{min-height:36px;color:var(--tour-ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.tour-btn[hidden]{display:none}.tour-btn:focus-visible{outline:2px solid var(--tour-accent);outline-offset:2px}.tour-skip{color:var(--tour-ink-2);margin-right:auto;padding-inline:8px;font-weight:500}.tour-skip:hover{color:var(--tour-ink)}.tour-back{border-color:var(--tour-line)}.tour-next{background:var(--tour-accent);color:var(--tour-on-accent)}.tour-next:hover{filter:brightness(1.08)}@media (pointer:coarse){.tour-btn{min-height:44px}}@media (prefers-reduced-motion:no-preference){.tour-card.in{animation:.18s cubic-bezier(.16,1,.3,1) tour-in}@keyframes tour-in{0%{opacity:0;transform:translateY(4px)}}}@media (forced-colors:active){.tour-ring{stroke:highlight}.tour-card{border-color:canvastext}.tour-next{border-color:buttontext}}