.vcf-overlay[hidden]{display:none!important}.vcf-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:#100711c9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overscroll-behavior:contain;color:#fff1e8;font-family:inherit;isolation:isolate}.vcf-panel{box-sizing:border-box;position:relative;width:min(100%,440px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:30px 24px 22px;border:1px solid #e7abc252;border-radius:26px;background:radial-gradient(ellipse at 50% 0,#82405a5c,transparent 60%),linear-gradient(155deg,#412135,#261321 75%);box-shadow:0 28px 90px #0009;color:#fff1e8;outline:none;scrollbar-color:#b56a8766 transparent;scrollbar-width:thin}.vcf-panel *{box-sizing:border-box}.vcf-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #e0aec02e;border-radius:50%;background:#ffffff07;color:#efd4df;cursor:pointer}.vcf-close span{display:block;font-family:Arial,sans-serif;font-size:28px;font-weight:400;line-height:1;transform:translateY(-1px)}.vcf-heading{text-align:center;padding:0 10px}.vcf-icon{display:grid;place-items:center;width:84px;height:84px;margin:0 auto;border:1px solid #f6b9c96b;border-radius:50%;background:linear-gradient(145deg,#a83c6338,#ed9caa12);color:#ffd9dc;box-shadow:0 0 0 8px #dc809a08,0 9px 28px #b23b6026}.vcf-icon svg{display:none;width:56px;height:56px}.vcf-overlay[data-copy-state="pending"] .vcf-pending-icon{display:block;animation:vcf-spin 1s linear infinite}.vcf-overlay[data-copy-state="success"] .vcf-success-icon{display:block}.vcf-overlay[data-copy-state="success"] .vcf-icon{background:linear-gradient(140deg,#a83a61,#ce7185);border-color:#f4b6c5a6;color:#fff7ec}.vcf-overlay[data-copy-state="failure"] .vcf-failure-icon{display:block}.vcf-overlay[data-copy-state="failure"] .vcf-icon{color:#f3cab1;border-color:#eab39b59}.vcf-panel h2{margin:18px 0 0;color:#fff1e8;font-size:34px;font-weight:750;letter-spacing:0;line-height:1.35}#vcf-status{margin:9px 0 0;color:#e0bfce;font-size:14px;line-height:1.75}.vcf-steps-title{margin:25px 0 10px;color:#f2d8e2;font-size:16px;font-weight:650;line-height:1.5}.vcf-steps{list-style:none;display:grid;gap:14px;margin:0;padding:17px 15px;border:1px solid #dca5ba30;border-radius:15px;background:#160c171f;text-align:left}.vcf-steps li{display:grid;grid-template-columns:27px minmax(0,1fr);align-items:start;gap:11px;margin:0;padding:0}.vcf-steps li>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #e4b0c246;border-radius:50%;background:#c15c7d12;color:#edb9c7;font-size:13px;line-height:1}.vcf-steps p{margin:1px 0 0;color:#dcc1cc;font-size:15px;line-height:1.7}.vcf-steps strong{font-weight:650;color:#fff0e9}.vcf-copy,.vcf-done{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:11px 14px;border:1px solid #d8a2b740;border-radius:12px;font:inherit;font-size:15px;font-weight:650;line-height:1.5;cursor:pointer;-webkit-tap-highlight-color:transparent}.vcf-copy{margin-top:20px;background:linear-gradient(115deg,#a8335b,#ce6b84);border-color:#f5b3c65e;color:#fff3ed}.vcf-done{min-height:44px;margin-top:10px;background:#ffffff05;color:#dfb8c9;font-size:14px}.vcf-done:hover{background:#ffffff0b}.vcf-copy:hover{filter:brightness(1.08)}.vcf-copy:disabled{opacity:.57;cursor:wait;filter:none}.vcf-panel button:focus-visible{outline:2px solid #f7c2d0;outline-offset:3px}.vcf-panel:focus-visible{outline:2px solid #f7c2d066;outline-offset:2px}@keyframes vcf-spin{to{transform:rotate(360deg)}}@media(max-width:380px){.vcf-overlay{padding:12px}.vcf-panel{padding:27px 18px 18px;border-radius:22px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.vcf-panel h2{font-size:30px}.vcf-heading{padding:0 5px}.vcf-steps{padding:14px 12px;gap:12px}.vcf-steps p{font-size:14px}}@media(max-height:680px){.vcf-panel{padding-top:22px;padding-bottom:16px}.vcf-icon{width:72px;height:72px}.vcf-icon svg{width:48px;height:48px}.vcf-panel h2{margin-top:13px;font-size:30px}#vcf-status{font-size:13px;line-height:1.65}.vcf-steps-title{margin-top:18px}.vcf-steps{padding:13px;gap:10px}.vcf-copy{margin-top:16px}.vcf-done{margin-top:8px}}@media(prefers-reduced-motion:reduce){.vcf-overlay[data-copy-state="pending"] .vcf-pending-icon{animation:none}}