.tour-dialog{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0 0 env(safe-area-inset-bottom);border:0;border-radius:0;background:transparent;color:var(--text-primary);overflow:hidden;box-shadow:none}
.tour-dialog::backdrop{background:transparent;backdrop-filter:none}
.tour-shade{position:fixed;background:color-mix(in srgb,var(--background) 70%,transparent);pointer-events:auto}
.tour-spotlight{position:fixed;border:2px solid var(--accent);border-radius:var(--r2);pointer-events:none}
.tour-panel{position:fixed;padding:var(--s5);margin:0;overflow:auto;background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:var(--r2);box-shadow:0 8px 28px color-mix(in srgb,var(--background) 25%,transparent)}
.tour-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.tour-heading .eyebrow{color:var(--accent)}
.tour-panel h2{font-size:var(--text-lg);margin:var(--s2) 0}.tour-panel p{font-size:var(--text-sm);line-height:1.6}.tour-count{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--s3)}
.tour-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2);margin-top:var(--s4)}.tour-controls>div{display:flex;gap:var(--s2)}.tour-controls .btn,.tour-controls .text-btn{min-height:44px}.tour-controls .text-btn{font-size:var(--text-xs)}
@media(max-width:759px){.tour-panel{padding:var(--s4)}.tour-heading .eyebrow{font-size:var(--text-xs)}.tour-controls .btn{padding-inline:var(--s3)}}
@media(prefers-reduced-motion:reduce){.tour-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}