#walkthrough{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;border:0;background:transparent;color:var(--text);overflow:hidden}
#walkthrough::backdrop{background:transparent}
#walkthrough.tour-show-menu::before{content:"";position:absolute;inset:0;background:#11110f66;pointer-events:none;z-index:2}
.tour-frame{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
#walkthrough.tour-playing{background:var(--bg)}
.tour-highlight{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.tour-focus-outline{stroke:var(--gold-bright);filter:drop-shadow(0 0 7px #cfb67570);animation:tour-breathe 2.8s ease-in-out infinite}.tour-focus-trace{stroke:#fff1bd;stroke-dasharray:12 88;animation:tour-trace 4.5s linear infinite}
@keyframes tour-breathe{0%,100%{stroke-opacity:.65}50%{stroke-opacity:1}}@keyframes tour-trace{to{stroke-dashoffset:-100}}
.tour-highlight[hidden]{display:none}
.tour-menu{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:min(530px,calc(100vw - 40px));padding:30px;max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:5px;background:var(--panel);box-shadow:0 12px 70px #0009;box-sizing:border-box}
.tour-menu p{font-size:14px;line-height:1.85;color:var(--text)}.tour-menu h2{font-size:24px;margin:14px 0}
.tour-chapters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 16px}.tour-chapters button{min-height:48px;text-align:left}.tour-chapters .primary{grid-column:1/-1}
.tour-card{position:absolute;z-index:3;left:0;top:0;right:auto;bottom:auto;transition:transform .45s cubic-bezier(.2,.75,.2,1);will-change:transform;width:min(350px,calc(100vw - 24px));box-sizing:border-box;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:5px;box-shadow:0 8px 40px #000b;max-height:calc(100dvh - 24px);overflow:auto}
.tour-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-heading button{padding:2px 8px;font-size:20px;border:0;background:transparent}.tour-eyebrow{font-size:11px;letter-spacing:.08em;color:var(--gold)}.tour-card select{display:block!important;width:100%;margin-top:10px;font-size:12px}.tour-card h2{font-size:20px;line-height:1.4;margin:18px 0 9px}.tour-body{font-size:14px;line-height:1.85;margin:0}.tour-status{font-size:12px;line-height:1.7;color:var(--gold-bright);min-height:21px;margin:12px 0}.tour-actions{display:flex;flex-wrap:wrap;gap:7px}.tour-actions button{font-size:12px;padding:9px}.tour-note{font-size:11px!important;line-height:1.7;color:var(--muted)!important;margin-bottom:0}.tour-card button:focus-visible,.tour-menu button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}
@media(max-width:700px){.tour-card{width:calc(100vw - 24px);padding:13px}.tour-card h2{margin:9px 0;font-size:18px}.tour-body{font-size:12px;line-height:1.6}.tour-menu{padding:20px}.tour-chapters{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.tour-card{transition:none}.tour-focus-outline,.tour-focus-trace{animation:none}.tour-focus-trace{display:none}}

.tour-start{display:block;width:100%;min-height:48px;margin-top:22px}.tour-skip{display:block;width:100%;margin-top:10px;padding:6px;font-size:12px;color:var(--muted);background:transparent;border:0;box-shadow:none}.tour-skip:hover{color:var(--text);background:transparent;text-decoration:underline}

.tour-progress{position:absolute;left:0;right:0;bottom:0;height:2px;margin:0;background:#cfb67518;overflow:hidden}.tour-progress span{display:block;width:100%;height:100%;background:var(--gold-bright);box-shadow:0 0 7px #cfb675;transform-origin:left center;will-change:transform}.tour-working .tour-progress{opacity:.35}
.demo-cursor{position:fixed;left:0;top:0;width:24px;height:30px;z-index:2147483647;pointer-events:none;transition:transform .65s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 2px 3px #0009);color:#edd399}.demo-cursor svg{width:24px;height:30px}.demo-cursor::before{content:'';position:absolute;left:-14px;top:-14px;width:28px;height:28px;border:2px solid #edd399;border-radius:50%;opacity:0}.demo-cursor.demo-press::before{animation:demo-click .65s ease-out}
.demo-focus,.demo-cursor-anchor{position:fixed;pointer-events:none;opacity:0;z-index:-1}.demo-cover{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;transition:opacity .28s ease-out}
.tour-body{min-height:104px}.tour-status{min-height:42px}
@media(max-width:700px){.tour-body{min-height:0}}
@keyframes demo-click{from{transform:scale(.3);opacity:1}to{transform:scale(1.8);opacity:0}}
@media(prefers-reduced-motion:reduce){.demo-cursor,.demo-cover{transition:none}.demo-cursor.demo-press::before{animation:none}}