.qr-tutorial-launcher{appearance:none;min-height:44px;padding:10px 24px;border:2px solid transparent;border-radius:999px;background:linear-gradient(#000,#000) padding-box,linear-gradient(110deg,#006cff 0%,#7137ef 48%,#ffbf65 100%) border-box;color:#fff;font:inherit;font-weight:400;cursor:pointer}.qr-tutorial-launcher:focus-visible,.qr-tutorial-dialog :focus-visible{outline:2px solid #82aaff;outline-offset:4px}.qr-tutorial-muted{filter:blur(12px);pointer-events:none}.qr-tutorial-overlay{position:fixed;inset:0;z-index:2147483200;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom));background:rgba(0,0,0,.4);animation:qr-tutorial-in .16s ease-out}.qr-tutorial-dialog{box-sizing:border-box;width:min(100%,560px);max-height:100%;overflow:auto;overscroll-behavior:contain;background:#101012;border-radius:28px;color:#fff;padding:24px;font-family:inherit;font-weight:400;line-height:1.55}.qr-tutorial-dialog *{box-sizing:border-box;font-weight:400}.qr-tutorial-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.qr-tutorial-label,.qr-tutorial-business{margin:0}.qr-tutorial-business{overflow-wrap:anywhere;margin-top:12px} .qr-tutorial-dialog h2{font-size:26px;line-height:1.3;margin:0}.qr-tutorial-control{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;border-radius:999px;padding:10px 16px;background:#29292e;color:#fff;font:inherit;cursor:pointer}.qr-tutorial-steps{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.qr-tutorial-card{display:flex;align-items:center;gap:14px;min-height:88px;padding:18px 16px;border:0;border-radius:22px;background:#000;color:#fff;text-decoration:none}.qr-tutorial-number{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#28282d;display:grid;place-items:center;font-size:15px}.qr-tutorial-card-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.qr-tutorial-card-title{font-size:18px;line-height:1.4}.qr-tutorial-card-detail{font-size:14px;line-height:1.55}.qr-tutorial-arrow{display:grid;place-items:center;flex:0 0 24px;font-size:30px;line-height:1}.qr-tutorial-closing{animation:qr-tutorial-out .16s ease-in both;pointer-events:none}@keyframes qr-tutorial-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes qr-tutorial-out{to{opacity:0;transform:translateY(6px)}}@media(max-width:360px){.qr-tutorial-dialog{padding:20px}.qr-tutorial-dialog h2{font-size:24px}.qr-tutorial-card{padding:16px 12px;gap:10px}.qr-tutorial-card-title{font-size:16px}.qr-tutorial-card-detail{font-size:14px}.qr-tutorial-number{flex-basis:26px;width:26px;height:26px}.qr-tutorial-arrow{flex-basis:16px}}@media(prefers-reduced-motion:reduce){.qr-tutorial-overlay,.qr-tutorial-closing{animation:none}}
