.upvip-modal[hidden]{display:none}.upvip-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px}.upvip-modal__backdrop{position:absolute;inset:0;background:rgba(72,42,56,.42)}.upvip-modal__card{position:relative;width:min(470px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:28px 25px 24px;background:#fff;border:1px solid #f1d8e2;border-radius:24px;box-shadow:0 22px 70px rgba(72,42,56,.26);text-align:center}.upvip-modal__close{position:absolute;top:10px;right:14px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff0f6;color:#b96789;font-size:26px;line-height:1;cursor:pointer}.upvip-modal__card h2{margin:7px 35px 18px;color:#d8749b;font-size:25px}.upvip-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.upvip-option{display:grid;gap:5px;min-height:112px;padding:15px 10px;border:1px solid #f0cbd9;border-radius:15px;background:#fffafd;color:#725461;cursor:pointer}.upvip-option.active{border-color:#f3a9c5;background:#f3a9c5;color:#fff;box-shadow:0 6px 15px rgba(233,143,180,.22)}.upvip-option strong{font-size:16px}.upvip-option span{font-size:19px;font-weight:800}.upvip-option small{line-height:1.45}.upvip-payment{margin-top:18px}.upvip-payment__summary{display:grid;gap:4px;padding:14px;border:1px solid #f4d4e1;border-radius:15px;background:#fff7fa}.upvip-payment__summary strong{color:#725461;font-size:18px}.upvip-payment__summary span{color:#d8749b;font-size:22px;font-weight:800}.upvip-payment__summary small{color:#9b7f8b;line-height:1.5}.upvip-details{display:grid;gap:9px;margin:18px 0;text-align:left}.upvip-details div{display:flex;justify-content:space-between;gap:16px;padding-bottom:8px;border-bottom:1px dashed #f0c4d4}.upvip-details span{color:#a0828e;font-size:14px}.upvip-details strong{color:#725461;text-align:right;font-size:14px}.upvip-note{margin:12px 0 16px;color:#9b7f8b;font-size:13px}.upvip-note strong{color:#725461}.upvip-qr{display:block;width:min(210px,100%);margin:0 auto 18px;padding:9px;background:#fff4f8;border:4px solid #f6c1d5;border-radius:16px}.upvip-actions{display:flex;gap:10px}.upvip-actions button{flex:1;margin:0}.upvip-dismiss{border:1px solid #edbfd1;border-radius:13px;background:#fff;color:#b96789;font-weight:700;cursor:pointer}.upvip-copy-message{min-height:19px;margin:9px 0 0;color:#b96789;font-size:13px}.upvip-modal-open{overflow:hidden}@media(max-width:520px){.upvip-modal{padding:12px}.upvip-modal__card{max-height:calc(100vh - 24px);padding:25px 18px 19px}.upvip-options{grid-template-columns:1fr}.upvip-details div{align-items:flex-start;flex-direction:column;gap:3px}.upvip-details strong{text-align:left}}