@layer components{.tour{display:grid;gap:var(--space-3)}.tour-viewport{position:relative;overflow:hidden;aspect-ratio:16/10;border:1px solid var(--border);border-radius:16px;background:var(--background);box-shadow:var(--shadow)}.tour-video{display:block;width:100%;height:100%;object-fit:cover}.tour-play{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:var(--surface);box-shadow:var(--shadow);color:var(--foreground);cursor:pointer;transition:transform var(--duration-press) var(--ease-out)}.tour-play:active{transform:scale(.96)}.tour-chapter:focus-visible,.tour-play:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tour-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-5)}.tour-chapter{display:flex;flex-direction:column;gap:4px;padding:0;border:none;border-radius:4px;background:none;color:var(--foreground-secondary);font:inherit;text-align:start;cursor:pointer}.tour-chapter:disabled{cursor:default}.tour-chapter-track{overflow:hidden;height:2px;margin-bottom:12px;border-radius:2px;background:var(--border)}.tour-chapter-fill{display:block;height:100%;background:var(--foreground);transform:scaleX(0);transform-origin:left}.tour-chapter-title{color:var(--foreground-secondary);font-size:15px;font-weight:500;letter-spacing:-.01em;line-height:22px}.tour-chapter-note,.tour-chapter-title{transition:color var(--duration-hover) ease}.tour-chapter-note{color:var(--foreground-tertiary);font-size:14px;line-height:20px;text-wrap:pretty}.tour-chapter[data-current] .tour-chapter-title{color:var(--foreground)}.tour-chapter[data-current] .tour-chapter-note{color:var(--foreground-secondary)}@media (hover:hover) and (pointer:fine){.tour-chapter:not(:disabled):hover .tour-chapter-title{color:var(--foreground)}}@media (max-width:860px){.tour-controls{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-5)}}@media (max-width:600px){.tour-play{right:8px;bottom:8px;width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.tour-play{transition:none}}}