.tour{z-index:200;pointer-events:none;position:fixed;inset:0}.tour-scrim{background:color-mix(in srgb, var(--ink) 52%, transparent);pointer-events:auto;animation:.2s tour-fade;position:fixed;inset:0}.tour-block{background:color-mix(in srgb, var(--ink) 52%, transparent);pointer-events:auto;transition:top .28s cubic-bezier(.22,1,.36,1),left .28s cubic-bezier(.22,1,.36,1),width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1);position:fixed}.tour-spot{border-radius:var(--r3);pointer-events:none;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--gold) 75%, #fff);outline:2px solid color-mix(in srgb, var(--gold) 60%, transparent);transition:top .28s cubic-bezier(.22,1,.36,1),left .28s cubic-bezier(.22,1,.36,1),width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1);position:fixed}@keyframes tour-fade{0%{opacity:0}to{opacity:1}}.tour-card{pointer-events:auto;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r3);width:420px;max-width:calc(100vw - 28px);max-height:calc(100vh - 28px);box-shadow:var(--sh3);flex-direction:column;animation:.24s cubic-bezier(.22,1,.36,1) tour-pop;display:flex;position:fixed;overflow:hidden}.tour-card.center{top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes tour-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}}.tour-card.center{animation:.24s cubic-bezier(.22,1,.36,1) tour-pop-c}@keyframes tour-pop-c{0%{opacity:0;transform:translate(-50%,-46%)scale(.98)}}.tour-card .tc-top{cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--hairline);flex:none;align-items:center;gap:9px;padding:10px 14px 9px;display:flex}.tour-card .tc-top:active{cursor:grabbing}.tour-card .tc-grip{color:var(--slate-3);letter-spacing:1px;font-size:12px;line-height:1}.tour-card .tc-step{font-family:var(--font-mono);letter-spacing:.05em;color:var(--slate-2);font-size:11px}.tour-card .tc-skip{cursor:pointer;font-family:var(--font-mono);color:var(--slate-2);background:0 0;border:none;margin-left:auto;font-size:11px;text-decoration:underline}.tour-card .tc-skip:hover{color:var(--ink)}.tour-card .tc-scroll{flex:auto;min-height:0;padding:13px 18px 14px;overflow-y:auto}.tour-card .tc-title{font-family:var(--font-display);color:var(--ink);margin-bottom:6px;font-size:17px;font-weight:700}.tour-card .tc-body{color:var(--slate);margin:0;font-size:13px;line-height:1.5}.tour-card .tc-demo{color:var(--on-accent);background:var(--gold);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:filter .12s;display:inline-flex}.tour-card .tc-demo:hover{filter:brightness(1.05)}.tour-card .tc-demo .play{font-size:10px}.tour-card .tc-foot{border-top:1px solid var(--hairline);background:var(--surface);flex:none;padding:10px 16px 12px}.tour-card .tc-progress{background:var(--hairline);border-radius:999px;height:4px;margin-bottom:10px;overflow:hidden}.tour-card .tc-progress span{background:var(--gold);border-radius:999px;height:100%;transition:width .3s cubic-bezier(.22,1,.36,1);display:block}.tour-card .tc-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.tour-card .tc-count{font-family:var(--font-mono);letter-spacing:.03em;color:var(--slate-2);font-size:11px}.tour-card .tc-btns{align-items:center;gap:8px;display:inline-flex}.tour-card .tc-back{border:1px solid var(--hairline);border-radius:var(--r2);cursor:pointer;color:var(--ink);background:0 0;padding:6px 13px;font-size:12.5px}.tour-card .tc-back:hover{background:var(--paper-2)}.tour-card .tc-next{background:var(--panel);color:var(--on-panel);border-radius:var(--r2);cursor:pointer;border:none;padding:6px 16px;font-size:12.5px;font-weight:600}.tour-card .tc-next:hover{background:var(--panel-2)}.lab .tour-btn{font-family:var(--font-mono);color:var(--ink);background:var(--surface);border:1px solid var(--hairline);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:5px 13px;font-size:12px;transition:border-color .12s,background .12s;display:inline-flex}.lab .tour-btn:hover{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, var(--surface))}.lab .tour-btn .q{background:var(--gold);width:16px;height:16px;color:var(--on-accent);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.tour-cursor{z-index:203;pointer-events:none;filter:drop-shadow(0 2px 3px #00000073);width:26px;height:26px;margin:-3px 0 0 -3px;transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1),transform .12s;position:fixed;transform:translateZ(0)}.tour-cursor svg{width:100%;height:100%}.tour-cursor svg path{fill:#fff;stroke:var(--ink);stroke-width:1.2px;stroke-linejoin:round}.tour-cursor.down{transform:scale(.82)}.tour-click{z-index:202;pointer-events:none;border:2px solid var(--gold);border-radius:999px;width:14px;height:14px;margin:-7px 0 0 -7px;animation:.5s ease-out forwards tour-ripple;position:fixed}@keyframes tour-ripple{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.tour-cursor{transition:none}.tour-click{animation-duration:.01ms}}