.l2-tour{box-sizing:border-box;width:min(1248px,100% - 32px,217.75dvh - 387.5px);max-width:none;max-height:none;color:var(--ink);font-family:var(--font);background:0 0;border:0;margin:auto;padding:0}.l2-tour::backdrop{background:#1116}html:has(.l2-tour[open]){scrollbar-gutter:stable;overflow:hidden}.l2-tour[open]{opacity:1;transition:opacity .25s,transform .25s;transform:translateY(0)}.l2-tour[open]::backdrop{transition:background .25s}@starting-style{.l2-tour[open]{opacity:0;transform:translateY(12px)}.l2-tour[open]::backdrop{background:#1110}}.l2-tour-card{box-sizing:border-box;border-radius:var(--r-btn);border:1px solid var(--border);background:#fff;max-height:calc(100dvh - 32px);padding:24px;overflow:hidden auto;box-shadow:0 24px 48px #11111129}.l2-tour-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.l2-tour-name{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:18px;font-weight:500;line-height:1.3}.l2-tour-name span{color:var(--text-3);font-weight:400}.l2-tour-name span:after{content:" · "}.l2-tour-close{flex:none;width:40px;padding:0}.l2-tour-stage{position:relative}.l2-tour-frame{border-radius:var(--r-btn);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff}.l2-tour-chrome{border-bottom:1px solid var(--border);background:#fafafa;border-radius:11px 11px 0 0;align-items:center;gap:8px;height:36px;padding:0 14px;display:flex}.l2-tour-chrome i{background:#ff5f57;border-radius:50%;width:10px;height:10px}.l2-tour-chrome i:nth-child(2){background:#febc2e}.l2-tour-chrome i:nth-child(3){background:#28c840}.l2-tour-screen{aspect-ratio:1914/879;position:relative}.l2-tour-zoom{background:#f4f4f6;border-radius:0 0 11px 11px;position:absolute;inset:0;overflow:hidden}.l2-tour-shots{transform-origin:var(--ox) var(--oy);transform:scale(calc(var(--zoom) * var(--zoom-boost,1)));transition:transform .6s cubic-bezier(.4,0,.2,1),transform-origin .6s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.l2-tour-shot{opacity:0;object-fit:cover;transition:opacity .35s}.l2-tour-shot.is-current{opacity:1}.l2-tour-dim{border-radius:inherit;background:#11111173;position:absolute;inset:0}.l2-tour-spot{z-index:2;background:var(--purple);width:22px;height:22px;box-shadow:0 0 0 1.5px var(--purple), 0 2px 8px #11111140;cursor:pointer;border:3px solid #fff;border-radius:50%;margin:-11px 0 0 -11px;padding:0;animation:.35s cubic-bezier(.34,1.56,.64,1) both l2-spot-in;position:absolute}.l2-tour-spot--click:before{content:"";border:2px solid var(--purple);border-radius:50%;animation:1.6s ease-out infinite l2-spot-pulse;position:absolute;inset:-3px;box-shadow:0 0 0 1px #ffffffe6,inset 0 0 0 1px #ffffffe6}.l2-tour-spot:after{content:"";position:absolute;inset:-11px}.l2-tour-spot:focus-visible{outline:2px solid var(--purple);outline-offset:4px}@keyframes l2-spot-in{0%{transform:scale(0)}}@keyframes l2-spot-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.l2-tour-overlay{pointer-events:none;position:absolute;inset:37px 1px 27px}.l2-tour-overlay>*{pointer-events:auto}.l2-tour-tip{z-index:3;box-sizing:border-box;border-radius:var(--r-btn);border:1px solid var(--border);width:min(320px,40%);transform:translate(var(--tx), var(--ty));background:#fff;padding:18px 20px;animation:.3s both l2-fade-in;position:absolute;box-shadow:0 16px 40px #11111129}.l2-tour-tip:before{content:"";background:#fff;border:1px solid #0000;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.l2-tour-tip--left:before{right:-7px;top:var(--caret);border-top-color:var(--border);border-right-color:var(--border);margin-top:-6px}.l2-tour-tip--right:before{left:-7px;top:var(--caret);border-bottom-color:var(--border);border-left-color:var(--border);margin-top:-6px}.l2-tour-tip--top:before{bottom:-7px;left:var(--caret);border-bottom-color:var(--border);border-right-color:var(--border);margin-left:-6px}.l2-tour-tip--bottom:before{top:-7px;left:var(--caret);border-top-color:var(--border);border-left-color:var(--border);margin-left:-6px}.l2-tour-tip-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 6px;font-size:17px;font-weight:500;line-height:1.3}.l2-tour-tip-body{color:var(--text-2);margin:0;font-size:14px;line-height:1.5}.l2-tour-tip-foot{align-items:center;gap:4px;margin-top:12px;display:flex}.l2-tour-count{color:var(--text-3);font-variant-numeric:tabular-nums;margin-right:auto;font-size:12px;line-height:1}.l2-tour-tip .l2-tour-go{padding:0 18px;font-size:14px}.l2-tour-center{z-index:3;box-sizing:border-box;border-radius:var(--r-btn);border:1px solid var(--border);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:12px;width:min(480px,100% - 32px);padding:32px;animation:.3s both l2-fade-in;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 48px #11111129}.l2-tour-center-title{letter-spacing:-.04em;color:var(--ink);margin:0;font-size:28px;font-weight:500;line-height:1.3}.l2-tour-center-body{color:var(--text-3);margin:0;font-size:16px;line-height:1.5}.l2-tour-center .l2-btn{margin-top:8px}@keyframes l2-fade-in{0%{opacity:0}}.l2-tour-progress{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;height:16px;margin-top:10px;display:grid}.l2-tour-progress button{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.l2-tour-progress button:after{content:"";border-radius:var(--r-pill);background:var(--border);height:3px;margin-top:-1.5px;transition:background .3s;position:absolute;top:50%;left:0;right:0}.l2-tour-progress button:hover:after{background:var(--purple-20)}.l2-tour-progress button.is-done:after{background:var(--purple)}.l2-tour-progress button:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.l2-tour[open],.l2-tour[open]::backdrop,.l2-tour-shots,.l2-tour-shot,.l2-tour-progress button:after{transition:none}.l2-tour-spot,.l2-tour-spot--click:before,.l2-tour-tip,.l2-tour-center{animation:none}}@media (max-width:767px){.l2-tour{width:calc(100% - 24px)}.l2-tour-card{max-height:calc(100dvh - 24px);padding:12px}.l2-tour-head{margin-bottom:12px}.l2-tour-name{font-size:16px}.l2-tour-screen{--zoom-boost:1.6}.l2-tour-overlay{margin-top:12px;position:static}.l2-tour-tip,.l2-tour-center{width:auto;box-shadow:none;padding:16px;position:static;transform:none}.l2-tour-tip:before{display:none}.l2-tour-center{gap:8px}.l2-tour-center-title{font-size:22px}.l2-tour-center-body{font-size:14px}.l2-tour-progress{margin-top:6px}}