.tour-spot{z-index:var(--z-notice);border:2px solid var(--accent);border-radius:var(--radius-control);pointer-events:none}.tour-bubble,.tour-spot{position:fixed;box-sizing:border-box}.tour-bubble{z-index:calc(var(--z-notice) + 1);width:320px;max-width:calc(100vw - 16px);padding:var(--space-4);background:var(--panel);color:var(--text);border:var(--border-width) solid var(--line);border-radius:var(--radius-container);box-shadow:var(--elevation-overlay)}.tour-bubble--down:before,.tour-bubble--up:before{content:"";position:absolute;left:var(--tour-arrow-x,20px);margin-left:calc(-1 * var(--space-2));width:10px;height:10px;transform:rotate(45deg);background:var(--panel)}.tour-bubble--up:before{top:-6px;border-left:var(--border-width) solid var(--line);border-top:var(--border-width) solid var(--line)}.tour-bubble--down:before{bottom:-6px;border-right:var(--border-width) solid var(--line);border-bottom:var(--border-width) solid var(--line)}.tour-bubble--dock{top:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));left:12px;width:auto;max-width:none}.tour-count{margin:0 0 var(--space-1);font-size:var(--font-sm);font-weight:600;color:var(--muted)}.tour-title{margin:0 0 var(--space-2);font-size:var(--font-h3);line-height:var(--lh-tight);font-weight:600;color:var(--text)}.tour-body{margin:0 0 var(--space-4);font-size:var(--font-body);line-height:var(--lh-body);color:var(--muted)}.tour-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:var(--space-3)}.tour-actions--finish{flex-wrap:wrap}.tour-quiet{padding:var(--space-1) 0;border:0;background:transparent;color:var(--muted);font-family:inherit;font-size:var(--font-sm);font-weight:600;line-height:var(--lh-tight);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;cursor:pointer}.tour-quiet:hover{color:var(--text)}.demo-page .chip-row{scrollbar-width:none}.demo-page .chip-row::-webkit-scrollbar{display:none}@media (pointer:coarse){.tour-quiet{min-height:var(--tap-min)}}