.credit-purchase-modal-overlay{z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:center;animation:.2s ease-in fadeIn;display:flex;position:fixed;inset:0}.credit-purchase-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:90%;max-width:450px;animation:.3s ease-out slideUp;box-shadow:0 10px 40px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.credit-purchase-header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.credit-purchase-header-title{font-size:var(--text-subheading);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.credit-purchase-close{color:var(--color-text-tertiary);font-size:1.5rem;line-height:1}.credit-purchase-content{padding:24px}.current-balance{background:var(--color-bg-secondary);border-radius:var(--radius-lg);font-size:var(--text-small);justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 16px;display:flex}.current-balance-label{color:var(--color-text-tertiary);font-weight:var(--font-medium)}.balance-amount{color:var(--color-text-primary);font-weight:var(--font-semibold);font-size:var(--text-body)}.credit-options{margin-bottom:20px}.credit-options-title{font-size:var(--text-small);font-weight:var(--font-semibold);text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:var(--tracking-wider);margin:0 0 16px}.credit-option{border:2px solid var(--color-border-default);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);align-items:center;margin-bottom:8px;padding:12px 16px;display:flex}.credit-option:hover{border-color:var(--color-border-medium);background:var(--color-bg-secondary)}.credit-option-radio{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary-500);margin-right:12px}.credit-option:has(.credit-option-radio:checked){border-color:var(--color-primary-500);background:var(--color-primary-50)}.option-credits{font-weight:var(--font-medium);color:var(--color-text-primary);font-size:var(--text-body);flex:1}.option-price{color:var(--color-text-tertiary);font-weight:var(--font-semibold);align-items:center;gap:8px;display:flex}.option-price .original-price{color:var(--color-text-muted);font-size:var(--text-small);text-decoration:line-through}.option-price .sale-price{color:var(--color-primary-500);font-weight:var(--font-bold)}.discount-badge{background:var(--color-warning-light);border-left:3px solid var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-small);color:var(--color-warning);align-items:center;gap:8px;margin-top:12px;padding:10px 12px;display:flex}.credit-purchase-error{background:var(--overlay-error-subtle);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-small);border-left:3px solid var(--color-error);margin-bottom:16px;padding:12px 16px}.credit-purchase-actions{gap:12px;margin-top:24px;display:flex}.credit-purchase-actions [data-slot=button]{flex:1}@media (width<=600px){.credit-purchase-modal{width:calc(100% - 24px);max-width:none;max-height:90vh;overflow-y:auto}.credit-purchase-content,.credit-purchase-header{padding:16px}}