.tour{z-index:70;position:fixed;inset:0}.tour-dim,.tour-hole{pointer-events:none}.tour-dim{background:color-mix(in srgb, var(--media) 70%, transparent);position:fixed;inset:0}.tour-hole{border-radius:var(--radius-media);box-shadow:0 0 0 9999px color-mix(in srgb, var(--media) 70%, transparent);outline:2px solid color-mix(in srgb, var(--primary) 70%, transparent);outline-offset:0;transition:transform var(--duration-state) var(--ease), width var(--duration-state) var(--ease), height var(--duration-state) var(--ease);position:fixed;top:0;left:0}.tour-card{width:340px;max-width:calc(100vw - var(--space-8));background:var(--surface);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-media);box-shadow:0 24px 60px -24px color-mix(in srgb, var(--media) 55%, transparent);padding:var(--space-6);transition:transform var(--duration-state) var(--ease);position:fixed;top:0;left:0}.tour-card:focus-visible{outline:none}.tour-card[data-side=centre]{transform:translate(calc(50vw - 50%),calc(50vh - 50%))}.tour-eyebrow{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--primary-text);margin:0}.tour-card h2{margin:var(--space-2) 0 var(--space-3);font-size:var(--text-xl);line-height:1.25}.tour-body{color:var(--muted-foreground);font-size:var(--text-sm);margin:0;line-height:1.55}.tour-foot{align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.tour-progress{font-size:var(--text-xs);color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.tour-buttons{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.tour-card[data-side=right]:before,.tour-card[data-side=left]:before,.tour-card[data-side=below]:before,.tour-card[data-side=above]:before{content:"";background:var(--surface);border:1px solid var(--border);width:12px;height:12px;position:absolute;rotate:45deg}.tour-card[data-side=right]:before{border-top:0;border-right:0;top:calc(50% - 6px);left:-7px}.tour-card[data-side=left]:before{border-bottom:0;border-left:0;top:calc(50% - 6px);right:-7px}.tour-card[data-side=below]:before{border-bottom:0;border-right:0;top:-7px;left:calc(50% - 6px)}.tour-card[data-side=above]:before{border-top:0;border-left:0;bottom:-7px;left:calc(50% - 6px)}.tour-card[data-side=sheet-top]{border-radius:0 0 var(--radius-media) var(--radius-media);width:100%;max-width:none;padding:calc(var(--space-6) + env(safe-area-inset-top)) var(--space-5) var(--space-6);border-top:0;inset:0 0 auto}.tour-card[data-side=sheet]{border-radius:var(--radius-media) var(--radius-media) 0 0;width:100%;max-width:none;padding:var(--space-6) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom));border-bottom:0;inset:auto 0 0}.tour-card[data-side=sheet] .tour-buttons,.tour-card[data-side=sheet-top] .tour-buttons{flex:none}@media (max-width:420px){.tour-card[data-side=sheet] .tour-foot,.tour-card[data-side=sheet-top] .tour-foot{align-items:stretch;gap:var(--space-4);flex-direction:column}.tour-card[data-side=sheet] .tour-buttons,.tour-card[data-side=sheet-top] .tour-buttons>*{flex:1}}@media (prefers-reduced-motion:reduce){.tour-hole,.tour-card{transition:none}}.tour-reopen{font-size:var(--text-sm);color:var(--primary-text);justify-content:flex-start}