.vap-overlay{position:fixed;inset:0;z-index:1000000;background:#080312d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:vapFade .25s ease}@keyframes vapFade{0%{opacity:0}to{opacity:1}}.vap-modal{position:relative;width:min(1160px,100%);max-height:calc(100vh - 40px);aspect-ratio:1603/981;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px #0009;animation:vapRise .3s cubic-bezier(.2,.8,.3,1)}@keyframes vapRise{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.vap-art{display:block;width:100%;height:100%;object-fit:cover}.vap-close{position:absolute;top:12px;right:14px;z-index:3;width:34px;height:34px;border-radius:50%;background:#0000004d;border:1px solid #ffffff4d;color:#fff;font-size:22px;line-height:1;cursor:pointer}.vap-close:hover{background:#00000080}.vap-panel{position:absolute;z-index:2;left:61%;width:36%;top:6%;height:73%;display:flex;align-items:center}.vap-panel-inner{width:100%;max-height:100%;overflow-y:auto;background:#fff;border-radius:16px;padding:clamp(12px,2.1vw,26px) clamp(14px,2.3vw,28px);box-shadow:0 12px 40px #00000047}.vap-badge{display:inline-flex;align-items:center;gap:7px;background:#fde9f5;color:#c4117e;font-weight:700;font-size:clamp(9px,1.05vw,14px);padding:clamp(5px,.7vw,10px) clamp(9px,1.2vw,17px);border-radius:999px;margin-bottom:clamp(6px,.9vw,14px)}.vap-title{margin:0;font-weight:800;color:#1a0b2e;font-size:clamp(16px,2.1vw,29px);line-height:1.15}.vap-sub{margin:3px 0 clamp(8px,1.1vw,16px);color:#6b5b85;font-size:clamp(9px,1.05vw,15px)}.vap-field{display:flex;align-items:center;gap:9px;border:1px solid #e2d6ee;border-radius:11px;padding:clamp(7px,1vw,14px) clamp(9px,1.1vw,16px);margin-bottom:clamp(5px,.75vw,11px);transition:border-color .15s}.vap-field:focus-within{border-color:#e5148c}.vap-field i{color:#9b8bb4;font-size:clamp(10px,1.05vw,16px);width:16px;text-align:center}.vap-field input{flex:1 1;min-width:0;border:0;outline:none;background:#0000;color:#1a0b2e;font-size:clamp(10px,1.1vw,15px)}.vap-field input::placeholder{color:#9b8bb4}.vap-error{color:#b42318;font-size:clamp(9px,.95vw,13px);margin:2px 0 8px}.vap-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#ff1683,#c4117e);color:#fff;border:0;border-radius:11px;padding:clamp(9px,1.25vw,17px) clamp(12px,1.4vw,22px);font-weight:800;font-size:clamp(11px,1.35vw,19px);cursor:pointer}.vap-submit:disabled{opacity:.65;cursor:not-allowed}.vap-submit:not(:disabled):hover{filter:brightness(1.06)}.vap-arrow{font-size:1.1em}.vap-note{margin:clamp(6px,.9vw,13px) 0 0;text-align:center;line-height:1.55;color:#6b5b85;font-size:clamp(8px,.92vw,13px)}.vap-note i{margin-right:5px}.vap-done{text-align:center}.vap-done-icon{width:clamp(34px,3.4vw,54px);height:clamp(34px,3.4vw,54px);line-height:clamp(34px,3.4vw,54px);margin:0 auto clamp(6px,.9vw,12px);border-radius:50%;background:#16a34a;color:#fff;font-size:clamp(18px,1.8vw,28px)}.vap-done h3{margin:0 0 5px;color:#1a0b2e;font-size:clamp(13px,1.5vw,20px)}.vap-done p{margin:0 0 clamp(8px,1.1vw,16px);color:#6b5b85;font-size:clamp(9px,1vw,14px)}@media (max-width:820px){.vap-modal{aspect-ratio:auto;width:min(460px,100%);max-height:calc(100vh - 24px);overflow-y:auto;background:linear-gradient(135deg,#3b0d55,#6b0f6b 55%,#a3117f)}.vap-art{display:none}.vap-panel{position:static;width:auto;height:auto;padding:14px}.vap-panel-inner{max-height:none;overflow:visible;padding:20px 18px}.vap-badge{font-size:12px;padding:7px 13px}.vap-title{font-size:21px}.vap-field i,.vap-field input,.vap-sub{font-size:13.5px}.vap-field{padding:11px 13px;margin-bottom:9px}.vap-submit{font-size:15px;padding:13px 18px}.vap-note{font-size:11.5px}}@media (max-width:520px){.vap-overlay{padding:10px}}