.tour-layer{z-index:150;pointer-events:none;position:fixed;inset:0}.tour-spot{width:0;height:0;box-shadow:0 0 0 3px var(--lime), 0 0 0 7px var(--ink), 0 0 0 200vmax #0a0a0abd;opacity:0;will-change:transform, width, height;border-radius:22px;transition:opacity .25s;position:absolute;top:0;left:0}.tour-spot.is-on{opacity:1}.tour-dim{opacity:0;background:#0a0a0abd;transition:opacity .25s;position:absolute;inset:0}.tour-dim.is-on{opacity:1}.tour-block{pointer-events:auto;width:0;height:0;position:absolute;top:0;left:0}.tour-wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tour-wire{stroke:var(--lime);stroke-width:2.5px;stroke-dasharray:6 6;stroke-linecap:round;opacity:0;animation:.8s linear infinite tour-wire}@keyframes tour-wire{to{stroke-dashoffset:-12px}}.tour-pin{fill:var(--lime);stroke:var(--ink);stroke-width:2.5px;opacity:0}.tour-cursor{opacity:0;will-change:transform;width:0;height:0;transition:opacity .3s;position:absolute;top:0;left:0}.tour-cursor.is-on{opacity:1}.tour-hand{filter:drop-shadow(2px 3px #0a0a0a8c);position:absolute;top:-2px;left:-3px}.tour-ripple{border:3px solid var(--lime);width:40px;height:40px;box-shadow:0 0 0 2px var(--ink);opacity:0;border-radius:50%;position:absolute;top:-20px;left:-20px}.tour-g-tap .tour-hand{animation:1.8s ease-in-out infinite tour-tap}.tour-g-tap .tour-ripple{animation:1.8s ease-out infinite tour-ripple}@keyframes tour-tap{0%,45%,to{transform:translate(16px,18px)scale(1)}58%{transform:translate(2px,2px)scale(1)}66%{transform:translate(2px,2px)scale(.86)}76%{transform:translate(2px,2px)scale(1)}}@keyframes tour-ripple{0%,62%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.9)}}.tour-g-drag .tour-hand{animation:tour-drag 2.8s var(--ease-out) infinite}.tour-g-drag .tour-ripple{animation:tour-drag-ring 2.8s var(--ease-out) infinite}@keyframes tour-drag{0%{opacity:0;transform:translate(14px,16px)}12%{opacity:1;transform:translate(2px,2px)}22%{transform:translate(2px,2px)scale(.88)}72%{transform:translate(calc(var(--dx,200px) + 2px), 2px) scale(.88);opacity:1}86%,to{transform:translate(calc(var(--dx,200px) + 14px), 16px);opacity:0}}@keyframes tour-drag-ring{0%,16%{opacity:0;transform:translate(0)scale(.6)}22%{opacity:1;transform:translate(0)scale(1)}72%{transform:translateX(var(--dx,200px)) scale(1);opacity:1}80%,to{transform:translateX(var(--dx,200px)) scale(1.6);opacity:0}}.tour-g-scroll .tour-hand{animation:1.6s ease-in-out infinite tour-scroll}@keyframes tour-scroll{0%,to{transform:translate(6px,-14px)}50%{transform:translate(6px,18px)}}.tour-g-type .tour-hand{animation:2.6s ease-in-out infinite tour-tap}.tour-typing{background:var(--lime);height:40px;color:var(--ink);box-shadow:0 0 0 2.5px var(--ink);font:700 17px/1 var(--font-mono);white-space:nowrap;border-radius:14px;align-items:center;gap:2px;padding:0 14px;display:none;position:absolute;top:-58px;left:22px}.tour-g-type .tour-typing{display:inline-flex}.tour-typed{width:0;animation:tour-type 2.6s steps(var(--n,4)) infinite;display:inline-block;overflow:hidden}@keyframes tour-type{0%,8%{width:0}60%,to{width:calc(var(--n,4) * 1ch)}}.tour-caret{background:var(--ink);width:2px;height:20px;animation:.9s steps(2,end) infinite tour-caret}@keyframes tour-caret{50%{opacity:0}}.tour-box{pointer-events:auto;background:var(--paper);width:384px;max-height:calc(100vh - 32px);color:var(--ink);box-shadow:0 0 0 3px var(--ink), 10px 10px 0 var(--lime), 10px 10px 0 3px var(--ink);will-change:transform;animation:tour-box-in .45s var(--ease-spring) both;border-radius:28px;padding:16px 20px 18px;position:absolute;top:0;left:0;overflow:auto}@keyframes tour-box-in{0%{opacity:0;scale:.92}}.tour-box.is-nudge{animation:tour-nudge .4s var(--ease-out)}@keyframes tour-nudge{0%,to{rotate:none}25%{rotate:-2deg}75%{rotate:2deg}}.tour-head{align-items:center;gap:10px;display:flex}.tour-app{background:var(--lime);width:34px;height:34px;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);border-radius:10px;flex:none;place-items:center;display:grid}.tour-who{flex:1;gap:2px;min-width:0;line-height:1.1;display:grid}.tour-who b{font:900 15px/1 var(--font-brand);letter-spacing:-.02em}.tour-who span{color:#0a0a0a8c;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.tour-count{color:#0a0a0a8c;flex:none;font-size:13px;font-weight:700}.tour-x{background:var(--paper-2);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;transition:background-color .15s;display:grid}.tour-x:hover{background:var(--lime)}.tour-rail{gap:3px;margin:14px 0;display:flex}.tour-tick{background:var(--paper-2);border-radius:3px;flex:1;height:5px;transition:background-color .3s}.tour-tick.is-done{background:var(--ink)}.tour-tick.is-now{background:var(--lime);box-shadow:0 0 0 1.5px var(--ink)}.tour-title{font:700 36px/.9 var(--font-display);text-transform:uppercase;margin:0 0 8px}.tour-body{color:#0a0a0ad1;margin:0;font-size:15.5px;line-height:1.5}.tour-body b{color:var(--ink)}.tour-foot{align-items:center;gap:10px;margin-top:16px;display:flex}.tour-back{border-radius:var(--pill);height:44px;font:700 14px/1 var(--font-text);padding:0 16px;transition:box-shadow .15s;box-shadow:inset 0 0 0 2px #0a0a0a2e}.tour-back:hover{box-shadow:inset 0 0 0 2px var(--ink)}.tour-back[disabled]{opacity:.35;pointer-events:none}.tour-next{margin-left:auto}.tour-wait{border-radius:var(--pill);background:var(--ink);height:44px;color:var(--lime);font:800 12.5px/1.15 var(--font-text);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:9px;margin-left:auto;padding:0 16px;display:inline-flex}.tour-pip{background:var(--lime);border-radius:50%;flex:none;width:10px;height:10px;animation:1.1s ease-in-out infinite tour-pip}@keyframes tour-pip{0%,to{opacity:.5;transform:scale(.55)}50%{opacity:1;transform:scale(1)}}.tour-keys{color:#0a0a0a73;margin-top:12px;font-size:12px}.tour-keys kbd{min-width:22px;height:20px;font:700 11px/1 var(--font-mono);border-radius:6px;place-items:center;margin:0 2px;padding:0 5px;display:inline-grid;box-shadow:inset 0 0 0 1.5px #0a0a0a33}.tour-btn svg{transition:transform .3s var(--ease-spring)}.tour-btn:hover svg{transform:rotate(-12deg)scale(1.1)}@media (max-width:640px){.tour-box{max-height:48vh;box-shadow:0 0 0 3px var(--ink), 0 0 0 6px var(--lime);border-radius:24px;padding:14px 16px 16px;bottom:10px;right:10px;width:auto!important;top:auto!important;left:10px!important;transform:none!important}.tour-title{font-size:30px}.tour-body{font-size:15px}.tour-rail{margin:10px 0}.tour-keys{display:none}}@media (prefers-reduced-motion:reduce){.tour-hand,.tour-ripple,.tour-typed,.tour-wire{animation:none!important}.tour-typed{width:calc(var(--n,4) * 1ch)}}