.phone-qr{position:fixed;left:calc(18px + env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:65;width:176px;border:1px solid #d9cee6;border-radius:15px;background:#fff;color:#211332;box-shadow:0 8px 30px #28113d26;font:600 14px/1.4 var(--body, sans-serif)}
.phone-qr summary{padding:11px 13px;cursor:pointer;color:#6013aa;font-weight:800}
.phone-qr .qr-body{padding:0 12px 13px}
.phone-qr img{display:block;width:150px;height:150px;background:#fff}
.phone-qr p{font-size:12px;color:#625b70;margin:5px 0 9px}
.phone-qr a{display:block;padding:9px 4px;background:#6013aa;color:#fff;text-decoration:none;text-align:center;border-radius:8px;font-size:13px}
.phone-qr summary:focus-visible,.phone-qr a:focus-visible{outline:3px solid #9873bd;outline-offset:3px}
@media(max-width:899px){.phone-qr{left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:156px}.phone-qr summary{font-size:13px;padding:12px}.phone-qr img{width:130px;height:130px}.phone-qr[open]{width:176px}.phone-qr[open] img{width:150px;height:150px}}