.tour{z-index:var(--z-tour);pointer-events:none;position:fixed;inset:0}.tour__veil{pointer-events:auto;animation:tour-veil .32s var(--ui-ease-out) both;background:#08090aa8;position:absolute;inset:0}@keyframes tour-veil{0%{opacity:0}}.tour__ring{border:1px solid var(--signal);border-radius:var(--r-2);opacity:0;pointer-events:none;will-change:transform, width, height;width:0;height:0;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #08090a8c,0 12px 30px -12px #000c}.tour__ring[data-interactive="1"]{pointer-events:auto}.tour__card{width:316px;padding:var(--s-4) var(--s-4) var(--s-3);border:1px solid var(--rule-strong);border-radius:var(--r-2);background:var(--plane-raise);box-shadow:var(--lift-3);pointer-events:auto;animation:tour-card var(--ui-base) var(--ui-ease-out) both;position:absolute}@keyframes tour-card{0%{opacity:0}}.tour__eyebrow{align-items:center;gap:var(--s-2);font-size:var(--t-micro);font-weight:var(--w-semibold);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--signal);display:flex}.tour__index{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--ink-2)}.tour__rule{background:var(--rule-strong);width:18px;height:1px}.tour__title{margin:var(--s-2) 0 0;font-family:var(--font-display);font-size:19px;font-weight:var(--w-regular);letter-spacing:var(--track-display);color:var(--ink-0);line-height:1.22}.tour__body{margin:var(--s-2) 0 0;max-width:44ch;font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink-1)}.tour__foot{align-items:center;gap:var(--s-2);margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--rule);display:flex}.tour__spacer{flex:auto}.tour__skip{font-size:var(--t-small);color:var(--ink-2);border-radius:var(--r-1);transition:color var(--ui-fast) var(--ui-ease);padding:4px 2px}.tour__skip:hover{color:var(--ink-0)}.tour__keys{margin:var(--s-2) 0 0;font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.08em;color:var(--ink-3);text-align:right}@media (prefers-reduced-motion:reduce){.tour__veil,.tour__card{animation:none}.tour__ring{transition:none}}@media (max-width:720px){.tour__card{width:min(316px,100vw - 32px);left:16px!important}}