.tutorial-invite{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:28px;border-radius:8px;text-align:center}.tutorial-invite h2{font-size:23px;margin:0 0 24px}.tutorial-invite .tutorial-actions{justify-content:center}.tutorial-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.tutorial-actions button{border-radius:6px}.tutorial-tour{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden}.tutorial-tour::backdrop{background:transparent}.tutorial-spotlight{position:fixed;border:2px solid #72d3c3;border-radius:6px;box-shadow:0 0 0 100vmax rgba(12,22,31,.78);pointer-events:none}.tutorial-panel{position:fixed;width:380px;max-width:calc(100vw - 24px);padding:20px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #0003}.tutorial-panel::before{content:"";position:absolute;left:var(--arrow-x,50%);width:14px;height:14px;background:white;transform:translateX(-50%) rotate(45deg)}.tutorial-panel[data-side=below]::before{top:-7px}.tutorial-panel[data-side=above]::before{bottom:-7px}.tutorial-panel h2{font-size:19px;line-height:1.3;margin:8px 0}.tutorial-panel p{font-size:13px;line-height:1.6;margin:10px 0 16px}.tutorial-progress{font-size:11px;color:var(--teal);font-weight:700}.tutorial-panel .quiet,.tutorial-panel .primary{padding:9px 12px;font-size:12px}.tutorial-exit{border:0;background:transparent;color:var(--muted);text-decoration:underline;padding:10px 0 0;font-size:12px}.tutorial-panel:focus{outline:none}@media(max-width:620px){.tutorial-panel{padding:15px}.tutorial-panel h2{font-size:17px}.tutorial-panel p{font-size:12px;margin:8px 0 12px}}
.tutorial-panel ul{padding-left:18px;margin:12px 0 18px;font-size:13px;line-height:1.5}.tutorial-panel li+li{margin-top:8px}.tutorial-panel li strong{color:var(--ink)}

.tutorial-panel{box-sizing:border-box}
.tutorial-panel[data-side=right]::before{left:-7px;top:var(--arrow-y,50%);transform:translateY(-50%) rotate(45deg)}
.tutorial-panel[data-side=left]::before{left:auto;right:-7px;top:var(--arrow-y,50%);transform:translateY(-50%) rotate(45deg)}