*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f0f0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.payment-card{background:#fff;border-radius:20px;padding:24px;width:100%;max-width:480px;box-shadow:0 4px 32px #00000014}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.logo{font-size:22px;font-weight:800;color:#e53e3e;letter-spacing:-.5px}.logo span{color:#111}.header-icons{display:flex;gap:8px;align-items:center}.icon-btn{width:32px;height:32px;border-radius:50%;border:1px solid #e8e8e8;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666}.lang-btn{border-radius:8px;width:auto;padding:0 10px;font-size:13px;font-weight:600}.amount-section{margin-bottom:16px}.amount-label{font-size:13px;color:#888;margin-bottom:4px}.amount-value{font-size:28px;font-weight:700;color:#111}.divider{height:1px;background:#f0f0f0;margin:16px 0}.info-row-block{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.info-left{display:flex;align-items:center;gap:10px}.network-tag{font-size:13px;font-weight:600;color:#555;background:#f5f5f5;padding:4px 10px;border-radius:6px}.contract-link{font-size:12px;color:#888;cursor:pointer}.usd-value{font-size:13px;color:#888}.fee-note{font-size:12px;color:#3b82f6;margin-bottom:4px}.qr-block{background:#f9f9f9;border-radius:12px;padding:16px;display:flex;gap:16px;margin-bottom:16px;border:1px solid #f0f0f0}.qr-code{flex-shrink:0;width:140px;height:140px}.qr-info{flex:1;min-width:0}.qr-info-label{font-size:12px;color:#888;margin-bottom:6px}.qr-address{font-size:12px;font-weight:600;color:#3b82f6;word-break:break-all;margin-bottom:8px;line-height:1.4}.copy-btn{background:none;border:1px solid #e8e8e8;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;color:#555;transition:all .2s;margin-bottom:10px}.copy-btn:hover{background:#f0f0f0}.amount-row{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #efefef}.amount-row-label{font-size:12px;color:#888}.amount-row-value{font-size:12px;font-weight:600;color:#111}.or-divider{text-align:center;font-size:13px;color:#aaa;margin:14px 0;position:relative}.or-divider:before,.or-divider:after{content:"";position:absolute;top:50%;width:44%;height:1px;background:#e8e8e8}.or-divider:before{left:0}.or-divider:after{right:0}.connect-btn{width:100%;padding:14px;border-radius:10px;border:1.5px solid #e8e8e8;background:#fff;font-size:15px;font-weight:600;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;margin-bottom:8px}.connect-btn:hover{background:#f9f9f9;border-color:#ccc}.connect-btn:disabled{opacity:.6;cursor:not-allowed}.wc-logo{width:20px;height:20px;border-radius:4px}.status-msg{margin-top:12px;padding:10px 14px;border-radius:8px;font-size:13px;text-align:center;display:none}.status-msg.loading{display:block;background:#eff6ff;color:#2563eb}.status-msg.error{display:block;background:#fef2f2;color:#dc2626}.status-msg.success{display:block;background:#f0fdf4;color:#16a34a}.status-msg.warning{display:block;background:#fffbeb;color:#d97706;border:1px solid #fde68a}.timer-block{background:#f9f9f9;border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:10px;margin-top:16px}.timer-icon{color:#22c55e;font-size:18px}.timer-label{font-size:13px;color:#666}.timer-value{font-size:15px;font-weight:700;color:#22c55e;margin-left:auto}.card-footer{margin-top:20px;text-align:center}.powered-by{font-size:12px;color:#bbb}.powered-by span{color:#e53e3e;font-weight:700}.hidden{display:none!important}.error-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.error-card{background:#fff;border-radius:16px;padding:40px;text-align:center;max-width:360px;box-shadow:0 4px 24px #00000014}.error-icon{font-size:48px;margin-bottom:16px}.error-card h2{font-size:18px;color:#111;margin-bottom:8px}.error-card p{font-size:14px;color:#888}@media (max-width: 480px){.payment-card{padding:16px}.qr-block{flex-direction:column;align-items:center}.qr-info{width:100%}}